Aula 03 Design para quem não é designer

  • View
    215

  • Download
    2

Embed Size (px)

DESCRIPTION

Aula explicativa do Livro Design para quem no designer Robim Williams

Transcript

  • Page 1

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

    11

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

    Princpios do Design Grfico

    Williams, RobinDesign para quem no designer : noes bsicas de planejamento visual / Robin Williams ; Traduo Laura Karin Gillon . So Paulo : Callis, 1995.

    Proximidade

    Alinhamento

    Repetio

    Contraste

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

    22

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

    Williams, Robin

    Design para quem no designer : noes bsicas de planejamento

    visual / Robin Williams ; Traduo Laura Karin Gillon . So Paulo :

    Callis , 1995.

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

    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

    Repetio

    Contraste Proximidade

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

    55

    29/2/2004 02:1629/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.

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    66

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

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

  • Page 2

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

    77

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

    12

    3

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    88

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

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    99

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

    Texto

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    1010

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

    EntedianteInformaes difceis.

    OndeQuandoComoQuemHorasEtc...

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

    1111

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

    1212

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

    Tudo junto

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

  • Page 3

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

    1313

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

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    1414

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

    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?

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

    Resumo

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

    1515

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

    O propsito bsicoda 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)

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    1616

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

    Como atingir este objetivoConte 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.

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    1717

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

    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)

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    1818

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

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste Alinhamento

  • Page 4

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

    1919

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

    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.

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    2020

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

    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.

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    2121

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

    O que evitar

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

    2222

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

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

    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

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    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

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

    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 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.

    Expoentes da Arte Moderna, o holands PietMondrian(1872-1944)

    Pablo Picasso e Wassily Kandinsky

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

    2626

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

    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.

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

    Resumo

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

    2727

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

    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 objetivoEsteja 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.

    ProximidadeProximidade

    Alinhamento

    Repetio

    Contraste

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

    2828

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

    Evite usar mais de um alinhamento de texto por pgina (ou seja, no centralize um texto e ali