Aula 03 Design para quem não é designer

Page 1

Prof. Ricardo Pedrosa Macedo Prof. Ricardo Pedrosa Macedo -- copyrihgt2004copyrihgt2004

11

29/2/2004 02:1629/2/2004 02:16

Princípios do Design Gráfico

Williams, RobinDesign para quem não é designer : noções básicas de planejamento visual / Robin Williams ; Tradução Laura Karin Gillon . São Paulo : Callis, 1995.

Proximidade

Alinhamento

Repetição

Contraste


22

29/2/2004 02:1629/2/2004 02:16

Williams, Robin

Design para quem não é designer : noções básicas de planejamento

visual / Robin Williams ; Tradução Laura Karin Gillon . São Paulo :

Callis , 1995.


33

29/2/2004 02:1629/2/2004 02:16 Prof. Ricardo Pedrosa Macedo Prof. Ricardo Pedrosa Macedo -- copyrihgt2004copyrihgt2004

44

29/2/2004 02:1629/2/2004 02:16

ProximidadeProximidade

Alinhamento

Repetição

Contraste Proximidade


55

29/2/2004 02:1629/2/2004 02:16

Segundo o princípio da proximidade, itens relacionados entre si devem ser agrupados e aproximados uns dos outros, para que sejam vistos como um conjunto coeso e não como um emaranhado de partes sem ligação.

Itens ou conjuntos de informações que não estão relacionados entre si não deveriam estar próximos.


Alinhamento

Repetição

Contraste


66

29/2/2004 02:1629/2/2004 02:16


Alinhamento

Repetição

Contraste

Page 2


77

29/2/2004 02:1629/2/2004 02:16

12

3


Alinhamento

Repetição

Contraste


88

29/2/2004 02:1629/2/2004 02:16


Alinhamento

Repetição

Contraste


99

29/2/2004 02:1629/2/2004 02:16

Texto


Alinhamento

Repetição

Contraste


1010

29/2/2004 02:1629/2/2004 02:16

•Entediante•Informações difíceis.

•Onde•Quando•Como•Quem•Horas•Etc...


1111


1212

29/2/2004 02:1629/2/2004 02:16

Tudo junto


Alinhamento

Repetição

Contraste

Page 3


1313

29/2/2004 02:1629/2/2004 02:16


Alinhamento

Repetição

Contraste


1414

29/2/2004 02:1629/2/2004 02:16

Quando vários itens estiverem próximos, eles formarão uma unidade visual e não várias unidades individuais. Os itens relacionados entre si devem ser agrupados.

•Veja para onde seus olhos se dirigem. •Qual é o caminho que eles seguem? •Onde termina a leitura? •Após a leitura, para onde seus olhos vão?


Alinhamento

Repetição

Contraste

Resumo


1515

29/2/2004 02:1629/2/2004 02:16

O propósito básicoda proximidade é o de organizar.

O simples agrupamento de elementos relacionados em proximidade cria, automaticamente, uma organização

• fácil de ler e de memorizar • cria brancos, mais atrativos (organizados)


Alinhamento

Repetição

Contraste


1616

29/2/2004 02:1629/2/2004 02:16

Como atingir este objetivoConte o nº de elementos visuais da página pelo nº de paradas dos seus olhos. Mais de 3-5 itens na página, veja dentre os itens separados quais poderiam ser agrupados em proximidade, para que se tornem uma unidade visual.


Alinhamento

Repetição

Contraste


1717

29/2/2004 02:1629/2/2004 02:16

O que evitar, muitos elementos separados em uma página.• Não coloque os itens somente nos cantos e no meio da página.• Evite deixar quantidades iguais de espaços em branco entre os elementos, a não ser que cada conjunto seja parte de um subgrupo. • Evite criar qualquer dúvida quanto à relação dos elementos entre si, ou seja, cada subtítulo, legenda, imagem etc. devem estar junto a seu respectivo par.•Não relacione elementos que não devam estar agrupados! (separe-os)


Alinhamento

Repetição

Contraste


1818

29/2/2004 02:1629/2/2004 02:16


Alinhamento

Repetição

Contraste Alinhamento

Page 4


1919

29/2/2004 02:1629/2/2004 02:16

O princípio do alinhamento, nada deve ser colocado arbitrariamente em uma página.Cada item deve ter uma conexão visual com algo na página.

Quando os itens são alinhados na página, há uma unidade coesa, mais forte.

Mesmo quando os elementos estiverem fisicamente separados uns dos outros, se estiverem alinhados, haverá uma linha invisível conectando-os.


Alinhamento

Repetição

Contraste


2020

29/2/2004 02:1629/2/2004 02:16

Apesar de posicionar alguns elementos separadamente, indicando suas ligações de acordo com o princípio da proximidade, é o princípio do alinhamento que avisará ao leitor que, mesmo não estando próximos, os itens fazem parte do mesmo material.


Alinhamento

Repetição

Contraste


2121

29/2/2004 02:1629/2/2004 02:16

O que evitar


2222

29/2/2004 02:1629/2/2004 02:16


2323

29/2/2004 02:1629/2/2004 02:16

Nonono OnonoNonnoon no n on nonon nono non non on onon on on noon onNonono Onoon Nonnoon no n on nonon nono non non on ononon on noon onNonono Onoonoonon onon ono

Nonono Onoono nno nononno nOnononnono n o n onoon

Nonono OnonoNonnoon no n on nonon nono

non non on onon on on noon onNonono Onoon Nonnoon no n

on nonon nono non non on ononon on noon onNonono Onoono

onon onon ono

Nonono Onoono nno nononno nOnononnono n o n onoon


Alinhamento

Repetição

Contraste


2424

29/2/2004 02:1629/2/2004 02:16

A regra das regraHá uma regra sobre o descumprimento de regras:

Antes de descumprir uma regra, é preciso conhecê-la

Page 5


2525

29/2/2004 02:1629/2/2004 02:16

Antes de descumprir uma regra, é preciso conhecê-la.

Limitando-se apenas ao uso de cores primárias, preto e branco. Quanto à forma, ele restringia-se às figuras lineares. Suas teorias e sua arte são consideradas por muitos especialistas uma vitória da austeridade.

Expoentes da Arte Moderna, o holandês PietMondrian(1872-1944)

Pablo Picasso e Wassily Kandinsky


2626

29/2/2004 02:1629/2/2004 02:16

• Nada deveria ser colocado arbitrariamente. • Cada elemento deveria ter alguma conexão visual com outro.• A unidade é um conceito muito importante no design.

• Para que todos os elementos da página tenham uma estética unificada, conectada e interrelacionada, é preciso que haja "amarras" visuais entre os elementos separados.


Alinhamento

Repetição

Contraste

Resumo


2727

29/2/2004 02:1629/2/2004 02:16

O propósito básico do alinhamento é o de unificar e organizar a página. O resultado é que cria uma aparência sofisticada, formal, engraçada ou séria.

Como atingir este objetivoEsteja consciente do posicionamento dos elementos na página. Encontre sempre algo a mais na página para fazer o alinhamento, mesmo que os dois objetos estejam fisicamente distantes.


Alinhamento

Repetição

Contraste


2828

29/2/2004 02:1629/2/2004 02:16

Evite usar mais de um alinhamento de texto por página (ou seja, não centralize um texto e alinhe outro à direita).

Evite, com todas as suas forças, o alinhamento centralizado, a não ser que você tenha o objetivo consciente de criar uma apresentação formal, pacata (que costuma ser comum demais).

Escolha o alinhamento centralizado conscientemente e não por automação.


Alinhamento

Repetição

Contraste


2929

29/2/2004 02:1629/2/2004 02:16


Alinhamento

Repetição

Contraste Repetição


3030

29/2/2004 02:1629/2/2004 02:16

O princípio da repetição afirma que algum aspecto do design deve repetir-se no material inteiro. • O elemento repetitivo pode ser uma fonte em bold (negrito), um fio (linha) grosso, algum sinal de tópico, um elemento do design, algum formato específico, relações espaciais etc.

• Pode ser qualquer item que o leitor reconheça visualmente.

Page 6


3131

29/2/2004 02:1629/2/2004 02:16

• Quando cria títulos com mesmo tamanho e mesmo peso, quando coloca um fio a meia polegada do final de cada página, quando usa o mesmo sinal de tópico em cada listagem referente ao mesmo trabalho.


Alinhamento

Repetição

Contraste


3232

29/2/2004 02:1629/2/2004 02:16

• O que os iniciantes precisam fazer é transformar a repetição imperceptível em um elemento-chave visual que unifica o material.

• A repetição pode ser considerada como "consistência". Ao olhar para um jornal de oito páginas, é justamente a repetição de alguns elementos - sua consistência - que faz com que cada uma dessas oito páginas pareça pertencer ao mesmo jornal.


Alinhamento

Repetição

Contraste


3333

29/2/2004 02:1629/2/2004 02:16

• Porém, a repetição vai além da simples consistência: é um esforço consciente para unificar todos os elementos do design.


Alinhamento

Repetição

Contraste


3434

29/2/2004 02:1629/2/2004 02:16

Os títulos e subtítulos são um ótimo lugar para se começar a criar elementos repetitivos


3535

29/2/2004 02:1629/2/2004 02:16

Fio duplo

FontesTítulos e Subtítulos

Fio único

Os n°. Pág.


Alinhamento

Repetição

Contraste


3636

29/2/2004 02:1629/2/2004 02:16

Page 7


3737

29/2/2004 02:1629/2/2004 02:16

A técnica de repetição de

imagens (objetos)é eficazes

Junte-se a nós2 de maio,às 3 hsda tardeuseseuchapéu


Alinhamento

Repetição

Contraste


3838

29/2/2004 02:1629/2/2004 02:16

A repetição de elementos visuais no design unifica e fortalece o material, agrupando partes que seriam separadas. O recurso da repetição é muito útil em peças de uma só página e é essencial em documentos de muitas páginas (consistência).

O propósito básico da repetição é unificar e acrescentar interesse visual, se ela for interessante, sua leitura será mais agradável e provavelmente mais lida.


Alinhamento

Repetição

Contraste

Resumo


3939

29/2/2004 02:1629/2/2004 02:16

Como atingir este objetivoConsidere a repetição como consistência, você poderia transformar alguns desses elementos consistentes em parte integrante do design gráfico.

Pense sobre a possibilidade'de acrescentar elementos apenas para criar uma repetição.

Em primeiro lugar, você deve encontrar as repetições que já existem e reforçá-las. Repetir é como dar ênfase.


Alinhamento

Repetição

Contraste


4040

29/2/2004 02:1629/2/2004 02:16

•Evite repetir o elemento em demasia, para que ele não se torne enfadonho ou excessivo.

•Esteja consciente do valor do contraste.

Por exemplo, se uma mulher usasse um vestido de noite vermelho...


Alinhamento

Repetição

Contraste


4141

29/2/2004 02:1629/2/2004 02:16


Alinhamento

Repetição

Contraste Contraste


4242

29/2/2004 02:1629/2/2004 02:16

O contraste é uma das maneiras mais eficazes de acrescentar algum atrativo visual a uma página. A "regra" importante que deve ser lembrada é a de que para o contraste ser realmente eficaz, ele deve ser forte. Cria-se o contraste quando dois elementos são diferentes. Se eles diferirem um pouco mas não muito, não acontecerá o contraste e sim um conflito. Este é o segredo: se dois itens não forem exatamente os mesmos, diferencie-oscompletamente.


Alinhamento

Repetição

Contraste

Page 8


4343

29/2/2004 02:1629/2/2004 02:16

Uma letra grande pode ser contrastada com uma pequena; uma fonte em estilo antigo com uma fonte em bold sem serifa; um fio

fino com um grosso; uma cor fria com uma

mais quente; uma textura áspera com uma lisa; um elemento horizontal (por exemplo, uma longa linha de texto) com um elemento vertical (por exemplo, uma coluna estreita de texto)

Basta não ser tímido e ousar.


Alinhamento

Repetição

Contraste


4444

29/2/2004 02:1629/2/2004 02:16


4545


4646

29/2/2004 02:1629/2/2004 02:16


4747


4848

29/2/2004 02:1629/2/2004 02:16

O contraste de uma página faz com que seus olhos se virem para ela. Se você colocar dois elementos diferentes em uma página, eles não devem ser similares. Para que o contraste cumpra totalmente suas funções, os dois elementos devem ser muito diferentes.

Resumo


Alinhamento

Repetição

Contraste

Page 9


4949

29/2/2004 02:1629/2/2004 02:16

Utilizar o princípio do contraste é como fazer o retoque em uma parede: não se pode combinar mais ou menos a cor; ou você encontra a cor exata ou precisará pintar a parede inteira.

Resumo


Alinhamento

Repetição

Contraste


5050

29/2/2004 02:1629/2/2004 02:16

O propósito básico do contraste é duplo, e seus dois objetivos são unificados.

1. Um deles é criar interesse sobre uma página; se ela tiver uma aparência interessante, atrairá mais a leitura.

2. O outro é auxiliar na organização das informações. O leitor deveria ser capaz de compreender instantaneamente a maneira através da qual as informações são estruturadas, o fluxo lógico de um item para outro. Os elementos contrastantes nunca deveriam confundir o leitor ou criar um foco que não seja o correto.


Alinhamento

Repetição

Contraste


5151

29/2/2004 02:1629/2/2004 02:16

Como atingir este objetivoAplique contraste em suas opções de tipologia, nas espessuras das linhas, nas cores, nas formas, nos tamanhos, nos espaços etc. É fácil descobrir maneiras de contrastar os itens e, provavelmente, esta é a maneira mais divertida e satisfatória de criar interesse visual. O importante é criar elementos marcantes.


Alinhamento

Repetição

Contraste


5252

29/2/2004 02:1629/2/2004 02:16

? itens relacionados entre si devem ser agrupados e aproximados uns dos outros.

Proximidade

? nada deve ser colocado arbitrariamente em uma página.Alinhamento

? algum aspecto do design deve repetir-se no material inteiro.

Repetição

? se dois itens não forem exatamente os mesmos, diferencie-os.Contraste

Resumo

Documents

Aula 03 Design para quem não é designer