Design para quem nao eh designer

2,079 views

Published on

Resumo de dicas contidas no livro:
WILLIANS, Robin. Design para quem não é designer. 7ª edição, São Paulo: Callis. 1995

0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,079
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
0
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Design para quem nao eh designer

  1. 1. DESIGN PARA QUEM NÃO É DESIGNER Noções básicas de planejamento visual Retirado do livro: Design para quem não é designer. Willians, Robin. 7ª edição, São Paulo : Callis. 1995.
  2. 2. Princípios Básicos Vejamos a seguir uma capa de um Tudo o Que relatório comum (e sem criatividade): centralizada, com espaços iguais para Vai Volta preencher a página. Se você não soubesse ler em português, pensaria que são seis Lições para viajar de tópicos separados na página, pois cada linha parece ser um elemento individual. carona pelo país Robin Willians 1º de Janeiro de 2001 A seguir aplicaremos os quatro princípios básicos, acompanhando os resultados:
  3. 3. Proximidade Se os itens estiverem relacionados entre si, agrupe-os em proximidade. Separe-os, se eles não estiverem Tudo o Que diretamente ligados. Vai Volta Varie o espaço entre os itens para indicar a proximidade. Lições para viajar de carona pelo país Aproximando o título do subtítulo, criamos uma unidade bem-definida, no lugar de seis unidades segmentadas. Ficou nítido que os dois tópicos estão ligados entre si. Distanciando o nome do autos e a data, fica claro que estas informações não fazem parte do título. Robin Willians 1º de Janeiro de 2001
  4. 4. Proximidade - CD-ROMs O maior problema desta CD ROMs CD-ROMs lista é que tudo está CD ROMs CDs para crianças próximo de tudo, CDs para crianças CDs educacionais CDs educacionais dificultando uma relação CDs de lazer CDs de lazer ou organização. Discos laser Discos laser - Educacional Educacional Aprendizado inicial Idiomais Idiomas Ciências Matemática Ciências Matemática Material do Professor - Material do Professor Livros Material do professor Livros Vídeos Material do professor A mesma lista foi criada Vídeos através de grupos visuais. Hardware & Acessórios - Hardware e Acessórios Cabos Acrescentando um Dispositivo de entrada Cabos contraste aos títulos e a Armazenamento Dispositivo de entrada Memória linha divisória dá-se mais Modems Armazenamento Memória legibilidade, o que torna Impressoras e acessórios Modems mais fácil uma relação Vídeo e som Impressoras e acessórios entre o título e seus Vídeo e som tópicos.
  5. 5. Alinhamento Fique atento a cada elemento que você colocar na Tudo o Que página. Alinhe cada objeto com uma parte lateral de outro, para que a página inteira fique unificada. Vai Volta Lições para viajar de carona pelo país Mesmo que o nome do autor esteja distante do título, existe uma conexão visual entre os dois elementos, criada através do alinhamento. O exemplo anterior também está alinhado: o alinhamento é a centralização. Mas como você pode ver, alinhando à esquerda ou à direita (como Robin Willians este exemplo) você cria uma lateral mais 1º de Janeiro de 2001 marcante, mais fácil de seguir com os olhos.
  6. 6. Repetição Repetição é uma forma mais marcante de criar consistência em um material. Avalie se é apropriado Tudo o Que fazer com que um dos elementos fique mais Vai Volta marcante e utilize-o como o elemento repetitivo. Lições para viajar de carona pelo país A fonte diferenciada do título se repete no nome do autor, fortalecendo a conexão entre ambos. Os pequenos triângulos foram especialmente acrescentados para criar uma repetição. Apesar de cada um deles apontar para uma direção diferente, a forma triangular é suficientemente específica para ser reconhecida em todas as suas incidências na página. Robin Willians A repetição ajuda a unificar elementos separados do design (da diagramação).
  7. 7. Contraste Você concorda com o fato de que o exemplo deste slide atrai seus olhos muito mais do que o anterior? Tudo o Que Neste caso, o responsável é o contraste do preto contra Vai Volta o branco. Há várias maneiras de criar contrastes: linhas, Lições fontes, cores, relações espaciais, direções, etc. para viajar de carona O trabalho com o contraste neste exemplo foi apenas o pelo de acrescentar a caixa preta. Realce um pouco a letra país colocando o subtítulo em itálico, contrastando-o com a letra normal (sem italização) do título e do nome do autor. Robin Willians
  8. 8. Tipologia A combinação de fontes diferentes visa aperfeiçoar a comunicação, porém, algumas vezes esta combinação pode confundi-la. Tome cuidado ao utilizar vários tipos de fontes, crie sempre um contraste para melhorar o entendimento. Há seis maneiras claras e diferentes de contrastar a tipologia: Um contraste de tamanho nem sempre significa que você deva fazer com que o tipo fique grande; significa Não seja TÍMID que deve haver um contraste. Por exemplo: quando você vê uma pequena linha isolada em uma página grande de jornal, fica com vontade de lê-la, certo? Grande parte do que o convida a fazê-lo é o contraste Exponha suas idéias! O do tipo muito pequeno colocado em uma página grande.
  9. 9. O peso de uma fonte refere-se à espessura dos traços. A maioria das famílias é desenhada com vários pesos: regular, bold (negrito), light, etc. O contraste dos pesos é uma das melhores maneiras de aumentar a estética visual de uma página sem redesenhar algo, mas você nunca poderá alcançar o contraste belo e forte se não tiver uma fonte com traços grandes e fortes. Outro Newsletter Outro Newsletter Título nonononononono Título nonononononono nonononononono nonononononono nononononononon nonononononono nononononononon nonononononono ononononononono nonononononono ononononononono nonononononono nononononononon nOnononononon nononononononon nOnononononon ononononononono ononononononon ononononononono ononononononon nononononOnonon ononononononon nononononOnonon ononononononon ononononononono ononononononon Arial ononononononono ononononononon nononononononon onononono.. nononononononon onononono.. ononononononono ononononononono nononononono.. Subtítulo nononononono.. Subtítulo Outro Título nonononononono Título nonononononono Arial Medium nonononononono nonononononono nononononononon nononononomno nononononononon nononononomno ononononononono nonononononono ononononononono nonononononono nononononononon nonononononono nononononononon nonononononono ononononononono nonOnonononon ononononononono nonOnonononon nononononononon ononononononon Arial Black (bold) nononononononon ononononononon ononononOnonono ononononononon ononononOnonono ononononononon nononononononon ononononononon nononononononon ononononononon ononononononono ononononono.. ononononononono ononononono.. nononononononon nononononononon ononononono.. ononononono..
  10. 10. Estrutura Serifas Não há serifas Serifado Contraste grosso-fino Sem Serifa Não há contraste grosso-fino nos traços Existem ainda as categorias: Moderno, Manuscrito, Decorativo, Estilo Antigo. A estrutura refere-se à maneira através de qual uma letra é construída e, como podemos ver através deste exemplo, a estrutura de cada categoria é bastante distinta. Dica importante: nunca coloque duas Ode Ode Ode fontes de mesma categoria na mesma Ode Ode Ode página. Não há como disfarçar suas similaridades. Além disso, existem tantas Ode Ode Ode opções! Por que dificultar as coisas?
  11. 11. Forma A forma de uma letra refere-se ao seu formato. Os caracteres podem ter a mesma estrutura, mas suas “formas” podem ser diferentes. Por exemplo, a letra “G” (em caixa-alta) tem a mesma estrutura da letra “g” (em caixa- baixa) da mesma família. Entretanto, suas verdadeiras formas – ou formatos – são muito diferentes. Este é um tipo de contraste muito prático, e aumenta a legibilidade e ênfase de uma palavra ou frase. As formas de cada Usar caixa-alta algumas vezes (não exagere!) faz surgir um uma destas letras G g maiúsculas são CONTRASTE completamente diferente das A a minúsculas. Portanto, B b caixa-alta versus girafa tartaruga caixa-baixa é outra H h maneira de contrastar os tipos. E e GIRAFA TARTARUGA
  12. 12. D ire ção Girar, inclinar, inverter, etc, as vezes podem ser uma boa maneira de enfatizar e contrastar uma parte de seu texto. O tipo ! CI MA inclinado Título longo nas duas colunas Ás vezes um A para cima redirecionamento AR Nononononono Nonononononono marcante do tipo P nonononononono cria uma nonononononono nonononononono nonononononono cria um impacto energia nonononononono nonononononono newsletter nonononononono nonononononono dramático ou um positiva. nonononononono nonononononono nonononono. formato único, o Nonononono nonononononono nonononononono que justifica nonononononono nonono. nonononononono plenamente seu nonononononono Subtítulo nonononononono uso. nonononononono nononononon nonononono.. ononononononon onononoonnonon onononononono. Segundo Título interessante

×