8/7/2019 DPQN D1-Erivanildo-Thegenius

1/62

D E S I G NF A K A

QUEM" " ' " ,

NAQ E .D E S I G N E K

naeoesba,s.ilcas

deplanejamenta

visual

Robin Williams

ED1TORA"

8/7/2019 DPQN D1-Erivanildo-Thegenius

2/62

Este livro servepara voce?Este livre se destina a todos aqueles que precisam criar paginas mas que naotern qualquer tipo de treino formal em design. Nao me refiro apenas aqueles queestao criando embalagens incrfveis ou folhetos extensos: falo das secretariescujos chefes.hoje em dia solicitam que elas criem os jornais informativos (newsletters);dos voluntaries religiosos que estao montando materials COminforrnacoes sobresuas ccngregacces: dos pequenos empresarios que estao criando seus propriosanuncios: dos estudantes que compreendem que urn trabalho com uma boaaparencia pode significar uma nota melhor: dos profissionais que tern conscienciade que uma apresentaceo interessante conquista rnais respeito: dos professoresque aprenderam que os alunos reagem demaneira rnuito mais positiva as inforrnacoesdispostas de maneira mais estetica: aos profissionais da area de estatistica queestao notando que os numeros e as porcentagens podem ser organizados demaneira a con vidar a leitura e nao a dormir.Aqui parto do pressuposto de que os leitores nao tem tempo au vontade deestudar design e tipografia, mas g o s t a r i a m de saber como criar suas paginas comuma estetica melhor, A malo ria das pessoas tem capacidade de olhar para umapagina com urn design pobre e concluir que nao gostam dela. m a s n ii o s a be r i a m 0q u e ) i 1 Z u p a r a melhorcHa. Aqui abordarei quatro conceiros basicos utilizados praticamenteem todos as bons trabalhos de criacao. Fssc concertos sao claros e concretos. Sevoce nao sabe 0 que ho3.de errado em uma pagina, como pod era ajusta-la? Quandoconhecer os conceitos, sabera dizer se des foram au nao aplicados em suas paginas.Q u a n d o s e p o d e d a r n o m e a 1 1 m p r o b l e m a , f. p os s i v c/ m c o nt r a r a s o lu fi ioo objetivo deste livro nao e substituir quatro anos de estudos na area de design.Nao tenho a pretensao de achar que voce se transforrnara automaticamente emurn brilhante designer ap6s a leitura desta obra. mas garanto que voce jamaisolhara para uma pagina da mesma rnaneira. Garanto que se voce seguir estesprincipios basicos. seu trabalho tere uma aparencia maisprofissional, organizada,umficada e interessante. E voce se sentira fortalecido.

Carinhosamente,

m

8/7/2019 DPQN D1-Erivanildo-Thegenius

3/62

m DESIGN PAR A QUE M N A 0

Mlni-glossarioOs termos a seguir sao utilizados neste livre. Paraconhecer urn glossario completo de design e de term ost ipograf lcos, veja outro livro de r runha a uto ria : H O l'V oBo s s Y o u r F o nts A ro un d (Como Trabalhar com Fontes) .A linha de base e a linha invisfvel sabre a qual a tipo est\posicionado (veja a pagina 94 )Texto corrido, mancha de texto e, as vezes, apenasmanc n a au texto referem-se ao principal bloco de textolido, que e 0 oposto de tftulos principals, subtftulos,ntulos etc. 0 texto corrido costuma ser apresentado entreos tamanhos (corpos) 9 e 12Urn sinal de t6pico (tarnbem conhecido como topico) eurn pequeno marcador que costume se r utilizado ernuma Iista. substituindo os numeros ou, ainda. pode sercolocado entre palavras Este e 0 sinal de topico cornum: Urn dingbat e urn caractere pequeno, ornamental,como estes: @-*-a-'iHD. Voce deve ter as fontcs ZapfDingbats ou WingDings, que sao feitas de dingbats.Elementos sao os objetos individuals da pagina. Urnelemento pode ser uma unica linha de texto, umaimagem au, a inda . urn conjunto de itens tao prOXllTIOSentre si que sao considerados como uma unidade. Parasaber 0 nurnero de elementos que existe em umap.igina. pisque os olhos e conte quantas vezes elesparam para olhar cada item individualmente.Texto extenso refere-se ao texto corrido (como noparagrafo acima). quando b a rnuito texto. Exemplo urnlivro ou urn longo relat6rio.Quando menciono seu olho au 0 flUxo dos Olhos, refiro-me aos seus olhos como se eles fossem urn serindependente. Pode-se controlar a rnaneira atraves da qualuma pessoa movimenta as olhos quando esta vendo umapagina (o fluxo dos olhos). Portanto, e precise ser maisconsciente sobre como s e L l S olhos se movimentarn quandovoce esta olhando para urn a p ag in ao texto justificado e urn bloco de texto alinhado emambos os lados (0 direito e a esquerdo).Urn fio e uma linha clesenhada, como a que foi usadano titulo "Mini-glossario".Espac;o em branco e 0 espaco de pagina que nao epreenchido par textos ou figuras. Os iniciantes tendem anao utilizar 0 espaco em branco: os profissionais daarea de design grafico unlizam muitos espacos embranco. .o espac;o em branco distribuido ocorre quando aespa(o em branco de urna pagina est.'; preso entre aselementos (como textos ou fotos). sem espaco para fluir

DESIGNER

8/7/2019 DPQN D1-Erivanildo-Thegenius

4/62

PART E UM PR INe PIOS D E DES IGN m

Este pequeno capitulo explica as quatrourn deles sera abordado detalhadamenteem primeiro lugar, gastaria de contarperceber a importancia de se poder dardesses principios e a chave paraHa muitos anos recebi urn livro de . arvores como presentede NataL Estava na casa de meus pais e depois que todos os presenteshaviam sido abertos decidi sail' e identificar as arvores da vizinhanca.Antes de sair, liuma parte do livre. A primeira arvore do livro era a iuca. .pais, para identifica-la, so erarn necessaries duas pistas. Ora, a iuca ternuma aparencia realmente estranha. Olhei para a foto e pensei: "Mas estetipo de arvore nao existe no norte da California. Ela e diferente. Eu saberiase ji i tivesse visto uma arvore assim e nunca vi uma antes." Peguei meulivro e sal. Meus pais viviam em urn condominia fechado de seis casas.Dessas seis, quatro tinham iucas em seus jardins. Vivi naquela casa du-rante 13 anos e nunca havia vista aquelas arvores. Caminhei pelo quarteiraoe imaginei que na epoca em que as proprietaries es~avam fazendo asjardins de suas casas, deve ter havido alguma liquidacao: pelo menos 80%das casas tinham lucas.E en nunoz hav ia 1 / 1 5 t O um a a n l e s ' Quando me conscientizeida existencia da arvore, quando pude classifica-la. passei a ve-la em todosos lugares. Esse e 0 x da questao: e onde eu queria ehegar: a fato depodermos dar nome a algo signifiea que estamos conseientes deste algaternos poder sabre ele .. nos 0 possufmos e estamos no comando.

.lln'',UIUO basicos gerais Cadaimos capitulos. Mas,

ena historia que me fezisas, jii que a norneacao

Prida

Agora voce aprendera os names de varies princlpios de design e pcderacontrolar a diagramacao de suas paginas.

8/7/2019 DPQN D1-Erivanildo-Thegenius

5/62

II DES IG N PARA QUEM NA o E DES I GNER

Osquatro prineipios basieosVeja a seguir uma abordagem generica dos prinopios. Apesar de eu descreve-los separadamente no decorrer do livro, lernbre-se de que eles estao inter-relacionados. Raramente apenas urn dos pr incfpios sera utilizado.

contrasteo objetivo do contraste e evitar elementos rneramente s im i l a re sem uma pagina. Se os elementos (tipo. cor, tamanho, espessurada linha, forma, espaco etc.) nao forem os 1 1 1 e 5 1 1 1 0 5 , diferencie-os completamente. 0 contraste costuma ser a mais importanteatracao visual de uma pagina.Repetic:aoRepita os elementos visuais do design e espalhe-os pelo rna-terial. Voce pode repetir a cor, a forma, a texture e as relacoesespaciais como a espessura, os tamanhos etc. Isso ajuda acriar uma organizacao e fortalece a unidade.AlinhamentoNada deve ser colocado arbitrariamente em uma pagina. Cadaelemento deve ter uma ligacao visual com outro elemento dapagina. Isso cria uma aparencia limpa, sofisticada e suave.proximidadeItens relacionados entre si deveriam ser agrupados Quandovaries itens estao pr6ximos, tornam-se uma unidade visual, enao varies unidades individualizadas. 1550 ajuda a organizaras inforrnacoes e reduz a desordem.

8/7/2019 DPQN D1-Erivanildo-Thegenius

6/62

ProxirnidadeAs paginas criadas pelos iniciantes costurnam ter palavras, frases e imagensespalhadas, preenchendo cantos e ocupando muito espa

8/7/2019 DPQN D1-Erivanildo-Thegenius

7/62

I I I DESIGN PAR A QUEM N A 0 t DESIGNER

D e uma olhada neste cartao de visita. Quantos elementos individualsvoce pode ver nesse pequeno espaco? Quantas vezes seu olho para paravisualizar algo?

T For acaso seu olho parou cinco vezes? Loqico: ha cinco itensindependentes neste pequeno certao. Por onde voce comeqou aleitura? Provavelmente pela parte central, porqus a frase do meio ea com maior evidencia (negritol. 0 que voce leu a seguir (daesquerda para a direita)? 0 que aconteceu quando voce alcanqou 0canto inferior direito; para onde seu olhb se djrigiu? Ele ficouvagando para certificar-se de nao ter perdido alguma informaqaoespalhada pelos cantos?

Reilly Pickett (71715551212

Toad Hall

916 Old River Road Red River, NM

TE se eu confundir ainda mais as coisas?Reilly Picket-t- 171715551212

Toad Hall

916 Old River Road Red River, NM

.. Agora que existem cuas frases em negrito (bold), por ondecornecar? Pelo canto superior esquerdo ou pelo meio? E apes leresses dois itens, para onde seu olho vai? Talvez voce fique indo evindo entre as duas palavras em negrito. em uma tentativeangustiada de "capturer" as outras palavras colocadas nos cantos. : facH determiner 0 fim da leitura? Seu amigo fez a leitura damesma maneira qu e voce?

8/7/2019 DPQN D1-Erivanildo-Thegenius

8/62

2 DESIGN PROX IM IDADE m

Quando vanes itens estao proximos entre si, eles se tornam uma unidadevisual e nao varies unidades separadas. Assim como na vida, a proximidadelmpllca em uma retacao.Varias coisas acontecem quando elementos similares sao agrupados emuma unidade. A pagina fica mais organizada. E POSSIVe! saber por ondecomecar a leitura e onde termina-la. Ale rn disso, 0 espa~O em branco (0espat;'o ao redor das letras) tarnbem fica mais organizado .

....Um problema do cartao anterior e que nenhumdos itens parece estar relacionado a qualqueroutro. Nao esta claro per onde a leitura devecornecar ou terrninar;Se eu fizer u m a co/sa neste cartao de visita- agrupar os elementos relacionaoos - veja 0que acoorece:

916 Old River RoadRed River, NM(717)555.1212

Toad HallReilly Pickett

.. Sera que ainda existe alqurna davida sobreonde cornecar a ler 0cartao? E sobre 0final?Veja, observando este conceito muito simples.este cartao esta organizado tanto !6gica quantovisualmente.

8/7/2019 DPQN D1-Erivanildo-Thegenius

9/62

I I I DESIGN PAR A QUE M N A 0 DESIGNER

A segu.ir voce vera urn tfpico cabecalho de newsletter (jornal). Quantoselementos separados se encontram neste material? De acordo com 0posicionamento, existe algum item relacionado a outro?

.....Pense um pouco para decidir quais sao os itensque deveriam ser agrupados e quais deveriamficar separados,

UNIVERSIDADE DO OESTE

oQUE ESTA ACONTECENDO NA ...EXTENSAO COOPERATIVA

FLQ ,RESTA DO MUN IC IP IO DE REDW OODAgosto - 1996

.. Os dois it

8/7/2019 DPQN D1-Erivanildo-Thegenius

10/62

2 DES IGN PROXIMIDADE m

Na criacao de um arnincio, folheto, newsletter ou de outro material, ja sesabe des de 0 inicio, pela 16gica, quais inforrnacoes estao conectadas, quaisinformacoes deve ser enfatizadas e a que pode ser abrandado. Expresseas inforrnacoes graficamente, agrupando-as.

CD R OM sCD R OM sCDs para criancasCDs educacionaisCDs de lazerDiscos laserEducacionalAprendizado inicialIdiomasCienciasMaternaticaMaterial do professorLivrosMaterial do ProfessorVideosHardware e Aces so r i o sCabosDispositivo de entradaArmazenamentoMemoriaModernsImpressoras e acess6riosVideo e sam

. .. . E clare que esta listsprecise de umaformatacac para fioarinteligfvel. Porem, 0maiorproblema e que tudo estaproximo de tudo, nsosendo posslvel desoobrir arelaQao ou a orqenizecao.

C D R OM sCD ROMsCDspara c r i ancasCDs educacionaisCDs de lazerDiscos laser

EducacionalAprendizado inkialldiomasCienciaMatematica

Material do ProfessorLivrosMaterial do professorVIdeos

Hardware It AcessoriosCabosDispositivo de entradaArmazenamentoMemoriaModemsImpressoras e acessoriosVideo e sam

....A mesma lista foi oriadaatraves de grupos visuais.Tenho oerteza de que voceja trabalha assimauiomatioamente; estouapenas sugerindo que v o c e ,agora, proceda desse formaconsclentemente e oom maisforQ8. Observe que euaorescentei oontraste aostftulos e repeti esse contrastee 0fio (a linha).

8/7/2019 DPQN D1-Erivanildo-Thegenius

11/62

fI DES IGN PARA QUEM NAO E DES IGNER

As vezes, ao agrupar itens relacionados, torna-se necessario fazer algumasalteracoes, como de tamanho, peso, posicionamento de texto ou de figures.o texto nao precisa estar com 12 pontes, e as informacoes subordinadasa mensagem principal, como 0 numero do volume e 0 ano do newsletter,podem ser pequenas, com 7 ou 8 pontes.

Series de Concertos de CamaraEscola Santa Rosa

6 a-fe ir a, 0 3 d e fe ve re ir o, a s 0:0 0Q u arte to d e c o rd a s A l ex an de r

M o za rt, K 387, B arto k n 03, B eeth o ven , O pus 59, n01S a m P ritc h ert & E t h e l L ib it z . v io l in o s ,

S a nd ra Y arb ro ug h , v io la ; M a rk W ilso n , v io lo nc elo6 a-fe ira , 0 1 d e m a rc o , 2 0:0 0

T r io A r ta riaT rio "A rc hd uke" d e B eeth o ven e T rio s de H a yd n,

S c ho en be rg e M a gn ardR ic h ard S a m so n N o ra rtz , v io lin oR ec epc ao e co nc erto na G a lena de a rte S R JC

6 a-fe ira , 26 d e a bn l, a s 20:00O rquestra d e C am a ra S an ta R o sa

Q ua rte to pa ra p ia no em so l m eno r de Bra hm s,S o na ta A rp eg gio ne d e S c hu bert

P o l ly H o l ly fie ld , v io l in o , L in da B a ttic io l t. v io l a;N o r in ne A n tiq ua -T e m p es t, v io l o nc el o ,

M a rg are t P a rk-R a yn o ld s, fla uta , R o b in P la ntz , p ia noT o do s o s c onc erto s a co ntec era o no A udit6rio N ew m an ,

H a l l E m e ritu s, E d uc a ca o C om u ntta n al ng re sso s a R $1 0,0 0 e R $ a,O O

T e le fo n e p a ra in fo rm a c o e s (0 12 ) 5 27 -4 37 1

....Alem de ser extrema mente entediante, e diffcil encontrar asinformaQoes: os eventos. onde eles acontecem, 0horario etc.

8/7/2019 DPQN D1-Erivanildo-Thegenius

12/62

2 DES IGN PROX IM IDAD E m

o conceito de proxirnidade nao signifies que tudo precise estar proximo;significa que os elementos logicamente conectados, com algum tipo deligacao, tarnbem deveriam estar visualmente conectados. Outros elementosseparados ou conjuntos de elementos nao deveriam estar juntos. Aproximidade ou a falta de proximidade indica a relacao.

Series de C oncertos de C am ara

Trio ArtariaTrio "Archduke" de Beethovene trios de Haydn, Schoenberg and M~'i1"'~r--I'Richard Samson Norartz, violino6a-feira, 01 de marco, 20:00Recepc f o e concerto na (jaleriaRJC

T o d os o s c o nc erto s.a co nte ce ra o n o AuditOr."E s co la S a nta RosaEd uc a ,a o Comuni ta ri aingresses it R$10,00 e R$8,00T e l efo ne p ara in fo rm a c oe s: ( 01 21 527.4371

... Primeiro, as inforrnacoes foram agrupadas por assunto(rnentelrnente ou em um rascunho); depois, foram agrupadas napagina. Observe que0espaco entre as tres apresentacoes e mesmo, 0que indica que esses tres grupos estao ligados de algumaforma. As informac:;:oessubordinadas estao mais distanciadas; fica6bvio que nao sao performances.

8/7/2019 DPQN D1-Erivanildo-Thegenius

13/62

m DESIG PAR A N A 0 DESIGNERUE M

E provavel que voce esteja utilizando a principia da proximidade em seutrabalho, mas talvez nao esteje fazendo tudo a que poderia para que eleseja bem-aproveitado em sua totalidade. Olhe atentamente para estaspaginas e elementos e veja quais itens poderiam ser agrupados.

PROFISSIONAIS DE RODEIO!Nan seria incrivel se...

Vo c e pudesse aprender e treinar pessoalmente com um campeaomundial de rodeios em um pequeno grupo ou em aulas particulares?

... Aparentemente, a pessoa que criou este enonoio inseriu doisretornos de carro (pressionando a teda Return) apes cada subtftuloe paragrafo do texto corrido, Portanto, os subtftulos estao a umadistancia igual aeima e abaixo do texto eorrido, 0que faz comque eles pareqam ser itens separados e deseonexos.Ha muito espaqo em branco neste anuncio, mas eompletamentetragmentado. Alem disso, tambem he espacos em braneo onde naodeveria haver; como, por exemplo, entre 0subtrtulo e 0textopertencente a ele. Quando 0 espaqo em braneo esta distribufdo,como nesse caso, a tendencia e de separar visualmente os elementos.

Nao seria lncrivel se...voce estivesse treinando em algum lugar coberto, com asmaiores vantagens e com gravacao de videos em grandes telas?

Nao seria incrfvel se...Voce pudesse praticar sern limites de tempo, ate ficar satisfeitoau ate cair?

Nao seria incrivel se...Voce pudesse ficar nas melhores acomodacoes, com a melhorcomida que ja corneu na vida?

Nao seria lncrfvel se...Voce soubesse onde encontrarurn cavalo com 0 qual pudessecomeyar a treinar ou ganhar?

[%S,[;:!]

8/7/2019 DPQN D1-Erivanildo-Thegenius

14/62

PROFISSIONAIS DE RODEIO!Nao seria incrivel se ...

Voce pudesse aprender e treinar pessoalrnente com urncampeao mundial de rodeios em urn pequeno grupo ou emaulas particulares?

Nao seria incrfvel se ...Voce estivesse treinando em algum lugar coberto, com asmaiores vantagens e com grava9ao de vfdeos em grande telas?

Nao seria incrivel se ...Voce pudesse pra. icar sem limites de tempo ate ficar satisfeitoou ate cair?

Nao seria mcrivel se ...Voce pudesse ficar nas melhores acornodacoes, com a melhorcom ida que ja comeu na vida?

Nao seria incrivel se ...Voc&soubesse onde encontarurn cavalo com 0qualpudesse comecar a treinarou gannar?

1 E& ~ ;( sC iJ@ [ ]I ~[_))P ~~$:,{,&;])@"'4 Tom!Jilt ...av, T.,:ot:~/

Adivinhe so! Esse lugar existe!Para majores informacoes, telefoneau escreva para

Campos de RodeioDuro na QuedaMoon Rd., Box 36Tombstone, Texa s 74444(828) 588-0418

- : : s 3 ; , / ~ : \ - [ } j ( Q ) ~ : [ o : : ; Q ; C : : . 1 @ ) Q t I l< i l lDuro na Queda

8/7/2019 DPQN D1-Erivanildo-Thegenius

15/62

II DES IGN PARA QUEM NAO E DES I GNER

Realmente, a proximidade e apenas uma questao de conscientizarmos efazermos 0 que ja se faz naturalmente, mas com mais profundidade naaplicacao do coriceito. Uma vez consciente da importancia ,das relacoesentre as linhas de texto, voce cornecara a notar esse efeito. Quandocornecar a notar esse efeito, voce 0 dorninara, tera poder sobre ele:voce cornandara tudo.

1'""911~~'-~~~~~him NUNCA NA HISTORIAg m T . DO GALARIAALGUEM PODE CONHECER os 50t -;,t RESTAURANTES GALARIA E os 50

ESTABELECIMENTOS VINICOLAS EM UM UNICO LO-CAL, EM UM UNICO DIA. NAo PERCA! JUNTE-SE ANOS NO GRANDE EVENTO DA 32 FESTA ANUALGALARIA VINHO E CHILI, NESTE SABADO, DAS 12:00A s 16:30, NO EL DORADO HOTEL. R$ 30,00 PORENTRADA, COM DIREtTO ILIMITADOA PROVARVINHOS,UM COPO DE BRINDE E MUITA DIVERS)i.O. E MAIS:UMA PARTE DAVERBA BENEFICIARA A BRIGADA DEALIMENTOS GALARIA, QUE AJUDARA A ALIMENTAROS FAMINTOS. ENTRADASANTECIPADASDISPONfvEISNO GALARIA NEWS E NO PLAZA AMERICADO.ENTRADAS LlMITADAS TAMBEM ESTARAo A DIS-POSIQAo NA PORTA. '- '- '- '- '- '- '-

....Tirei esse ancncio assim do jornaL Juro que sirn, Um dos maioresproblemas (alem das letras estarem todas em caixa-alta, oumaiusculas)e que todas as informacoes estao ern um unico bloco.Antes de tenter trabalhar 0design com essas informaqoes, escrevaseparadamente as informaqoes que devern ficar agrupadas; agrupeos elementos. Voce sabe como faze-Io: basta raciocinar:Quando os conjuntos de informaqoes estiverem formados, vocepoders trabalhar com eles na pagina.

8/7/2019 DPQN D1-Erivanildo-Thegenius

16/62

2 DES IGN PROX IM IDADE II

E rnuito raro que a usa do principia da proximidade seja a (mica solucaopara uma pagina problernatica. Os outros tres princfpios sao intrfnsecosao processo de design e, ern.geral, voce percebera que esta aplicando osquatro. Aprenda urn de cada vez; comece pelo da proxirnidade

N U H c aH ah i s t o r i ad oG a l a r i a . . .

Voce pode corihecer os50 restaur-antes Galariae os 50 estabeleci-mentos vinicolas em umunico local, em umunico dia. Nao perca!R$ 30,00 por eutrada,com direito ilimitado aprovar vinhos, um copode hrmde e muitadiversao.Uma parte da verba

f i l i W . C i i l l " , " ., i i . ...: i H i i i . . .. ; , i l heneficiara a Brigada de= , = , ~ , ; ~ = , ~ ; ,, = . , = 1 Alimentos Calaria,ra 9 1 que ajudara a alimentarIII f? ' os famintos,t I " ' " 1 Entr adas antecipadas d ispon fvei s no Cal ari at . . . . . . _ . . . . . . - A Newse no Ph11.~1Americado. Entr:.I1I:.s limit arlaslaw1em estil.r-uo & dis-p(j.:>l~i'io na h i! heteria .

a a F e s t aA n n a lG a l a r i aV i n h o e C h i l iNeste sabado ,das 12:00 a s 16:30,no El Dorado Hotel

... Esta e apenas uma dentre as inumeras possibilidades paraorganizar os conjuntos de inforrnaooes. Tarnbsrn utilizei osprincfpios de alinhamento e contraste, que voce conheceraem breve.forern, 0maior inconveniente do anuncio original e 0de que naoexiste uma separaceo des inforrnacoes. A colocecso do textointeiro em caixa-alta (tetras rnaiusculas), em um unico bloeo,tambem ocupou todo 0especo, de maneira que nao sobraramespacos adicionais (ou em branco) para que seus olhosdescansassem. E posstvsl deixar 0tamanho das letras (tambernconhecido como "corpo"l menor do que 12 ou 14. Verdade!

8/7/2019 DPQN D1-Erivanildo-Thegenius

17/62

II DESIGN PARA QUE l'v1 NA o E DES IGNER

ResuftiOQuando varies itens estiverem proximos, eles forrnarao uma unidadevisuale nao varies unidades individuals. Os itens relacionados entre sidevem ser agrupados. Fique atentol Veja para on de seus olhos se dirigem.Qual e 0 caminho que eles seguem? Onde termina a leitura? Ap6s aleitura. para onde seus olhos vao? Voce deveria seguir uma progressaoLogied du ra nt e a leitura da pagina, partindo de urn irncio bem-definidopara urn final bem-definido.

o proposito basicoo prop6sito basico da proximidade e 0 de organizar. Os outros principiostarnbern tern suas funcoes, mas 0 simples agrupamento de elementosrelacionados em proximidade cria, automatieamente, uma organizacao.Se as inforrnacces estiverem organizadas, 0 texto sera mais facil de ler ede memorizer. Como resultado da organizacao da cornunicacao. tarnbemse cria b r a n c o s (0 terrno preferido dos designers) rnais atrativos (maisorganizados).

Como atingir este objetivoPis que os olhos e conte 0 numero de elementos visuais da pagina pelonumero de paradas dos seus olhos. Se houver mais de 3-5 itens na pagina(e claro que este nurnero depende do material), veja dentre as itens separadosquaIS poderiam ser agrupados em proximidade, para que se tornem umaunidade visual.

o que evitarEvite muitos elementos separados ern uma pagina.Nao coloque os itens somente nos cantos e no meio da pag ina .Evite deixar quantidades iguais de e sp a co s ern branco entre os elementos,a nao ser que cada conjunto seja parte de urn subgrupo (veja 0 exemplona pagina 21)Evite crier qualquer duvida quanto a relacao dos elementos entre si, ouseja, cada subtftulo, legenda, imagem etc. devern estar junto a seu respectivopar. Crie uma relacao entre os elementos atraves da proximidadeNao relacione elementos que nao devam estar agrupados! Se eles naoestiverem relacionados, separe-os.

8/7/2019 DPQN D1-Erivanildo-Thegenius

18/62

amentoOs iniciantes em design tendern a colocar 0 texto e a imagern em qualquerlugar da pagina que tenha espaco, e 0 fazern. geralmente, sem conscienciados outros itens existentes naquela pagina, Isso resulta no efeito taodesorganizado que voce ja conhece, que e como uma cozinha desarrumada:uma xicara aqui, urn prato la. urn guardanapo no chao, urn pote na pia,agua no chao, Nao e rnuito diffcil arrumar tudo nesta cozinha urn poucobaguncade. assim como nao e muito dificilarrumar uma pagina confusamentediagrarnada, com alinhamentos mal-determinados.Segundo 0 principio do alinharnento, nada deve ser eetocade arbitrariamenteem uma pagina. Cada item deve ter uma eenexae visual com algo na pagina.o principio do alinhamento obriga a pessoa a ser mais consciente: janao se pode simplesmente jogar as coisas na pagina nos lugarcs ondehouver espacoQuando os itens sao alinhados na pagina. ha uma unidade coesa, maisforte. Mesmo quando as elementos estiverern fisicamente separados unsdQSoutros, se estiverem alinhados, havera uma linha invisivel conectando-as, tanto em relacao aos seus oihos quanta a sua mente. Apesar de posicionaralguns elementos separadamente, indican do suas ligacoes de acordo como pnncfpio da proximidade, e 0 princfpio do alinhamento que avisara aoleiter que, mesmo ndo estando pr6ximos, os itens fazem parte do rnesmomaterial. As paginas a seguir ilustram essa ideia.

m

8/7/2019 DPQN D1-Erivanildo-Thegenius

19/62

II DESIGN PARA QUEM NA o E DES IGNER

De uma olhada neste cartao de visita (0 mesmo que voce ja viu noultimo capitulo). Parte do seu problema e que nada esta alinhado comnada. Neste pequeno espat;:oexistem elementos alinhados no canto esquerdo,no direito e na parte central. Nenhum dos textos - nem as dos daiscantos superiores, nern as dos dais inferiares - esta alinhado pela mesmalinha de base; tambem nao estao alinhados nos cantos esquerdo au direito.

Reilly Pickett 17171555-1212

Toad Hall

916 O ld R ive r R oa d R ed R ive r, N M

Toad NailReilly Pickett

916 O ld R ive r R oa dR ed R ive r, N M17171555-1212

< I I IPareoe que os elementosdeste oartao foramsirnplesrnente jogados emquslquer lugar e colados.Nenhum dos elementostem qualquer consxaooom qualquer outroelemento do cartao.

< I I IMovendo todos oselementos para a direita ealinhando-os de maneiraigual, as informaQoes ficammais organizadas. (E clare:voce deve ter percebidoque eu tarnoern agrupeielementos interligados emproximidade entre si.)Agora os itens possuem umlimite comum queos ooneots.

8/7/2019 DPQN D1-Erivanildo-Thegenius

20/62

3 DESIGN ALINH AMENTO IJ

No exemplo (repetido a seguirl que voce viu na se~a.osabre proximidade, atexto tambern estava alinhado pela parte central. Mas se ele ficar alinhadopela esquerda au pela direita. a linha invisfvel que a conecta ficara maisforte, pais tera urn limite vertical a seguir. IS50 faz com que as textos alinhadosa esquerda e a direita fiquem com aspecto mais limpo e mais forte. Compareas dais exemplos a seguir. Falaremos sabre eles nas proximas paginas .

. . . .Este exemplo mostrauma boa disposicao,com os blocos de textoagrupados em umaproximidade loqica.o texto esta centralizadopelassuas linhas e

centralizado na pegina,

Toad HallReilly Pickett

916 O ld Rive r R oa dR ed R ive r, N M{7171555-1212

. . . .Este exemplo apresentaa mesma orqenrzacao

visual. mas ssta alinhadoa direita_ Agora 0cantobem delimitado a direita

ficou vislveL A linha invisfvelque conecta as

extremidades dosdois conjuntos de textoe mais forte se comparadaa OPQ80 com 0alinhamento csntrelizado.

Toad HallReilly Picket1

916 O ld R ive r R oa cR ed R iv er, N IV{717 J 555-121

. . .A linha invislvelpassa por aqui.

conectando 0texto.

8/7/2019 DPQN D1-Erivanildo-Thegenius

21/62

E i 1 DESIGN PA R A QUE M N A 0 DES IGNER

Voce costuma centralizar tudo automaticamente? 0alinhamento centralizadoeo mais usado pelos iniciantes: e muito seguro e a sensacao de usa-lo ede conforto. 0 alinhamento centralizado cria uma aparencia mais for-mal, mais ~omum e sem brilho. D e uma olhada nas diagramacces de quevoce mais gosta. Aposto que a maio ria dos materiais com uma esteticasofisticada nao esta centralizada. Sei que e diffcil para urn iniciante libertar-se do alinhamento pelo centro; voce precisara forcar-se a faze-lo umaprimeira vez. Mas experimente combiner 0 alinhamento a esquerda au adireita com 0bam uso da proximidade e f icara surpreso com as mudancasq ue o c o rr era o em se u trabalho.

Planejamento

Cia. Red Hen

por Shannon Williams20 de margo de 1999

A Esta e urna tipica capa derelat6rio, certo?Este formato psdraotern urna aparencia sembrilho, quase arnadora,capaz de influenciar areaQ80 inieial de uma pessoaem relaQ80ao relat6rio.

Planejamento

Cia. Red Hen

P O l " Shannon Williams20 de margo de 1999

A A force do alinhamento aesquerda confere a capa dorelat6rio urna aparenciamais sofisticada. Mesmoque 0 nome da autoraesteja distante do titulo, alinha invisfvel criada pstoalinharnento conecta os doisblocos de texto.

8/7/2019 DPQN D1-Erivanildo-Thegenius

22/62

3 D ES IG N ALIN H AM EN TO E ll

Nao estou sugerindo que voce nunca centralize nada! Basta estar conscientedo efeito do alinhamento pelo centro. Sera que e realmente esta a aparenciaque voce deseja criar? As vezes e . Par exemplo: os casamentos costumamser eventos formals, portanto, se voce quiser centralizar 0 texto do seuconvite de casamento, podera faze-lo.As vezes e possivel dar uma pitada de grac;:aa opcao centralizada, como,por exemplo, centralizar 0 texto colocar 0 proprio bloco de texto fora decentro. Outraopcao e colocar as letras mais acima na pagina. para criarmais "tensao": voce tambem pode usar uma fonte muito casual e engrac;:ada,com um alinhamento muito formal, centralizado.

Voce e$tacarinho$amen te

conV'idado ct.a$$i$tir!

....Centralizado. Realrnentecornurn,

Voce

con V'idadoa

a$$i$tir!

....Experimente descentralizar 0bioco corn 0textocentralizado.

Voce

carinho$amen tecon V'idado

act.$$i$tir!

....Se voce quiser centraliz.er 0texto, pelo rnenos faGa cornque ele fique centralizedo dernaneira 6bvia.

....Se voce centraliz.ar 0texto, tente faze-Io ficarrnais expressivo de elgumernaneira.

8/7/2019 DPQN D1-Erivanildo-Thegenius

23/62

m DES IGN PARA QUEM NA o E DES I GNER

Voce esta habituado a trabalhar com alinhamentos de texto. Ate adquirirmais experiencia. lembre-se de uma regra: utilize apenas um alinhamentode texto por pagina. ou seja, 0 texto cleve ser toclo alinhaclo a esquerda.alinhado a direita ou centralizado.

Este texto estaalinhado iie~querda.Algumas pessoas 0classificam comoirregular a direita.

Este texto estaalinhado ii

direita. Algumaspessoas 0 classificamcomo irregular aesquerda.

Este texto esta(;entralizado.Se voce preferir 0 textocentralizado, faca com que acentrelizacao seja obvia.

Por exemplo, neste paragrafoe dificil dizer se 0 texto foicentralizado propositalmenteou, talvez. involuntariamente.As larguras das linhas naosao as mesmas. mas nao saocompletamente diferentes.Se voce nao souber visualizerimediatamente a centrahzacao.por que faze-to?

Este texto esta jUlJtifi(;ado.Algumas pessoas 0classificam como alinhado a direita e a esquerdae algumas como blocado. As linhas de textofieam alinhadas dos dais Iados. S6 utilize estealinhamento se as suas Iinhas puderem ter umalargura tal que evite a formacao de "vazios"horriveis entre as palavras.

8/7/2019 DPQN D1-Erivanildo-Thegenius

24/62

3 DES IGN AL INHAMENTO II

As vezes if : possivel utilizar as alinhamentos a direita e a esquerda namesma pagina. mas e importante que voce se certifique de alinhar oselementos de alguma rnaneira.

. , . .Neste exemplo, 0tftulo e 0subtftulo estao alinhados aesquerda, mas a descriQaoestEicentralizada; nao existeum alinhamento em comumentre os dois elementos de

texto. Eles nao estaoconectados entre si.

. . . .Apesar de esses dois elementos

permanecerem com doisalinhamentos diferentes(0 texto de cima estEi

alinhado a esquerda e 0de baixo, 8 direita), a lateraldo texto descritivo de baixoesta alinhada com a lateraldireita do titulo de cima,conectando os elementos

atraves de uma linha invislvel.Isto nao foi feito por acaso!

Robert BurnsP a em a s e m mods c i n g l c s

A maiscompleta edi

8/7/2019 DPQN D1-Erivanildo-Thegenius

25/62

E D DES IGN PAR A QUE 1'\11 N A 0 DES IGNER

Quando colocar outros itens na pag ina , e importante que cada urn delestenha urn alinhamento visual com outro item da pagina. Se as linhas detexto estiverem horizontais, alinhe suas linhas de base. Se houver variesbloeos de texto separados, alinhe suas laterais direitas ou esquerdas. Sehouver frguras, alinhe suas laterais com outras laterais existentes na pagina.Nada deve ser posicion ado arbitrariamente na pag ina l

[A I

9 uottsa.a9 uous0.18'5 se 9 undos

8 henrys0.0001 farads

EHemplo 6: Ualor de urn resistor em urn circuito eh!trico.f -[j~sc~b-;~; ~~-I~~-d~'~-~-~~';i~t~;-.~..~~i;~-~~'t;;~I~i~i~~-~-e' i~~ ' ipa~~'~ '-arg~"~'-% ' d'~'~-eu-'....~.~~.I~C. ?!_ i~i_~~LI ; ._ r : r : _ ) / ~ ~ . ? _ ~ ~ _ ~ ~ _ L _ J . ~ ~ . ~ _ ~ I ? _ ~ ~ . _ ~ ~ ~ ~ ~ ~ ~ . ~ ~ _ C J! _.~ ~_ ~~~I_ i9 .~~()_ ' . " . _

lnt arruptcr->1--) - ----lI) II I IBateria Capacilor [el lndutor fl)I I II I Ir---- -r---- Resistor --j , - - _ 3 ~ 3. . .ohms

1III 'C)(R I(ZlW2SQAT IB 15-B t 6)cosrr-s 171-R -r/rz-uQB*MP(SI9)

1250151.562529.9739470.0720j653-0.9315j.52445064

... Mesmo que esta seja uma planilha bastante comum e sernatrativos, neo he motives para nao fazer com que a pegina fiquecom uma aparencia me/h~r e apresentar as informaQoes com 0maximo de clereza posslve/. Neste caso he dois problemas, certo?Falta de proximidade e falta de alinhamento.

8/7/2019 DPQN D1-Erivanildo-Thegenius

26/62

3 DES IGN A LIN H AM E N T 0 ,Ell

Provavelmente a falta de alinhamento seja a maior causa de materiaiscom uma aparencia antiestetica. Seus olhos gos tam de ver tudo em ordern,pois isso cria uma sensacao de calma e seguranca.Em qualquer material com um bom design e possivel desenhar linhassobre os objetos alinhados. mesmo que a apresentacao do material sejacomposta por itens muito diferentes.

[Hemplo 6: Ualor de urn resistor em urn circuilo elelrico,! Descubr~-~-~~i~~-~i~-~-~-~~~i~t~~m urn circuitoeletri~~-q~~-~il;';jp~~~'~-~~rg~-~-i-%-~i~-~~J;___~ I_~~ .r!g.i~~!,_'!I.] /? 9 . . ~ ~. ~ - : ~ ~ ~ ~ _ C ? _R~ _ S ' . ~~~~~~~P!?_~~~!..~~_ I~~~~~. . _ . . . _ ._j

Q0~ 9 uoltsqlll~ 0,09 unltst~ 0,05 sequndcsl~ 8 henrysc~ 0,0001 farads

Interruptor->~1 -----II ') II I Iuaterta Capacitor ICI lndutor (L)I I II I I(-- -r--- Resistor --j

IHI1/u *C) 1250(H 1(2*lW2 351,5625SOHnB15-B 16) 29.973947C O S( T 'O 1 71 0.07203653-R *T/(Z*Ll -0,9375Q 0*EHP(0 19) 3,52445064

H= c : : 3uijJohmsQlIl=l~~ll

A Neste caso, 0simples alinhamento dos itens muda tudo. Observeque nenhum item esta colocado arbitrariamente na pegina; todoitem tem alguma conexao visual corn outre.Se eu soubesse do que trata essa planilha, talvez optasse porpassar 0item quadrado da direita para a esquerda, aproxirnando-oda planilha rnaior; mantendo suas partes superiores alinhadas, e naome preocuparia ern alinhar a tabela quadrada a lateral direita. Seeu fizesse tudo assirn, ajustaria 0espacarnento entre as tresplanilhas, segundo suas interligaQoes 16glcas.

8/7/2019 DPQN D1-Erivanildo-Thegenius

27/62

II DESIGN PAR A QUEM N A 0 DES IGNER

Um inconveniente com os matenais criados por pessoas que nao conhecemdesign e a sut i l falta de alinhamento, como titulos centralizados e subtftuloscom paragrafos de endentacao. A primeira vista, qual dos exemplos destasduas paginas tern umvisual mais limpo e precise?

Honor FormLor-em ipso r-r dolor sit

nrnet ronsectetuer el. t, seddiem nonurnruy ni bh doloremagna aliquem era t volutpar

Violate hft wetter fodder.oiled Former Huskings. hoehatter rcpctinon for bangfurry retch-an furry stenchy.Infect. pimple orphan set debtViolate's fodder worse nosingbutton oiled mouser. VIOlate.honor udder hen, worstedfurry gnat' parson-jesterpuny ladle form gull. sample.rnort iced. an unaft li ctcd

Tarred gull\' \I an moani ng Forme-r

Husking, nudist haze doddersetting honor cheer, duringnosing

"V io la te !' so rted doleformer, ~\IVatchf'r se-tting darnfur? Denture nor yore cannedgat retch settingda rn duringnos ing? Germ pup otter debtcheer!" A rm t ar re d. Fodder:resplendent Violate warily .

'Watcher tarred fur?"aster stenchy former, hoe dj I1thalf mush symphony furthergull

Feed er pegsAre badger dint doe

mush woke disk moaning!Ditcher cu rrv doze bucklesfuller slob darn tutor peg-panan feeder pegs?"

"Yap, Fodder. A re fetterpegs

"Di rcher mai l-c ar cawsan swoop ot ter ca s tapler"Off curse, Fodder. Are mulctoiler caws an swapped otterstaple, fetter checkings. anc ia m m ed upper la rder innerchecking-horse toe gadder

.. Esta e uma diagramaQ80 muito comurn; OStrtulos estao centralizados, 0 texto esta alinhado aesquerda, as endentaQoesde paraqrefos tern alargura das da rnaquina de escrever (ou seja,cinco ospecos ou rnsia polegada, como seaprende nos cursos de datilografia) e a foto estacentralizada ern uma das colunas.

....Nunca centralize os trtulos se 0 texto for alinhadoa esquerda ou se ele tiver endentaQoes.Se0texto nao tiver laterais a esquerda e a direitabern-delirnitadas, nao e posslvel observar se 0titulo esta realrnente centralizado. A sensaQ80ede que ele esta solto.Todos estes pontos desalinhados criarn urnapagina desorganizada: endentaQoesmuitograndes, laterais irregulares de texto, tftuloscentralizados corn espaQosem branco dos doislados, foto centralizada.

8/7/2019 DPQN D1-Erivanildo-Thegenius

28/62

3 DES IG N ALIN H AM EN TO

Estes pequenos desalinhamentos contribuem para que a pagma fiquevisual mente desorgamzada. Encontre uma linha e guie-se atraves dela.Mesmo que a diferenca seja sutil e seu chefe nao consiga dizer qual e adiferenca entre 0 exemplo a seguir e 0 anterior, a estetica mais sofisticadae obviamente a melhor.

Honor FormLcrcm IpSUIl l dolor sit amet,consectetuer elir, sed diamnonumrny mbh dolore magnaaIiquam erat volutpatViolate l if t wetter fodder.oiled Former Huskings, hoehatter repetit ion for bangfurry retch-an furry stenchy.Infect. pirople orphan set debtViolate's fodder worse nosingbutton oiled mouser. Violate.honor udder hen. worstedfuny gnats parson-jesterputty ladle form gull. sample.morticed, an unafflicted.Tarred gullwan moaning FormerHuskings nudist haze doddersetting honor cheer, duringnosing"Violate!' sorted doleformer, "watcher setting darnfur? Denture nor yore cannedgat retch setting darn duringnosing? G erm pup otter debtcheer !""Arm tarred. Fodder:resplendent Violate warily .

"watcher tarred fur?' asterstenchy former. hoe dint hal fmush symphony fur ther gull.Fe eder peg s"Arebadger dint doe mushwoke disk moaning! Ditchercurry doze buckles fuller slobdarn u.tor peg~pan an feederpegs:""Yap. Fodder. Are fetterpegs

"Ditcher mail-car caws answoop otter caw staple?"~Offcurse, Fodder. Are mulct oilercaws an swapped otter stap le .fetter c he cki ng s. a n clammedupper larder inner checking-horse toe gadder oiler aches.an wen darn tutor vestibuleguard.r.g two peck oiler bogs

....Encontre um alinhamento e use-e como guia. Seo texto for alinhado a esquerda, deixe os trtulos esubtrtulos alinhados a esquerda.Os primeiros paragrafos costumarn serdeixados sem endentaQao.0objetivo deendentar um paragrafo e 0de indicar 0infciode urn novo paraorefo, mas sempre se sabeque 0primeiro tarnosrn e um paraqrafo,Em uma maquina de escrever, a endentaQ80comum e de cinco especoe, No caso das letrasproporcioneis utilizedas no computador, aendentaQao tipografica padrao e a de urn eme(urn eme e tao largo quanto 0tamanho da sualetra), que mais se assemelha a dois espacos,PresteatenQ80 ao contorno irregular da sualetra. Ajuste as linhas de maneira que a lateraldireita fique 0 mais suave posslve!.Se houver fotos ou ilustraQoes, alinhe-as comuma das leterais elou com a linha de base.

8/7/2019 DPQN D1-Erivanildo-Thegenius

29/62

II DESIGN PAR A QUE M N A 0 DESIGNER

Mesrno em urn material que tenha uma abertura bern-diagrarnada e urnborn design, uma sutil inexistencia de almhamento costuma ser 0problema-chave para a falta de estetica rna is profissional.

Qu i e ; .noe t .rud exe rc i tatiol1 ul~amcorpe: r

Lrem Ipeum d o ' o r 5~tamst., ccneectetoeradipiseing elit, sed diam i1Ql1ummy nibh euismodt. lncl et un t. u t l acr ee t- dclc re magna enquem era tvcfutpat. Ut.wte l enlmad rnlni rn vsnlam.quls noetrudI':~(ci tation ullamcorper : E : 0 1 ) - a ( ; i p i t .Dule autism 'lei sum Ir~uredolor in hdt1dre:rit in

IJUlputate v c: li C 1 % " 15 r rl ol cs t- ie c on e e qo e c, v e l l l l u macrcre su faugtat nulla faclllele .et. vsro erce et.accumean et i us -t o odiD d igni ss im qui b la l1ai tpr86"$cnt-lupt

8/7/2019 DPQN D1-Erivanildo-Thegenius

30/62

3 DES IG N A lIN H AM EN TO

Preste atencao no easo de ilustracoes que ficam um poueo desalinhadaspara fora da margem, de legendas que estiverem centralizadas sob asfotos, de ntulos que nao estiverem alinhados com a texto, ou de umacombinacao de texto eentralizado com texto alinhado a esquerda.

Lrern lceum dolor eit; emer, ccncectetuoradipisc.ing el lt , eed diam ncnummy nibh eulemcdt incidunt ut laoreet dolore magna ariqLJameratvOlutpi:lt.. Ut Wi5ienlm ad minim vsnlam, qulenOBtrud eee-ci tat ion una-nco-per suecrplt.Dule autem vel sum h-luredolor in heretrerrt. in

vujputelte velitesse mcleet.ie conBequat, 'lei iliumdolors el.Jfeuitamet. ccneectecuer adipiscing eltt, ;;oeddiamnonummy nibheuiBmodtincidunt ut laoreetdoloremagna altquam eret volutpat"pure autem ve l " sum ir'iur-edolor in ht:ndreritIn vulputate vel l t; e : $ - ; : . e : mcleet.le COtlBequat, velilium dolor~ eu feugiat nulla facll le le at verc erosat accumean et l uetc odio dignleelm qui blandlt;

"W a i l, w a i t wail!" set d is k w ic ke t- wo of " E va n ee -cent LadleRatRotten HutJWaree-anc:pllttyladlt'gull goring wizard l.

8/7/2019 DPQN D1-Erivanildo-Thegenius

31/62

II DESIGN PAR A QUE M N A 0 DES IGNER

Repito: encontre uma linha-guia e utilize-a. Se voce tiver uma foto ouuma imagem com uma lateral mais rnarcante, alinhe esta lateral do textocom a margem reta da foto, como mostra a exemplo abaixo.

Lorem .psum, Lorem ipsum dolor sit amet, consectetuer.adiptscing elit, sed diam nonummy nibheuismod tincidunt ut laoreet dolore magnaaliquam erat volutpat, Ut wisi enim adminim veniam, quis nostrud exerci tationullamcorper suscipit lobortis nisi ut aliquipex ea commodo consequat,

Loren! tpsum d o lo r J l lr ry g o u rd -murd erwh is k er ed . , .W 'a ic h er crane a.board?'!

....Existe uma linha-guia muito boa abaixo do texto. Existe umalinha-guia muito boa na margem da fotografia. Porem, entre 0texto e a foto, existe um espaQoem oranco distribufdo, s6 quecom uma forma estranha. Quando 0espaco em branco estacom sssa forma, ele separa os dois elementos.

Lorem Ipsu.mLorem ipsum dolor sit amet, consectetueradipisclng elit, sed diarn nonummy nibh

euismod tincidunt ut laoreet dolore magnaaliquam erat volutpat. U t wisi enim ad

minim veniam, quis nostrud exercl tationullamcorper suscipit lob ortis nisi ut aliquipex ea commodo consequat,

Loran i ps um d ol or f ur ry gow-d- I IWrdel-\Vhlskeret l; 'Wat!?lIer crane a b o a r d ? "

...."Encontre uma linha-guia e utilize-a." Agora a linha-guia dotexto e a da foto estao proxirnas entre si, fortalec~mdo-se. 0espaco em branco flutua livremente pela marge'm esquerda. Alegenda tarnbem foi colocada contra a mesma linha-guia damargem da foto.

8/7/2019 DPQN D1-Erivanildo-Thegenius

32/62

3 D E S IG N A LIN H A lvlEN T O

Se os seus alinhamentos estiverem bern-delimitados, voce podera interromperc o n s c i e n t e m e n t e os alinharnentos e esta interrupcao tera uma aparenciaintencional. Que conceitol

Lorem Ipsum Amet Dolor GuilLorem lpsum dol or si t er nc t. ho rmone nurture. Wan moan-consecterue- adipiscing clit, sedd iem ncnu rnmy n ib l- e tn smodt incldun t u t laor eet dolo remilgna eliquern erst volutpatUt wist cnim ad minim veniemquis nostrud exerci talionularnco rpe r susdpit l o bo r ti s n i siul aliquip a ea commodeJt wisi enim ad})elt I l o " i ~ e ~ f H " ~ 1 o . tOt unim vcn iam,

~eMlkoe,,...." W le '1 o J 1 . uisnostrud exero___ ";""';' __ ";"_Ltion ullarncorprrlobo rt is n is i u t el iqui p ex caconsequal. Duiseutem vd euminure dolor"' Du is e ut er n v el f um mere do lo rin hendrcrn in vulputate vel ite ss e m o l es n e c c n se qu a t, v e l i l l umdolore eu feuglat nulla facilisisarvero eros etulputate accumsen et iusto odic dignissim quibla ndir pr ae se nr I upr ar um z zr ildelenit auguc duis dolc-e tefcugalt nul la Iacil is i. Loremipsum dolor sit ametl"Lorem ipsum dolorWail. pimple oil-wares wanderdoe wart udder pimple dunwampum roe doe Debt 's : j es t

ing. Gui lty Looks dissipatermurder, an win enrlry f loristFur lung, disk avengeress gullwetter putty vowlc- coils camt or e r nc rt ic rd l ad le c o rd a ge in-htbued buyer hull firmly offbeers- Fodder Beer (homepimple. fur oblivious raisins.c o i le d "Br ewi ng 'L Murder Beer.and Lad le Bore Bee r. Disk moan-ing. o il er bee rs hat j es t l if te rcordage, ticking ladle basklngs,an hatgun entity florist tee p e c kbicck-berriers an rash-bern-ers .Gl Ii hy Looks ranker doughball ; bough t. o ff curs e. nor -bawdy worse hum. soda sul lyledtc gull win baldly ret entitybeer's horsclIpsum dolor eoHonor t ippl e inne r da rningn . 1 I T l . . stud tree boils fuller sop-wan grade bag boiler sop. wanmuddle-sash boil an wan l awnyladle boil. Gl1ilty Looks tuckerspun fullersop firmergrade ba gboi l+bushy spurted art innerhoary!

....Bem ... eu tentei nao a!inha-Io, mas souextremamente "programada". Mesmocom texto de interrupqao invadindoo bloco de texto, voce consegue ver 0alinhamento a esquerda? As vezes eposstvsl fazer uma quebra completamentelivre de alinhamento, ee voce a ttzer demenetre c o n s ci en t e .

....Estou transmitindo varies regras, mas asregras foram feitas para seremdescumpridas. Porem he uma regrasobre descumprimento de reqras:antes de descumprir uma regra,e preciso connece-ie.

III

8/7/2019 DPQN D1-Erivanildo-Thegenius

33/62

II DES IGN PAR A QUE M N A 0 DES IGNER

ResurnaNada deveria ser colocado arbitrariamente em uma pag ina . Cada elementodeveria ter alguma conexao visual com outro elemento da pagina.A unidade e um conceito muito importante no design Para que todos oselementos da pagina ten ham uma estetica unificada, conectada e inter-relacionada, e preciso que haja "amarras" visuais entre as elementos separados.Mesmo que eles nao estejam proxirnos fisicamente na pagina! podempamer conectados, relacionados, unificados a outras informacoes simplesmentedevido ao seu posicionamento. De uma olhada nas diagrarnacoes que 0agradam. Nao importa se a aparencia inicial da pag ine seja ca6tica eselvagem: voce sempre encontrara os alinharnentos correspondentes.

o proposito basicoo prop6sito basico do alinhamento e 0 de unificar e organizar a pagina.o resultado e um pouco similar ao que acontece quando pegamos todosos brinquedos de urn bebe que estavam espalhados pelo chao da sala eos colo cam os em 'uma caixa de brinquedos.Normalmente e urn alinhamento marcante (cornbinado. e clare. com afonte apropriadal que cria uma aparencia sofisticada, formal, engracadaou seria.

Como atingir este objetivoEsteja consciente do posicionamento dos elementos na pagina Encontresempre algo a mais na pagina para fazer 0 alinhamento, mesmo que osdois objetos estejam fisicamente distantes.

o que evitarEvite usar mais de urn alinhamento de texto por pagina (ou seja, naocentralize um texto e alinhe outro a direita).Por favor, evite. com todas as suas forcas. 0 alinhamento centralizado, anao ser que voce tenha 0 objetivo consciente de criar uma apresentacaoformal. pacata (que costuma ser comum demaisl. Escolha 0 alinhamentocentralizado conscientemente e nao por autornacao.

8/7/2019 DPQN D1-Erivanildo-Thegenius

34/62

Repeti~aoo principio da repeticao afirma que algum aspecto do design Cleve repetlr-se no ma t~ r i a l inteiro. 0 elemento repetitive pode ser uma Fonte em bold(negrito), urn fio (linha) grosso, algum sinal de topico. um elemento dodesign, algum formato especffico. relacoes espaciais etc. Pode ser qualqueritem que 0 leitor reconheca visualmente.Voce ja utiliza a repeticao no seu trabalho: quando cria titulos com rnesrnotamanho e mesmo peso, quando coloca urn fio a meia polegada do finalde cada pagina. quando usa 0 mesmo sinal de topico em cad a lisragernreferente ao mesmo trabalho. Estes sao todos exemplos de repeticao. 0que os iniciantes precisam fazer e ir mais a l em . seguindo esta mesmaideia, ou sej a . precisam transformer a repeticao imperceptive! em umelemento-chave visual que unifica 0 material.A repeticao pode ser considerada como "consistencia". Ao olhar para umnewsletter (jornal) de oito paginas. e justamente a repeticao de algunselementos - sua consistencia - que faz com que cada uma dessas oitopaginas parec;;apertencer ao mesmo newsletter. Se a pagina 7 nao contiverelementos repetitivos trazidos da pagina 6, 0 newsletter inteiro perderasua aparencia coesa.Porem, a repeticao vai alem da simples consistencia: e urn esforco conscientepara unificar todos os elementos do design.

8/7/2019 DPQN D1-Erivanildo-Thegenius

35/62

E D DESIGN PARA QUEM NAO E DESIGNER

Aqui esta a mesmo cartao de visitas com a qual trabalhamos anteriorrnente.No segundo exemplo acrescentei urn elemento repetitive: a [ante forteem bold (negritol. De uma olhada nele e observe para onde seus olhos sernovern. Oepois de ler 0 numero telefonico, a que voce le? Voce volta aooutro tipo em 'bold do infcio do texto? Este e um truque visual que asdesigners sempre utilizam para controlar a fluxo do olho dos leitores,para manter sua atencao sabre a pagina a maximo de tempo possfvel.

Toad HallReilly Pickett

91 6 O ld R ive r R oa dR ed R ive r, N M(717) 5551212

Toad HallReilly Pickett

91 6 O ld R ive r R oa dR ed R iv er, N M(717) 555-1212

....Ao atingir 0 final dasinformaq6es. seu olhofica vagando pelocartao?

....Agora. ao atingir 0final das informaq6es.para onde seu olho edirecioneoo? Ele ficaoscilando entre oselementos em bold?

8/7/2019 DPQN D1-Erivanildo-Thegenius

36/62

4 DESIGN REPET lc;:A o

Aproveite os elementos que voce ja estiver utilizando para fazer com queum projeto fique consistente transformando esses elementos em simbolosgraficos repetitivos. Todos os titulos do seu newsletter estao na fonteTimes, corn 14 pontos? 0 que voce acha de arriscar, usando uma fonteem bald, sem serifa, como, par exemplo, a Antique Olive Black, com 16pontos? Alern de sua pagina ficar rnais interessante visualmente. vocearnpliara a orgaruzacao visual e a consistencia, deixando-a mais obvia.Voce estara reaplicando a repeticao que ja fai montada no projeto eampliando-a, de maneira que este projeto ficara mais forte e dinarnico.

d eb t c ando r ammcnol, anstare otter debt florist! Debtflorist 's mush toe denturesfurry lad le gul l!"Hormone nurturewail. pimple oil-wares wen-der doe war t udder pimpled un w am p um to e d o c , D e bt'sjest h orm o ne n urtu re. W anmaiming. Guilty Looks dis-sipater murder, an \....ln~IHily nO.ris.

Lorern IpsumL orem tpsum d olo r sit a met,c c ns er te tu er a d ip is c in g elitUt wlsi e nl m e d m in imvcnam C r l , l i S u cs rr ud e xe rdration u l l . .mr:: :o l ' pe r susc ip i tl ob or ti s r us l u r ehqulp e x c acommodo ccnseouet Duisv el h e ss e m o ks ti c c c c- se qu e;ve l i li um d ol cr e e u f(':ugidlnuD.a fadlisis.U t wisi enim ad minim

vcniarn, quls n os tr ud c xr rc itaticn ullamccrper suscipitl ob or ri s n is l u t a l iq ui p 1:;0; eoc om rno d c l '

Dolore sit ahietF ur k m g. di sk a ve ng cr cs s g ul lw et ns im q ui blartdit ptaesentl up ta tu m z z ri l d el er ut a u gu ed UJ ) d olc -e te f eu ga it n ul lafacilind Lad le Bore Bee r, Dlskm o an mg o ile r b eer s h at je stlifter cordage, ticking ladlebaskings, an hilt gun es nnr a sh - b ar r ie r s. S o d a s u ll y l a d le -gul l wn bald ly rat entitybeer's horse!

L o rem n ut ?"Duis < 9 1 . 1 te rn v el tum inured ol or i n h e n dr er ir i n v u lp ut ct ev el it e ss e m o le st

"c eo s e dorsal lodge anwicket bee r i nner fl or is t hoeo r ph a n mo11 :l SS~~p impl e . L a d legulls sh ut kipper wa re firm

....Os tftulos e subtftulos SaO urn6timo lugar para se cornecsra crier elementos repetitivos,ja que, provavelmente, vocetern de manter a consistenciacom eles.

Lorem Ipsu d eb t c an do r a m mo no l. 311s tar e OUCt de bt n or is t! D ebrf lo ri st 's : m u sh t oe d en tu re sf ur ry l ad le g ul l! "

Lorem ipsum dolor sit arnct.c o ns cc te tu er a dt pt sd ng e ll t,Ut wisi emm ad mmirnv en ia r n. q ui s n o st ru d c xc r dration ullemccrper suscipirlobortis nisl ut al iqu ip ex cecorrunodo cO!'lSequilt. Duisv e ii t e s se m o l es ti c c o n sc c u a t,v el j ll um dol ore eu feu gi .i 1!

Hormone nurtureW O l U , p imple oil-warts wan -d er do -c we rt udder pim pled un w a m pu m w e -d oc . D c br sjest'hormone nurture. Wanrncenlng Gl~i1t}1 Looks dis-slpeter murder. an win

8/7/2019 DPQN D1-Erivanildo-Thegenius

37/62

II DES IGN PAR A QUE M N A 0 DES IGNER

Voce costumacriar publicacoes com muitas paginas? A repeticao e urnfator de grande importancia na unidade dessas paginas. Quando os leitoresabrirem 0 materiel. devera ser imediatamente obvio que as paginas 7 e12 fazem parte da mesrna publicacao. As duas paginas apresentadas aseguir sao parte de uma publicacao. Voce seria capaz de apontar todosos elementos de.repeticao?

~Fio duplo

consistenteem todas aspeginas.

~Fonte

consistentenos trtulos enos subtrtulos

e espa90sconsistentesentre eles.

o fio unioo serepete na

parte inferiorde cadapegina.

~Os nqmerosdas peginasestao no

mesmo lugare na mesmafonte emtodas aspaginas_

. Hono rde FormaLorern ipsum dolor amet, formed od de r. V io la te H usk ing s, a n w arthoppings darn honor form.

U t \ .. ..isi enim a d m in irn v eru am .quis nostrud exero ration hoehatter repetition for bang funyI nfec t. p im ple o rp ha n set d eb tViolate's fodder worse nosingb utto n o il ed m o user. V io la te.honor udder hen, worsted furryg na ts p ar so n - jester put ty l ad leform gull. s am p le . m o rti ce d, a nunafflictedDuis aujem vel eum iriure dolor

in hertdrerit in vulputate velit essemo l es l ie c o ns eq ua tSinfonia iriure' V io l a re l" s o rt e d o le f o rm e r ."Wa tc h er s et ti ng d ar n f ur '! Y or ecanned gat r etch se tti ng dam duri ngno sing ? G erm p up o tte r d eb t c he er! ""Arm tarred F o dder :' r e sp l e n-

d en t V io l at e w a ri ly ."Wa tc h er t ar re d f ur ?' a st er

st enchy former, hoe d in t hal f mushs ym p h on y f ur th er g ul l. . ,A re b a dg erdint doe mush woke d isk moan-ing ! D itc her c urry d oz e b uc kl esfuUer s l ob darn tu to r p eg -p an a nf ee d er p e g s? "

Vestibule guardings" Ya p, F od de r. A r c f et te r p eg s. ""Ditcher mail-car Ca\IIlS an swoop

. ot te r c a w s ta pl e? " " Of f ClIJ

8/7/2019 DPQN D1-Erivanildo-Thegenius

38/62

4 DE S I GN REPET I ( AO

Se voce estiver trabalhando com urn material forte, consistente, poderautilizar alguns elementas-surpresa. Sugestao: guarde essas surpresaspara 0 uso em itens sobre os quais voce queira atrair muito a atencaodo leitor.Voce conseguiria apontar os elementos consistentes, repetitivos deste livre?

Evanescent molestie consequat"F od yo re d olo re m ag na a 1iqu am era t v o.u tpa t. Y ore kin lea der h ea rse to ewarder, Fodder, butcher cannon maggot drank. Lesser."" Lo re m ip su m d olo r si t a m e t, c on se cte ru er a dip isc in g elit, s ed d ia m

nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam eratvolutpat."U t wist enim a d m in im v er ua rn , quis nosrrud e xe rc i t a ti o n u ll a m co r pe r

susdplt lobortis nisi ut aliquip ex ea commodo consequat.Elite dolor "Ipsum.' C ra te V i o la te . " Je st l o ck et

debt put ty moan!"Arsenatic praesent. . S nuff doze f l agr an t odors .

v Moan-late an merry-age.. . O dc rs firm er putty rut ro ac hes

inner f loor guarding.. . D enture h al f sum -sin g im perti-

nent toe asthma?

Dulsautem vel eurn iriure dolor inhcndrerit in vulputate velit esser no le st ie c o ns eq ua t, v el i li um d o lo r eeu feugiet nulla facilisisat vero eroset e cc um sa n e t iu sto o dio d ig ru ss imqUl blandit praesenr luptaturn zzr ild elerut a ug ue d uis d olo re te feu gaitnu H e fecilisi. Lorem ipsurn dolor sita m et ; c o ns ec te tu er a di pi sc in g e li t.Wan gnat Hairy an Violate war

s et tin g h o no r H us kin g" b ec k p er chinner moan-late, holing hens.

Duisautem?Lorcrn ipsurn dolor sit ametconsectetuer nonunn.

5

....Todos OS textos,fotos ou ilustraQoescornecsrn narnesrna linha-guiada parte superiorde todas as paginas(veja tarnbsm aobservacao abaixo,a esquerdal.

....A colunaunica, larga.ocupa 0mssrnosspaco deduas colunas.mantendo aconsistenciades bordasexternas"

....Observe 0usa repetitive de formatriangular na lista e na legenda dapagina anterior. apresentada comoexemplo. E prov8vel que estetriangulo tarnosm seja utilizadoem outros pontos da publicaQ8o.

8/7/2019 DPQN D1-Erivanildo-Thegenius

39/62

II DESIGN PAR A QUE M N A 0 DES IGNER

Para criar uma boa papelaria (conjunto impresso de materiais de umaempresa ou pessoa, com logotipo e endereco) comerciaL contendo cartaode visitas, papel de carta e envelope, utilize um elemento de repeticao forte,nao somente em cada pec;:a,mas entre todas elas.Vocedesejaque 0destinatariode sua carta saiba que voce e a mesma pessoa que apresentou a ele, nasemana anterior, um cartao de visitas. erie um layout que permita alinhara carta impressa com algum elemento de design da papelaria impressa.

Route 9Box 15

San Ge la to .Arizona87776

"'Voce podenotar queum textodigitadocom umalinhamentosolido aesquerdacausa umaforteimpressaonestematerial.

Route 9Bo x 16

S an G e l a toAr izona97776

R ou te 9Box 16

S an G ela to .Arizona87776

8/7/2019 DPQN D1-Erivanildo-Thegenius

40/62

4 DESIGN REPETICAO m

A repeticao ajuda a organizar as inforrnacoes. Ela ajuda a guiar 0 leitorpelas paginas e a unificar partesdistintas do design (da diagrarnacao) domaterial. Mesmo que 0 documento tenha apenas uma pagina, a repeticaodos elementos estabelece uma continuidade sofisticada. Se voce estivercriando varies documentos de uma unica pagina que facarn parte de urnpacote unificado. e extremamente importante usar a repeticao

. . .RepetiQoes:Fonte boldFonte light

Sinais de t6picoquadrados

EndentaQoesEspacarnentoAlinhamentos

Mickey Mouse Estudios Walt DisneyAnaheim, California58 anos, sem filhos

Empregos.. Estudios Walt Disney Diversos estudios de televisaoEduca(:ao Estudias Walt DisneyAtividades Preferidas Dirigir barcas a vapor Montar cavalosFrase Preferida Nem todos podem ser'-um rata .

... Alem dos elementos repetitivosbem-delimitados, que deixam bemclaro exatamente 0que estaacontecendo neste caso, 0Mickeytarnbsrn pode querer incorporarurn ou rnais desses elementos nodesign da sua carta deapresentaceo.

. . . . ,.

8/7/2019 DPQN D1-Erivanildo-Thegenius

41/62

m DES IGN PAR A N P c 0 DES IGNERUE M

Se houver um elemento que 0 agrade, trabalhe com ele! Talvez seja urnc l i p ar t ou uma fonte mais desenhada. Sinta-se livre para acrescentar urnitem completamente novo apenas para criar a repeticao ou. ainda, escolhaurn simples clemente e utilize-o de varias maneiras: em diferentes tamanhos,cores ou angulos,As vezes os elementos repetidos nao sao exa tamente os mesmos objetos,mas sao tao interligados e relacionados que sua conexao se torna obvia.

< I I ( Junte-se aa nos}Q de maio,a . s 3 hsda tardeUseseu ~chapeu, .

... A escolha e a repetiQao de urn elemento de uma imagem saotecnicas engraqadas e eficazes. Este pequeno sfmbolo triangularpoderla ser ap!icado em outros materials pertencentes ao mesmoconjunto. como envelopes. cartoes-resposta, baloes etc., e todas aspecas formariam uma un/dade coesa, mesmo que naorepetfssemos a xfcara intelra,

8/7/2019 DPQN D1-Erivanildo-Thegenius

42/62

4 DESIGN REPETI ( :AO E D

Em geral podemos usaf elementos repetitivos que nada tern a ver com 0objetivo da pagine criada. Por exemplo, coloque alguns petroglifos ou algunspassaros estranhos em urn relatorio. Escolha caracteres particularmente boni-tos da fonte que estiver utilizando e coloque-os em tamanhos maiores. emcinza ou em uma segunda cor mais luminosa. em varios angulosno seu material. E 6timo divertir-se.

Grande vendade lnauquracdona

P ic le W iele PaperJ (,, 'papet..J

envelopedcarimboe de borracbapurpurtnaaded irOd d ij eren (ed

Fort Marcy Center 6Q-feira 7 de Maio

... Retirar um dos elementos de design doslimites da pagina unifica duas ou maispsces, 0primeiro e 0segundo plano. ou.materiais separados com um tema emcomum. Observe como 0"poster" e estepagina parecem ester conectados devidoa repetiC;:8odos caracteres primitivos.

8/7/2019 DPQN D1-Erivanildo-Thegenius

43/62

E D DESIGN PA R A QUE M N A 0 DES IGNER

ResunlOA repeticao de elementos visuals no design unifica e fortalece a material.agrupando partes que seriam separadas. 0 recurs a da repeticao e muitoutil em pecas de uma 56 pagina e e essencial em documentos de muitaspaginas (neste caso, a repeticao e considerada como cons i s t rnc ia ) .o propos ito basicoo proposito basico da repeticao e unificar e acrescentar interesse visual.Nao subestime a interesse visual de uma pagina: se ela for interessante,sua leitura sera mais agradavel e provavelmente mais lida.

Como a tingir e ste obje tiv oConsidere a repeticao como consistencia: tenho certeza de que voce ja ternessa qualidade. Entao. va mais alern utilizando a ronsistenria existente:vccepoderia transformar alguns desses elementos consistentes em parteintegrante do design grafico consciente, como no exemplo do titulo? Vocecostuma usar urn fio de 1 ponto na parte inferior das paginas ou sublinharos tftulos? 0 que voce acha da ideia de utilizar urn fio de 4 pontos nolugar do de 1 ponto, para que a elemento repetitivo fique mais marcante?Pense sobre a possibilidade de acrescentar elementos apenas para criaruma repeti~ao, Voce tem uma lista numerada de t6picos em seu mate-rial? 0 que voce acha de usar uma fonte diferente, ou um numero invertido,e, depois, repetir esse modelo em cada lista numerada que aparecer namesma publicacao? Em primeiro lugar, voce deve encontrar as repeticoesque je i exislern e reforca-las. Quando voce se acostumar com essa ideia ecom a estetica. comece a cnar repeticoes para aperfeicoer a design e aclareza das inforrnacoes.Repetir e como dar enfase as suas roupas, Seuma mulher usar um maravilhosovestido preto de noite com um chapeu preto chique, ela enfatizara sua roupausando sapatos vermelhos, batom vermelho e um buque vermelho no vestido.

o que evita rEvite repetir a elemento em demasia, para que ele nao se tome enfadonhoau excessive. Esteja consciente do valor do contraste (leia a proximocapitulo e a secao referente ao contraste dos tipos)Por exemplo, se uma mulher usasse urn vestido de noite preto com urnchapeu vermelho, brincos vermelhos, batom vermelho, sapatos vermelhose um casaco vermelho, a repeticao nao criaria um contraste unificante eincrfvel: seria espalhafatoso e a foco ficaria confuse.

8/7/2019 DPQN D1-Erivanildo-Thegenius

44/62

Contraste' ' ' , < I I. " " < ! I I '"o contraste e uma das maneiras mais eficazes*deacrescentaIi.

8/7/2019 DPQN D1-Erivanildo-Thegenius

45/62

DES IGN P AR A QUE M N A 0 DES IGNER

Se os dois "newsletters" apresentados a seguir aparecessem sobre suamesa, qual deles voce leria primeiro? Ambos tern 0 mesmo layout basico.Ambos sao esteticos e simpaticos. Ambos contem as mesmas inforrnacoes.Na verdade, existe apenas uma diferenca: 0 segundo tern mais contraste.

DUTRO NEWSLE T TER !1" J a o d 9 9 8

TItulo ExcitanteW a n t -e ; p aw l1 te rm d iS ir e wor5U:d lad legul l hoe:hat eearch put ty yowler conedo!l-bt.pJm'ple colder G ui lty L oc ke , G uil -C -yLooke Ilft. inner- l . c i l d k c(lr~.agevatu rated .!iIdderehlr-t di5oidencef irmer bag f lorist , any ladle eu l l orphanaeter murder toe letur gore: entityf lortet. oil buyer ehelf.Subtftulo Arreplarrte"Guilty Locke!" crater murderangul2lrly, "Homl ny terms area g:,"rl'l~iasthma suture 5tooped quiz-chin?GOiter ddor flori'E'-t?Sordidly NUn'"Wire nut, murder?" wined Guil tyLocke. ho e dInt peony teneicn torem u r de r's e cs I di 11 g6 ."Cauee dor!: iallodge an Wicket beerinner- florlet hoe orphan mo r a e e e epimple. Ladle.gulls shut kipper warefirm d~bt candor ammonol an stareotter debt florie.t! Debt.ftorlet/e muehtoe densuree furry ladlt: eul l !"

Outro TItuloExcitanteWail, pimpleoll-waree wander dot: wartudder pimple dun w,,:;Impumoe doe.Debc'e jeet; hormone nur ture . Wan

moaning, Guilty Looks dis5ipi'itcrmurder. art win entity f lcrlet.Fur lung. dlek avenqereee gul l wet-terputty yowler cot;e cam tore morticedladle cord.age inhibited buyer h u l lfirmly off bee:re;-Fodd.e:rBeer (homepimple. fur obl ivious raisins, coi led"Brewinl"). Murder B~er, and LadleBore Beer. Dlek mO;;1I1ing, oiler beerehat; je:5t l i fter cordage, t icking l i i(;Hebavl:::infl!S.an hat .gunentity flcrlet;toe peck Hockbarr le re an ra sh -barrie-e. Guilty Locke ranker doughball; bought, off curse. nor-bawdyWOr5e hum, eoda Bul ly ladle gul l w in"aldly rat entity beer'e hcree!Um Subtftulo ComumHonor tjpple inner-d",rhil1g rum, e:.tudtree boile fuller ~op-w-!iln gr

8/7/2019 DPQN D1-Erivanildo-Thegenius

46/62

5 DES IGN CONST RAS T E

A causa do contraste e obvia. Utilizei uma fonte mais pesada e com maisnegrito nos tftulos e subtitulos. Repeti essa fonte (seguindo 0 princfpioda repeticao: lembra-se dele'') no titulo do newsletter. Quando mudei 0titulo de caixa-alta para alta e baixa, pude utilizar urn tamanho maior eaumentar 0 negrito, 0 que tambem ajuda a reforcar 0 contraste. E comoagora os tftulos tern tanto peso, foi possivel acrescentar uma caixa pretana parte superior, atras do titulo, repetindo novamente a cor escura ereforcando 0 contraste.

jOulro Newsletter! ,1 d J a o d 998

T ilu l o Excit an teW at1 t13 piilW l1 te rm da re w or$ ut:! la dle g ul l h oc h 6lt - s ea r- ch p ut 't y y ow le r c oi lad eb t p lr rp le c ol de r G uilty L oo k . G uiltyLooke Hft. inner ladle cord8j .c.: ! :a 5hboil,wtch worse tee coiled, Butter 501'imler tawny lad.le boi l wcree je::&t rat,an Guil t. y L oo ks a id ed o il l Op . Di ng ynudi5t tree cbecre -wan ancmalcuecheer, wall mut:ldlerG~Sh

VOCe concorda que seusolhos se fixaramrnais nesta pagina do que na anterior?

E D

8/7/2019 DPQN D1-Erivanildo-Thegenius

47/62

m DESIGN PAR A N A 0 t DESIGNERUE M

o contraste e um ponto critico na organizacao das informacoes: a leitorsempre deveria ser capaz de, a prirneira passada de olhos sobre um rna-terial. compreender imediatamente a que ele representa.

Laura Mathews1 95 5 K no ll s D r iv e

San ta Rosa , Cu lI or rue 95405(707) 987.12,4

HabflidadesF xc el en te s c or .h ec im e nto s e m a na lis e d e: e xa m es c ltn lc os . c sp ec ie lm e ntcem t ra~ tamel llOs na area de oncologiaE spec ia l ista em ana lisa r b io psies da m edula o ssee. e em apl.c a co es dequimioterapia. Habilidade em acornpanbar pacientcs eo longo de seustretamentos cspecificos

Formacao academica1990 E ac uldade de E nferm eg trr. d a U nivc r o dede de S anta R osa . S an taR o s a , C a li fo r ni a.

Expcrtcncta profissional1992 Enferm eira c ada stra da no H eelrh H om e P lus. D ivisa o de V isita sCuidados a domicilio de pacientes (om aids e can ce r1990 E nferrnc ira -c hefe do H ospita l M em onaL unida de de o nc olo g.e .San to R osa . Co lif6rnia R esp cnsev cl p elo seto r d e quim io tc ra piz]98S-l986 Enfcnneira do Mendocino Coast District Hospital. 'FortB ra gg , C a l if o r n ia1985-1986 A ssistenre de labo ra tnrio do M edo cino Co ast Distric tHospitai, F o rt B ro g g. C al if o rn ia

Apresenta

8/7/2019 DPQN D1-Erivanildo-Thegenius

48/62

5 DES IGN CONSTRASTE

Yew alern de a pagina Hear mais interessante com 0 usa do contraste, 0proposito e a organizacao do trabalho estao mais claros.

Laura Mathews1 .9 55 K no ll s D ri veS an ta R o sa , California 95405(707) 9871234

Habili'dadesE xc e lc n te s c o nh e dr rt en to s e m a n aH s e d e e xa r- ie s d nu c os , e sp c ce lr ne nt eem trata mentes na area de oncologia.E speo al tsto em a na llsa r bio psies da m cd ula o ssea , e em a plic ac oc sde quirniorcrapia. Habilidade em acompe aher pocientes ao longode seus tr atament os c specf fi cos

Forma9io academica1990 Faclddadede :Enferrnagernde Uni,vers idadede Santa IRosa;

S an ta R osa , California

Experiencia profissional1992 Enfermei." eadas trada na Health Home Plu s . Divisso de V i s r t a s .Cuidadcs a domicillo de pac.entes com aids c cancer.

Enfermeira-chef'e do Hospttal-Merocnal. untdade de cncclogia.Serna Rosa , Ca li fo rn ia. Responsavel pelo s et or de quimiore rapiaE m er m eir a d o M e nd oc in o C oa st Dis tnct Hosp i t a l, F o r i B r a gs C a J if om i aAssistente de labcliatotio do Mendocino Coas t D is tr ic t 'Hos-p it a l. f o rt B r il gg . C a li fo r n ia .

.....Os problemas foram fecilmente corrigidos.Urn alinhamento a esquerda (na verdade, esta justificado);dentro dele, mais um a1inhamento a esquerda. Ambos saomuito marcantes e reforcarn um ao outro (alinhamento erepetiQao).Os tftulos estao fortes. Sabemos de imediato 0 que estematerial contem e quais sao seus pontos-chave (contrasts).Os segmentos estao separados com mais espaco do queas informaQaes dentro de cada s8gmento (contrasts derelaQaesespaciais; proximidede).Os tftulos de graduaQao e de trabalhos estao em bold(urna repetiQ80de fonte do tftulo); 0 forte contreste fazcom que 8les s8jam notacos,

J990

1985-19861985-1986

Apresenta~iio pessoalM inbas cxpcricnclas anrcr.ores 50 fizerarn rr e lhor ar mcu t raba lhojunto a05 pacierces. Ho ] e sirrro-mc a voritadc diar.te d05 peclentescom c ancer e de suas famil ies. Meus sopervisores scmpre velor izeramminha capacidade orgenizecionel. rneu potencial de rripidoaprcndizedo, minha corsgcrn ac assumir novas rcsponsabil idadese minha dedicacao ao t rabalho .

8/7/2019 DPQN D1-Erivanildo-Thegenius

49/62

II DES IGN PAR A QUE M N A 0 DES IGNER

A maneira mais facil de acrescentar contraste a um material para torna-1 0 interessante e trabalhar com as Fontes (este eo tema principal abordadona segunda metade deste Iivro). Mas nao se esqueca das fios. do espacamentoentre os elementos, das texturas etc.Se voce utilizat um fio fino (chamado de hairline) entre as colunas, uti-lize um fio mais forte de 2 au 4 pontos quando precisar usar outro f io:nao coloque um fio de meio ponto e urn de Iponto na mesma pagina. Sevoce aplicar uma segunda cor para acentuar trabalho, assegure-se deque as cores se contrastam: 0marrom-escuro e azul-escuro nao contrastameficientemente com 0 texto em preto.

A s Regras d a V id aS u a a tit ud e e sua v id a.

.. Neste caso, he umotimo contraste entreas fontes, mas 0contraste entre os fiosOinhasl este confuso.Sera que os fiosdeveriam ter duasespessuras diferentes?

Max im i z e suas opcoes.N unc a [eve nada a serio dem ais.N ao deixe qu e a s s emente s 0impeca rn de a pre eia r a m e la nc ia .S e ja l eg a l.

S ua a titude e sua v ida ... Agora que folestabe!ecida umadiferenQa maior entreas espessuras dos fios,nao he risco dealguem aehar que heum erro. 0 bloeointelro fjcou maismarcante e sofisticado;sabemos onde oornecae onde termina.

A s Regras d a Vid aM a xim iz e sua s o pc oes.Nune a lev e n ad a a s er io d em a i s.

N ao deixe que a s s emente s 0im pec am de a prec ia r a m ela nc ie .Seja l egal .

8/7/2019 DPQN D1-Erivanildo-Thegenius

50/62

5 DES IGN CONSTRASTE

Se voce utilizar colunas altas e estreitas em seu newsletter, faca algunstftulos mais fortes para criar urn direcionamento horizontal contrastantena pagina.Combine 0 contraste com a repeticao. como na numeracao das paginas.nos tftulos, nos sinais de topico ou na distribuicao especial, para cnaruma identidade visual forte e unificada na publicacao inteira.

Oque ~?!?A maiona des cidedes, tern urn Grupo deUsuanos Mac. quefornece infcrrnacoes cs up o rt e p .J l' a q ua l qu erpes SOil qu e u til iz e u rnMacintosh, em qualquera re e d e a (u a- ca o . 05encontros sao rnensaisOs grupos de suporteper areas cspccialiaadas(como dc .'sign. comercioau aulas) tambernpcdern set criados.Este e u rn l ug ar p ar ilpartilhar experiencias.encontrar respostas.mantcr-se em ccntato(om urn I luxc mul toag H de inforrnacoes edivrrtir-se!

Estou convidada?Simi Oualquer pesscaque tenhe clgc avercom cornpuredores doupo Macintosh estaccnvidada a partlcipar.Mesmo que VO(~nuncatenh a usa do urn M ac ,esta convldado. Mesmoque voce ncrn tcnhad ec td td o s c 0 M ac e outJBO 0 mc l h o rc o rn pu ta d or ; c st aconvidado.

o que faremos liIi?'A cede mes haver a u rnpalestrante dacomurudade our c pr es en re nt e d ehardwar e on desoftware, ou,

8/7/2019 DPQN D1-Erivanildo-Thegenius

51/62

II DES1GN PAR A QUE tv! N A 0 DES IGNER

o exemplo apresentado a seguir i f ' : um tfpico anuncio de lista telefonicaUm dos problemas i f ' : que basicamente tudo esta do mesmo tamanho, como mesmo peso e com a mesma atribuicao de importancia. Visualmente, 0item "Membro da Associacao de Intercarnbio de Construtores" esta com 0mesrno peso de-Tspecialistas em Reformas e Consertos". Esta correto?Estabeleca qual deve ser 0 item principal. Use contraste para eriar esteenfoque. Destaque-o com alinhamentos marcantes e aplique a proximidade.

\

~ CONSTRUCOES btl EFICIENTES ..REFORMAS E CONSERTOSRESIDENCIAL E COMERCIAL

* A M P LL A ~6E S * RE FORMAS ** BANHE I RO S * COZ lNHAS * COBERTURAS ' ** P EQUENO S S E RV I

8/7/2019 DPQN D1-Erivanildo-Thegenius

52/62

5 DES IGN CONSTRASTE II

Nao tenha medo de diminuir alguns itens para criar um contraste comos elementos maiores e deixar espac;os em branco. Quando voce atrair aatencao do leitor para 0ponto principal, se ele estiver realmente interessadolera 0 texto em letras menores. Mas se ele nao estiver interessado, naoimporta 0 tamanho que voce colocar; ele nao lera.Observe que todos os outros princfpios sao aplicados: proximidade,alinhamento e repeticao. Eles trabalham juntos para criar 0 efeito total. Eraro ajustar apenas urn dos principios no design (ria diagramacao) deurn material.

censtrueeesEficientes WReformas e consertos ..Residenc ia l e Comercia lserv i( :o Comple to pa ra censtrueeesProjetos personalizadosCoberturasBanheirosCozinhasSolucao de problemasConstrucao de consultorios medicos

RefonnasAmpliacoesPequenos services

orcamento sem cornprornlsso717-567-8910Membra o a As . 'SOCia~ aDde mtercamotc de construtores

.& . Urna pessoa pode achar que este anqncio naorefletea personalidade do dono do neg6cio, comoacontece no eounoio anterior. Mas se este snuncrotem como finalidade atrair as pessoas que desejamgastar dinheiro, qual deles transmite ao interessadourns sens8Q8omais profissional e segura?Observe tarnbem como e onde a repetiQ80 eaplicada. Ja que este e urn anCinciode listatelef6nica, existe 16gica na repetiQ80da fonte ernbold e corpo grande no nurnero de telefone.

8/7/2019 DPQN D1-Erivanildo-Thegenius

53/62

II DES IGN PARA QUEM NA o E DE S I GNER

Resun10o contraste de uma pagina faz com que seus olhos se virem paTa ela. Sevoce colocar dois elementos diferentes em uma pagina (como duas Fontesou duas espessuras de fio), eles nao devem ser similares. Para que 0contraste cumpra totalmente suas funcoes . os dais elementos devem sermuito diferentes.Utilizar a principia do contraste e como fazer 0 retoque em uma parede:nao se pode combinar mais ou menos a cor; ou voce encontra a corexata ou precisara pintar a parede inteira.

o p ro pOs ito basicoo proposito basico do contraste e dupio, e seus dois objetivos sao unificados.Um deles e criar interesse sabre uma pagina: se ela tiver uma aparenciainteressante, atraira mais a leitura. 0 outro e auxiliar na organizacao dasinforrnacoes 0 leiter deveria ser capaz de compreender instantaneamentea maneira atraves da qual as inforrnacoes sao estruturadas, 0 fluxo Iogicode urn itempara outro. Os elementos contrastantes nunca deveriam confundiro leitor au criar um foco que nao sejaocorreto. .

Como ati"gir este objetivoAplique contraste em suas opcces de tipologia (leia a proxima secao). nasespessuras das linhas, nas cores, nas formas, nos tarnanhos. nos espa

8/7/2019 DPQN D1-Erivanildo-Thegenius

54/62

Nao seja timido.Nao tenha rnedo de criar seu proprio Design (au sua pr6pria Vida) commuitos espa~os em branco: e urn descanso para as olhos e para a alma.Nao tenha medo de ser assimetrico. de descentralizar seu formato - a svezes iS50 faz com que a efeito seja mais marcante. E muito born criaro inesperado.Nao tenha medo de fazer com que as palavras fiquem muito grandesou muito pequenas; nao tenha medo de falar mais alto au de sussurrar.Ambos podem ser eficazes, se utilizados no lugar certo.Nao tenha medo de fazer suas imagens bern fortes au mfnimas, se 0resultado complementar au reforcar seu design ou sua atitude.

As pr6ximas paginas resumem as quatro principios abordados na primeirametade deste livro. Vamos dar uma olhada nesta capa de relat6rio taocomum e aplicar cada um dos princfpios.

T o d o 0 Q u eV a i V o l t a

Licoes para viajar

de carona pelo pais

Robin WilliamsP de Janeiro de 2001

.... Uma capa derelat6rio comum(e sem criatividade):centralizada, comespacos iguais parapreencher a pegina.Se voce naosoubesse ler emportugues, pensariaque seo seis t6picosseparados napegina. Cada linhaparece ser umelemento individual.

8/7/2019 DPQN D1-Erivanildo-Thegenius

55/62

11 DESIGN PARA QUE lV ! NAO E DES[GNER

ppaxintidadeSe os itens estiverem relacionados entre si, agrupe-os em proximidadeSepare-os, se eles nao estiverern diretarnente ligados. Varie 0 espa\o entreos itens para indicar a proximidade ou a importancia desta liga\ao

T o d o 0 Q u eV a i V o l t aLicdes para viajar de

carona pelo pais

Robin Williams1 de Janeiro de 2001

. . .Aproximando 0titulo e0subtftulo,criamos uma unidadebem-definida,no lugar deseis unidadessegmentadas.Ficou nftido que osdois t6picos estaoligados entre si.Distanciando 0nomedo autor e a data.fica claro que apesarde estas informaQoesserem relacionadase possivelmenteimportantes, elasnao fazem partedo titulo.

8/7/2019 DPQN D1-Erivanildo-Thegenius

56/62

6 D ES IG N REV ISA o II

AlinhaftlentaFique atento quanto a cada elemento que voce colocar na pagina Paraque a pagina inteira fique unificada, alinhe cada objeto com uma partelateral de outro. Se os alinhamentos forem "fortes" (bern-delimitados),voce podera optar por quebrar ocasionalmente um alinhamento, e estarnodiflcacao nao parecera urn erro .

. . . .Mesmo que 0 nome doautor esteja distante dotftulo, existe uma oonexao

visual entre os doiselementos. criada atraves

do alinhamento.o exemp!o anteriortarnoem esta alinhado: 0alinhamento e a

centralizaQ80. Mas comovoce pode vet; urn

alinhamento a esquerdaou a dineita (como

mostra este exernp!o)cria urna lateral mais

marcante. mais facil deseguir com os olhos.o alinhamento a esquerdaou a direita ternbsrntende a criar urna

estetica mais sofisticadado que a centralizacao,

T o d o 0 Q u eV a i V o l t aLicoes para viajar decarona pelo pais

Robin WilliamsPde Janeirode 2001

8/7/2019 DPQN D1-Erivanildo-Thegenius

57/62

11 DES IGN PARA QUEM NA o E DE S I GNER

RepeticiioA repeticao e uma forma mais marcante de criar consistencia em urnmaterial. Observe os elementos que voce ja repete (sinais de t6pico, fontes,linhas, cores etc): avalie se e apropriado fazer com que urn desses elementosfique mais marcante e utilize-o como 0 elemento repetitivo .

T n d o n O n e ~V a i V o l t a ~Li~oespara viajar decarona pelo pais

iii.R o b i n W i l l i a m s

. . . .A fonts diferenciada dotftulo se repete no nome doautor. fortalecendo aconexao entre ambos.mesmo que estejarnfisicamente distantes nediagramaQ80 da peg ina.Os pequenos triangulosforam especialmentsacrescentados para criaruma repetiQ8o. Apesarde cada um delesapontar para urnadireQ80 diferente. a formatriangular e suficientementeespecrfica para serreconhecida em todas assuas incidencias na peg ina.A "cor" dos triangulosternosrn e um elemento quese repete. A repetiQao ajudaa unificar elementosseparados do design(da diagramaQaol.

8/7/2019 DPQN D1-Erivanildo-Thegenius

58/62

Contraste

6 DE S I GN REV I SAo II

Voce concorda com 0 fato de que 0 exemplo desta pagina atrai seusolhos muito mais do que 0da pagina anterior? Neste caso, 0 responsavele a contraste do preto contra a branco. Ha varias maneiras de criarcontrastes: fios (Iinhas). fontes, cores, relacoes espaciais, direcoes etc. Asegunda metade deste livro aborda especificamente 0 t6pico do contrasteatraves do trabalho com fontes .

. . . .o trabalho com 0contraste neste materialfoi apenas 0 de

acrescentar a caixa preta.Ralcei um pouco

a letra colocando 0subtftulo em italico,contrastando-o coma letra normal (sernitalizaQ80, chamada

de roman) do titulo edo nome do autor.(0 tftulo esta na

fonte Bodoni PosterCompressed; 0 subtftuloesta na Bodoni ltelic.)

Voce conseguiriadescrever onde estao

sendo utilizados,neste exemplo, os

princfpios de proximidade,alinhamento e repetiQ8o?

R o b i n W i l l i a m s

8/7/2019 DPQN D1-Erivanildo-Thegenius

59/62

1 '1 DES IGN PAR A QUE M N A 0 DES IGNER

Desafio n 1: prineipios de designD e sc ub ra p elo m e no s sete diferencas entre as da i s modelos de curr fcu las apresenta-dos a seguir. Circule cada uma das diferencas e determine a princfpio de de~SIgn que essas diferencas contrariam. Expresse em palavras quais sao as mudancas.

Curric ulu m : D o ro th yFazenda Rura l n 73The Plains , Kansas

Educacao- E sc o la de GramaticaEsco l a Secundaria f onnada comhonra ao rnerito- E sc o la H ard Kno cks

Experiencia Profiss.onal1956 Na Fazenda1954 Pela Fazenda1953 Ao redor da Fazenda

Referencias- Glinda, a B o a B ru xa- 0 Grande e P o de ro so M " l. gic o de Oz

Referencias Glinda, a Boa Bruxa 7 0 Grande e Poderoso Magico de Oz

CurriculumY Doro thyFazenda Rural n? 73T h e Plains, Kansas

Educa'?io. . E sc ola de Crarnatica... Escola Secundaria. formada comhonra d O rnerito. .. E sc ola H a rd Kn oc ks

Experiencia Profissional.. 1956 Na Fazenda.. 1954 Pela Fezenda.. 1953 AD redor da Fazenda

1

2

:3

4~ __

5

6

8/7/2019 DPQN D1-Erivanildo-Thegenius

60/62

6 DES IGN REV ' I SAo II

Desa fio n 2: red ia gram e este anuneloQuais sao os problemas deste anuncio de uma lista telefonicai'.Faca uma listados problemas e das solucces.Dicas: Quantas fontes diferentes foram usadas no anuncio? Quantos alinhamentosdiferentes foram utilizados? 0 que poderia ser utilizado como uma linhamarcante para fazer 0 alinharnento do bloco inteiro? POR QUE QUASE TOOOo TEXTO ESTA EM CAIXA-ALTA (LETRAS MArOSCULAS)? Os elementosIogicamente pr6ximos estao em proximidade? Existe urn ponto central defoco? Por que ele nao existe e como poderfamos criar urn? 0 que poderia serusado como elemento repetitive? Ha realmente a necessidade de colocar urncontorno tao pesado e 0 titulo em um box?Pegue urn pedaco de papel vegetal para c6pia e trace 0 contorno do amincio.Depois, trace os elementos separadamente dentro deste contorno, reorganizando-os de maneira a criar uma pagina mais profissional, Iimpa e direta, Trabalhea sua maneira, usando cada urn dos princfpios abordados: proximidade,alinhamento, repetirao e contraste.

Ancient Cit,Ceramicas e Interiores

- G R A ND E opC;AoDE CER .A .M IC A SNO S HOW -ROOM-TALAVERA-SALT I LLO- M ONT E RR E Y- C ERA MIC A DA LLA S- AS TECA- M ID ST A TEMA RMO RE DE Q U AUDA DE

HORARIOS:DAS8:30 AS 17:00, DE2' A 6'-FEIRADAS 9:00 AS13 :00, AOS SAEADOS

1776 CUPERTINO ROAD(PROXIMO A ESCOlA E A EASY PRINT)982-7219PROXIMO ASANT 'ANA

E ST AC IO N AM EN TO N O LO C AL

8/7/2019 DPQN D1-Erivanildo-Thegenius

61/62

II DES I GN PARA QUEM NA o E DES I GNER

ResuftloEsteresumo conclui nossa abordagem sobre design (diagramarao). E provavelque voce ainda queira ver mais exemplos. Eles se encontram espalhadospor ai. ao seu redor. Espero ter transmitido a voce, sem grandes sofrimentos,uma consciencia visual aperfeicoada. Pensei em fornecer opcoes de gabaritosde design, mas como j i i se diz por at e mdhor ensinar a pescar do queoferecer 0 peixe.Lembre-se de que 0$ designers profissionais estao sempre "roubando"outras ideias: des estao em constante busca de inspiracao. Se voceestiver fazendo um folheto, encontre urn de gue realmente goste eutilize 0 layout. Utilizando apenas seu proprio texto e suas figuras, 0folheto gue 0 inspirou fica completamente diferente do que voce criar.Descubra um cartao de visitas que 0 agrade e adapte-o ao seu. Nesteprocesso de adaptacao. ele ficara diferente e sera completamente seu.Todos agimos assirn.Se voce ainda nao fez 1550, aconselho-o enfaticamente a ler TheM ac is1 1 0 t a t y p e w r it e r e T h e P C i s n o t a t y p e w r i t e r . Se voce ainda estiver naquelafase de datilografar (ou digitar) dois espacos ap6s os pontos finais: sevoce tiver 0 habito de sublinhar os textos; se nao utilizar as verdadeirasap6strofes e aspas (" " e nao "), entao e s e r i o : voce realmente precisa lerurn desses livros.Entretanto, va devagar. Nao leve tao a serio essa coisa de design. Garantoque se voce simples mente seguir esses quatro princtpios. criara materialsdinamicos. interessantes e organizados. Voce se orgulhara deles, e sedivertira tarnbeml

8/7/2019 DPQN D1-Erivanildo-Thegenius

62/62

6 DESIGN

Coisa s que voce pod efa zer pa ra a um enta r suasensib il idad e visua lEm uma de minhas primeiras aulas de design criamos a definicao PYA:pessoa visualmente analfabeta, Esse r6tulo costumava ser atribuidoao cl iente. Se h a pouco tempo voce era um P V A , agora que voce ja leueste livro ate aqui, nunca mais sera urn deles . Seguem algumas dicas paravoce aumentar ainda mais sua sensibilidade visual.Veja. erie um arquivo de ideias. Uma pasta ou ate mesmo uma caixaonde voce possa guardar designs que 0 impressionaram: anuncios, folhetos,imagens, letras, diagrarnacoes interessantes de fontes, embalagens, propagandasem g era l, o u seja, qualquer coisa que mexa com algo dentro de voce, Osdesigners costumam ter urn arquivo como este e 0 utilizam como fontede ideias e inspiracao. Antes de cornecar outro projeto, de uma olhadano seu arquivo de ideias.Diga. Ao observar urn design do qual voce goste, passe alguns minutosdescrevendo os motives de sua aprovacao. Conscientemente, indique ospontos nos quais foram aplicados os princfpios de proximidade, alinhamento,repeticao e contraste. Anote em urn papel au grave mentalmente a te cn icamais interessante e ousada que tenha sido aplicada, como algum tipomuito grande o u pequeno, urn t r a tamento especial sobre uma i m a g em .espacarnento etc.Fac:aurn esboco. Quando voce se deparar com um material diagramadode maneira pobre, faca urn esboco com algum aperfeicoamento, ou recorteos elementos I' " reorganize-os. Quando voce realmente coloca 0 lapissobre 0 papel, ma