Aula 03 Principios Do Design Portal Cor

1
Princpios do Design Grfico

Proximidade Alinhamento Repetio Contraste
Williams, Robin Design para quem no designer : noes bsicas de planejamento visual / Robin Williams ; Traduo Laura Karin Gillon . So Paulo : Callis, 1995.
29/2/2004 02:16 Prof. Ricardo Pedrosa Macedo - copyrihgt2004 29/2/2004 02:16
Williams, Robin Design para quem no designer : noes bsicas de planejamento visual / R o b i n Williams ; Traduo Laura Karin Gillon . So Paulo : Callis , 1995.
Prof. Ricardo Pedrosa Macedo - copyrihgt2004
Proximidade Proximidade Alinhamento Repetio Contraste
Proximidade
29/2/2004 02:16
29/2/2004 02:16
Segundo o princpio da proximidade, itens relacionados entre si devem ser agrupados e aproximados uns dos outros, para que sejam vistos como um conjunto coeso e no como um emaranhado de partes sem ligao. Itens ou conjuntos de informaes que no esto relacionados entre si no deveriam estar prximos.
29/2/2004 02:16
29/2/2004 02:16
Proximidade Proximidade
1 2 3
Alinhamento Repetio Contraste
29/2/2004 02:16
29/2/2004 02:16
Texto
10
Entediante Informaes difceis. Onde Quando Como Quem Horas Etc...
29/2/2004 02:16
29/2/2004 02:16
11
12
Tudo junto
29/2/2004 02:16
29/2/2004 02:16
13
14
Resumo
Quando vrios itens estiverem prximos, eles formaro uma unidade visual e no vrias 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? Aps a leitura, para onde seus olhos vo?
29/2/2004 02:16
29/2/2004 02:16
15
16
O propsito bsico da proximidade o de organizar. O simples agrupamento de elementos relacionados em proximidade cria, automaticamente, uma organizao fcil de ler e de memorizar cria brancos, mais atrativos (organizados)
Como atingir este objetivo Conte o n de elementos visuais da pgina pelo n de paradas dos seus olhos. Mais de 3-5 itens na pgina, veja dentre os itens separados quais poderiam ser agrupados em proximidade, para que se tornem uma unidade visual.
29/2/2004 02:16
29/2/2004 02:16
17
18
O que evitar, muitos elementos separados em uma pgina. No coloque os itens somente nos cantos e no meio da pgina. Evite deixar quantidades iguais de espaos em branco entre os elementos, a no ser que cada conjunto seja parte de um subgrupo. Evite criar qualquer dvida quanto relao dos elementos entre si, ou seja, cada subttulo, legenda, imagem etc. devem estar junto a seu respectivo par. No relacione elementos que no devam estar agrupados! (separe-os)
Alinhamento
29/2/2004 02:16
29/2/2004 02:16
19
20
O princpio do alinhamento, nada deve ser colocado arbitrariamente em uma pgina. Cada item deve ter uma conexo visual com algo na pgina. Quando os itens so alinhados na pgina, h uma unidade coesa, mais forte. Mesmo quando os elementos estiverem fisicamente separados uns dos outros, se estiverem alinhados, haver uma linha invisvel conectando-os.
Apesar de posicionar alguns elementos separadamente, indicando suas ligaes de acordo com o princpio da proximidade, o princpio do alinhamento que avisar ao leitor que, mesmo no estando prximos, os itens fazem parte do mesmo material.
29/2/2004 02:16
29/2/2004 02:16
21
O que evitar
22
29/2/2004 02:16
29/2/2004 02:16
23
24
Nonono Onono
Nonnoon no n on nonon nono non non on onon on on noon on Nonono Onoon Nonnoon no n on nonon nono non non on onon on on noon onNonono Onoono onon onon ono
Nonono Onoono nno nononno n Onononnono n o n onoon
Nonono Onono
Nonnoon no n on nonon nono non non on onon on on noon on Nonono Onoon Nonnoon no n on nonon nono non non on onon on on noon onNonono Onoono onon onon ono
Nonono Onoono nno nononno n Onononnono n o n onoon
A regra das regra H uma regra sobre o descumprimento de regras: Antes de descumprir uma regra, preciso conhec-la
29/2/2004 02:16
29/2/2004 02:16
25
26
Antes de descumprir uma regra, preciso conhec-la.

Proximidade Proximidade Expoentes da Arte Moderna, o holands Piet Mondrian
(1872-1944)
Resumo
Limitando-se apenas ao uso de cores primrias, preto e branco. Quanto forma, ele restringia-se s figuras lineares. Suas teorias e sua arte so consideradas por muitos especialistas uma vitria da austeridade.
Nada deveria ser colocado arbitrariamente. Cada elemento deveria ter alguma conexo visual com outro. A unidade um conceito muito importante no design. Para que todos os elementos da pgina tenham uma esttica unificada, conectada e interrelacionada, preciso que haja "amarras" visuais entre os elementos separados.
Pablo Picasso e Wassily Kandinsky
29/2/2004 02:16
29/2/2004 02:16
27
28
O propsito bsico do alinhamento o de unificar e organizar a pgina. O resultado que cria uma aparncia sofisticada, formal, engraada ou sria. Como atingir este objetivo Esteja consciente do posicionamento dos elementos na pgina. Encontre sempre algo a mais na pgina para fazer o alinhamento, mesmo que os dois objetos estejam fisicamente distantes.
Evite usar mais de um alinhamento de texto por pgina (ou seja, no centralize um texto e alinhe outro direita). Evite, com todas as suas foras, o alinhamento centralizado, a no ser que voc tenha o objetivo consciente de criar uma apresentao formal, pacata (que costuma ser comum demais). Escolha o alinhamento centralizado conscientemente e no por automao.
29/2/2004 02:16
29/2/2004 02:16
29
30
Repetio
O princpio da repetio 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 tpico, um elemento do design, algum formato especfico, relaes espaciais etc. Pode ser qualquer item que o leitor reconhea visualmente.
29/2/2004 02:16
29/2/2004 02:16
31
32
Quando cria ttulos com mesmo tamanho e mesmo peso, quando coloca um fio a meia polegada do final de cada pgina, quando usa o mesmo sinal de tpico em cada listagem referente ao mesmo trabalho.
O que os iniciantes precisam fazer transformar a repetio imperceptvel em um elemento-chave visual que unifica o material. A repetio pode ser considerada como "consistncia". Ao olhar para um jornal de oito pginas, justamente a repetio de alguns elementos - sua consistncia - que faz com que cada uma dessas oito pginas parea pertencer ao mesmo jornal.
29/2/2004 02:16
29/2/2004 02:16
33
34
Porm, a repetio vai alm da simples consistncia: um esforo consciente para unificar todos os elementos do design.
Os ttulos e subttulos so um timo lugar para se comear a criar elementos repetitivos

29/2/2004 02:16 Prof. Ricardo Pedrosa Macedo - copyrihgt2004 29/2/2004 02:16 Prof. Ricardo Pedrosa Macedo - copyrihgt2004
35
36
Fio duplo
Fontes Ttulos e Subttulos
Fio nico
Os n. Pg.
29/2/2004 02:16 Prof. Ricardo Pedrosa Macedo - copyrihgt2004 29/2/2004 02:16 Prof. Ricardo Pedrosa Macedo - copyrihgt2004
37
38
Resumo
A tcnica de repetio de imagens (objetos) eficazes
Junte-se a ns 2 de maio, s 3 hs da tarde use seu chapu

A repetio de elementos visuais no design unifica e fortalece o material, agrupando partes que seriam separadas. O recurso da repetio muito til em peas de uma s pgina e essencial em documentos de muitas pginas (consistncia). O propsito bsico da repetio unificar e acrescentar interesse visual, se ela for interessante, sua leitura ser mais agradvel e provavelmente mais lida.
29/2/2004 02:16
29/2/2004 02:16
39
40
Como atingir este objetivo Considere a repetio como consistncia, voc poderia transformar alguns desses elementos consistentes em parte integrante do design grfico. Pense sobre a possibilidade'de acrescentar elementos apenas para criar uma repetio. Em primeiro lugar, voc deve encontrar as repeties que j existem e refor-las. Repetir como dar nfase.
Evite repetir o elemento em demasia, para que ele no se torne enfadonho ou excessivo. Esteja consciente do valor do contraste. Por exemplo, se uma mulher usasse um vestido de noite vermelho...
29/2/2004 02:16
29/2/2004 02:16
41
42
Proximidade Proximidade
Contraste
29/2/2004 02:16
29/2/2004 02:16
O contraste uma das maneiras mais eficazes de acrescentar algum atrativo visual a uma pgina. 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 so diferentes. Se eles diferirem um pouco mas no muito, no acontecer o contraste e sim um conflito. Este o segredo: se dois itens no forem exatamente os mesmos, diferencie-os completamente.
43
44
Basta no ser tmido e ousar.

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)
29/2/2004 02:16
29/2/2004 02:16
45
46
29/2/2004 02:16
29/2/2004 02:16
47
48
Resumo
O contraste de uma pgina faz com que seus olhos se virem para ela. Se voc colocar dois elementos diferentes em uma pgina, eles no devem ser similares. Para que o contraste cumpra totalmente suas funes, os dois elementos devem ser muito diferentes.
29/2/2004 02:16
29/2/2004 02:16
49
Resumo
50
O propsito bsico do contraste duplo, e seus dois objetivos so unificados.

Utilizar o princpio do contraste como fazer o retoque em uma parede: no se pode combinar mais ou menos a cor; ou voc encontra a cor exata ou precisar pintar a parede inteira.
1. Um deles criar interesse sobre uma pgina; se ela tiver uma aparncia interessante, atrair mais a leitura. 2. O outro auxiliar na organizao das informaes. O leitor deveria ser capaz de compreender instantaneamente a maneira atravs da qual as informaes so estruturadas, o fluxo lgico de um item para outro. Os elementos contrastantes nunca deveriam confundir o leitor ou criar um foco que no seja o correto.
29/2/2004 02:16
29/2/2004 02:16
51
Resumo Proximidadesi devem ser agrupados e aproximados ? itens relacionados entre

52
uns dos outros.
Como atingir este objetivo Aplique contraste em suas opes de tipologia, nas espessuras das linhas, nas cores, nas formas, nos tamanhos, nos espaos etc. fcil descobrir maneiras de contrastar os itens e, provavelmente, esta a maneira mais divertida e satisfatria de criar interesse visual. O importante criar elementos marcantes.
Alinhamento ? nada deve ser colocado arbitrariamente em uma pgina. Repetio

? algum aspecto do design deve repetir-se no material inteiro.
Contraste
29/2/2004 02:16
? se dois itens no forem exatamente os mesmos, diferencie -os.

29/2/2004 02:16

Aula 03 Principios Do Design Portal Cor

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Aula 03 Principios Do Design Portal Cor

Enviado por

Direitos autorais:

Formatos disponíveis

1

Princpios do Design Grfico

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Entediante Informaes difceis. Onde Quando Como Quem Horas Etc...

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Antes de descumprir uma regra, preciso conhec-la.

Alinhamento Repetio Contraste

Pablo Picasso e Wassily Kandinsky

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Proximidade Proximidade Alinhamento Repetio Contraste

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Prof. Ricardo Pedrosa Macedo - copyrihgt2004

Proximidade Proximidade Alinhamento Repetio Contraste

Os ttulos e subttulos so um timo lugar para se comear a criar elementos repetitivos

Fontes Ttulos e Subttulos

Proximidade Proximidade Alinhamento Repetio Contraste

Proximidade Proximidade Alinhamento Repetio Contraste

A tcnica de repetio de imagens (objetos) eficazes

Junte-se a ns 2 de maio, s 3 hs da tarde use seu chapu