WSO ay, NAG E DESIGNER NQGQES DASICAS DE PLANEJAMIENT® VISUAL A NC INANE f BY edicaoO estilo claro e conciso de Robin Willams encanto centenas de milhares de Ieitores espalhados pelo mundo. Fla tern dom de | transformer as infor maces tacnicas ou mistificadas ‘em dados facilmente acessiveis. Robin ensinou | fo design tradicional e letronico durante 12 anos, e tambem J escreveu varios livros incluindo large, tambem lancado pela Calls Editora, Este livro - Design para Quem Nao & Designer - Este exernplo mostra Toad Ha uma boa disposigaio, Reilly Pickett ‘com os blocos de texto agrupados em uma proximnidade légica. : 916 Old River Road O texto esté centralizado Re River, Nia pelas suas linhas & cra 355-1212 centralizado na pagina. > Este exernplo apresenta Toad Hall a mesme orgenizagso Reilly Pickett visual, mas esté alinhado 8 direita. Agora 0 canto bem delimitado direita 7 16 old aver ficou visivel. A linha inwvitvel ever que conecta as, ri7i 585-1212 extremidades dos dois conjuntos de texto mais forte se comparada & opgtio com 0 a alinhamento centralizado. A linha invisivel passa por equi, conectando o texto.BEE DESIGN PARA QUEM NAO £ DESIGNER Vocé costuma centralizar tudo automaticamente? O alinhamento centralizado € 0 mais usado pelos iniciantes: € muito seguro ¢ a sensacio de usd-lo € de conforto, 0 alinhamento centralizado cria uma aparéncia mais for- mal, mais comum e sem brilho. Dé uma olhada nas diagramacoes de que vocé mais gosta. Aposto que a maioria dos materiais com uma estética sofisticada nao esté centralizada. Sei que ¢ dificil para um iniciante libertar- se do alinhamento pelo centro; vocé precisaré forgar-se a fazé-lo uma primeira vez. Mas experimente combinar o alinhamento & esquerda ou & direita com 0 bom uso da proximidade e ficaré surpreso com as mudangas que ocorrerdo em seu trabalho Plangjamento Plangjamento Cia. Rea Hen Gia, Red Hen or Shannon Williams 20 de margo de 1999 or Shannon Williams 20 de margo de 1999 A Esta 6 uma tipica capa de A forga do alinhamento & rélatério, certo? esquerda confere & capa do Este formato padréo relatGrio ume aparéncia tem uma eparéncia sem. mais sofisticada. Mesto britho, quase ernadora, que © nome da autora capaz. de influenciar a esta)a distente do titulo, a reago inicial de ume pessoa linha invisivel criada pelo em relagdo ao relatério. alinhamento conecte os dois blocs de texto.3 DESIGN : ALINHAMENTO ns Nio estou sugerindo que vocé nunca centralize nada! Basta estar consciente do efeito do alinhamento pelo centro. Sera que ¢ realmente esta a aparéncia que vocé deseja criar? As vezes €. Por exemplo: os casamentos costumam ser eventos formais, portanto, se vocé quiser centralizar o texto do seu convite de casamento, poderd fazé-lo. As vezes é possivel dar uma pitada de graca 4 opcao centralizada, como, por exemplo, centralizar 0 texto colocar 0 préprio bloco de texto fora de centro, Outra op¢ao € colocar as-letras mais acima na pagina, para criar mais “tenso"; vocé também pode usar uma fonte muito casual ¢ engracada, com um alinhamento muito formal, centralizado. Se A Centralizado. Realrnente cormum. Voce esta carinhosamente convidado a assistir! A Experimente descentralizar 0 bloco com o texto centralizado. Voce Voce esta ost carinhosamente aietabosaniente convidado a assistir! convidade a assistir! A Se voc’ quiser centralizar 0 texto, pelo menos faga com que ele fique centralizado de maneira Sbovia. Bere Crary Pte t ee Ctr) convidado ct Coast A Se voce centralizar 0 texto, tente fazé-lo ficar mais expressivo de alguna maneira,DESIGN PARA QUEM NAO £& DESIGNER Vocé estd habituado a trabalhar com alinhamentos de texto. Até adquirir mais experiéncia, lembre-se de uma regra: utilize apenas um alinhamento de texto por pagina, ow seja, 0 texto deve ser todo alinhado a esquerda, alinhado a direita ou centralizado. Este texto estd Este texto estd alinhado a alinhado a esquerda. direita. Algumas Algumas pessoas 0 pessoas 0 classificam classificam como como irregular irregular & direita, esquerda Este texto est centralizado. Se voce preferir 0 texto centralizado, faca com que a centralizagao seja dbvia. Por exemplo, neste parégrafo é dificil dizer se 0 texto foi centralizado propositalmente ou, talvez, involuntariamente. As larguras das linhas ndo sdo as mesmas, Mas ndo sao completamente diferentes. Se voce nao souber visualizar imediatamente a centralizacdo, por que fazé-lo? Este texto esta justificado. Algumas pessoas 0 dlassificam como alinhado a direita ¢ a esquerda € algumas como blocado. As linhas de texto ficam alinhadas dos dois lados. $6 utilize este alinhamento se as suas linhas puderem ter uma largura tal que evite a formacao de ‘vazios" horriveis entre as palavras5D As vezes € possivel utilizar os alinhamentos a direita ¢ a esquerda na mesma pagina, mas é importante que voce se certifique de alinhar os elementos de alguma maneira > Neste exernpio, 0 titulo ¢ 0 sulbtitulo esto alinhados @ esquerda, mas @ descricéo est centralizada; nao existe um elinhamento em cornum entre os dois elernentos de texto. Eles no esto conectados entre si > Apesar de esses dois elementos permanecerem com dois alinhamentos diferentes (0 texto de cima esta alinhedo & esquerda e 0 de baixo, @ direita), a lateral do texto descritive de baixo esté alinhada com a lateral direita do titulo de cima, conectando os elementos através de ume linha invisivel. Isto nao foi feito por acaso! ESIGN ALINHAMENT Poems em sco inglés A mais completa edigio do maior poeta liricoda Bscécia, ° Poems era cscs inglés A mais completa edicao do maior poeta lirica da Esedcia,DESIGN PARA QUEM NAO E DESIGNE Quando colocar outros itens na pagina, é importante que cada um deles tenha um alinhamento visual com outro item da pagina. Se as linhas de texto estivercm horizontais, alinhe suas linhas de base. Se houver varios blocos de texto separados, alinhe suas laterais direitas ou esquerdas. Se houver figuras, alinhe suas laterais com outras laterais existentes na pagina Nada deve ser posicionado arbitrariamente na pagina! xemple 6: Valor de um resistor em um circultoelétnic, Pace eed am 9729 de segue apes mtaqrorss desgeas met Seo en f wrisey ‘v2 nev/b) eta) A Mesmo que esta sefa uma planiha bastante corum e sem atrativos, ndo hé motives para no fazer com que a pagina fique com ume eparéncie melhor e apresentar as informacdes com o maximo de clareza possivel. Neste caso hé dois problemas, certo? Falte de proximidade e falta de alinhamento. R3 DESIGN ALINHAMENTO Provavelmente a falta de alinhamento seja a maior causa de materiais com uma aparéncia antiestét 's olhos gostam de ver tudo em ordem, pois isso cria uma sensagao de calma ¢ seguranca. Em qualquer material com um bom design é possivel desenhar linhas sobre os objetos alinhados, mesmo que a apresentagdo do material seja composta por itens muito diferentes. exemple ator Ge um resistor em um circuit elética, ‘sao vr i cram un reo dtc qu sip a cr' 18 de a) ‘lr oma om 1/20 sana aps aap sa eas TS Lt eaters fpactorte)—Indutor) Wier tas Sata ‘A Neste caso, © simples alinharnento dos itens muda tudo. Observe que nenhum item esté colocado arbitrariamnente na pagina; todo iter tem algurna conexéo visual com outro. Se eu soubesse do que trata essa planiiha, talvez. optasse por passar 0 itern quadrado da direita para @ esquerda, aproximando-o de planilha maior, mantendo suas partes superiores alinhadas, e néo me preocuparia em alinhar a tabela quadrada & lateral direita. Se eu fizesse tudo assim, ajustaria 0 espagamento entre as trés planiihas, segundo suas interligagSes logicas.HDESIGN PARA QUEM NAO £ DESIGNE Um inconveniente com os materiais criados por pessoas que nao conhecem design 6 suil falta de alinhamento, como titulos centralizados e subtitulos com paragrafos de endentagao. A primeira vista, qual dos exemplos destas duas paginas tém um visual mais limpo € preciso? ‘mug la et vel "leh were ted Roemer Hskings oe Are bd dint doe Facer jetnion for Bang tush woke disk mooning arya ey techy, Uke carey ce bs Tee pump orton se deve fle so dn or pgp Milt tahicr mers noing a eter pee thio ed ows Vat “Sap. Fes Ae eter Froorerfen worsted BK fp ts peor pay de ere ul soe ‘mere an unliced, ‘Tarred gut od Foner Wale etme far entre nor yoreeanne trou scting dn dng oan Germ poe et A Esta € ume diagramagéo muito comum; os titulos esto centralizados, © texto est alinhado & esquerda, as endentagdes de pardgrafos tm a lergura das da méquina de escrever (ou sela, cinco espagos ou meia polegada, como se aprende nos cursos de datilografia) e a foto esté centralizada em uma das colunes. PNunca centralize 03 tittlos se © texto for alinhado @ esquerda ou se ele tiver endentagdes. Seo texto ndo tiver laterais 8 esquerda © direita bern-delimitadias, ndo 6 possivel observar se 0 titulo esté realmente centralizado. A sensacéio 6 de que ele esté sotto. Todos estes pontos desalinhades criam uma gina desorganizada: endentagdes muito grandes, letersis irregulares de texto, titulos centralizados com espagos em franco dos dois lados, foto centralizada, R3 DESIGN ALINHAMENTO B® ——— oe Estes pequenos desalinhamentos contribuem para que a pagina fique visualmente desorganizada, Encontre uma linha ¢ guie-se através dela. Mesmo que a diferenca seja sutil seu chefe nao consiga dizer qual € a diferenga entre o exemplo a seguir € o anterior, a estética mais sofisticada € obviamente a melhor. a Honor Form ‘Watcher teed far aster oem isu dor sit amet, techy former hoc it half onerteoe el nda mush Synpony fl gl numa rh dolore raga slkquam eat wot Feeder pegs late it ete oer, “Are badger dint doe rush coed Forme Huskings bor WoL dsk moat Dither ter reptiion for Bang cur doze ues lle slo fy cetera fry snc. da ator pp an fee Jefe, pimple orphan et det BE Vises fer wore nosing "Yap Fodder, Ar ter Taton ole ower Voter pegs hor adder er ort put ae for gull spl Troe an uae Tarred gull Wan mounig Former Hishings nuit haze ddr Saling honor cee ng ™ ‘ihe mal-car cas an ate sortcd dake seco ote caw staple “OMT former "Watcher sting darn arse, Fodder fre let et fur Dente nor yore canned cs an swapped oer spl fut vech sting dam dung fete then an dammed esi? Germ pup oer dé up ade ner decing- deat ote oe ere aches, “har aed, Foe” sh wen dra futor vestibule resplendent Violate wal guawding to peck alle bogs ‘A Enoontre um alinhamento ¢ use-o como guia. Se © texto for alinhaco & esquerda, deixe os titulos e subtitulos alinhados 8 esquerda. Os primeiros parégrafos costurnarn ser deixados ser endlentagéio. O objetivo de endentar um pardgrafo 6 © de indicar o inicio de um novo pardgrafo, mas sempre se sabe que © primeiro também é um parégrafo. Em uma méquina de escrever, a endentagéo comum 6 de cinco espages. No caso des letras proporcionais utilizadas no computador a ‘endentagao tipogréfica padrao é @ de um eme (um eme é to largo quanto © taranho da sua letra), que mais se assemnelha a dois espagos. Preste ateng&o a0 contorno irregular da sua letra. Ajuste as linhas de maneira que a lateral direita fique © mais suave possivel. Se houver fotos ou ilustragdes, alinhe-as com: uma das laterais e/ou corn a linha de base.DESIGN PARA QUEM NAO £& DESIGNER Mesmo em um material que tenha uma abertura bem-diagramada ¢ um bbom design, uma sutil inexisténcia de alinhamento costuma ser 0 problema- chave para a falta de estética mais profissional Bee oece ee gees iegenatarteciemipamtcorstame aber arn 2 ee “vn Seem een age ert icing en we | tt ig I ny ae md Simro A Voos consegue visualizar todos os lugares nos quais os itens poderiem estar alinhados ras ndo esto? Se este livro for ‘seu, marque todas as incidéncias de faita de alisharnento desta pagina. H pelo menos nove!5 DESIGN | ALINHAMENTO Preste atencdo no caso de ilustracBes que icam um pouco desalinhadas para fora da margem, de legendas que estiverem centralizadas sob as fotos, de titulos que ndo estiverem alinhados com o texto, ou de uma combinacao de texto centralizado com texto alinhado a esquerda. peice si paettctcntrreribencemensan ies arg npn dong yo ‘A Yoo’ consegue ver 0 que mudou, comparando este exernplo © da pagina anterior? Se este livro for seu, dlesenhe linhas paraleles eo alinhernento.DESIGN PARA QUEM NAO £& DESIGNER Repito: encontre uma linha-guia © utilize-a, Se voce tiver uma foto ou ‘uma imagem com uma lateral mais marcante, alinhe esta lateral do texto com a margem reta da foto, como mostra o exemplo abaixo. Lorem Ipsum adipiscing it, oad incu et abe elt rac Estou transrnitindo varias regras, mas as regres forarn feitas para serem descurnprides. Porém hé uma regra sobre © descumprimento de regras: antes de descurprir uma regra, & preciso conhecé-la.3 DESIGN ALINHAMENTO Ses scus alinhamentos estiverem bem-dclimitadlos, voce poderd interromper couscientemente os alinhamentos ¢ esta interrupgao teré uma aparéncia intencional. Que conceito! Debi Hoty wash toes A Bem... eu tente/ nao alinhé-lo, mas sou extremamente “prograrmada”. Mesto com © texto de interrupeao Invadindo © bloco de texto, vocé conseque ver 0 alinhamento & esquerda? As vezes é possivel fazer urna quebra completamente livre de alinhamento, se voce a fizer de maneira consciente. > Estou transrnitindo varias regras, mas as regres forarn feitas para serem descurnprides. Porém hé uma regra sobre © descumprimento de regras: antes de descurprir uma regra, & preciso conhecé-la.Repeticao O prinetpio da repeticao afirma que algum aspecto do design deve repetir- se no material inteiro. (© clemento repetitivo pode ser uma fonte em bold (negrito), um fio (linha) grosso, algum sinal de tpico, um clemento do design, algum formato especifico, relacdes espaciais etc, Pode ser qualquer item que o leitor reconhega visualmente. Voct jé utiliza a repeticdo no seu trabalho: quando cria titulos com mesmo tamanho e mesmo peso, quando coloca um fio a meia polegada do final de cada pagina, quando usa o mesmo sinal de tépico em cada listagem referente ao mesmo trabalho. Estes so todos exemplos de repeticao. O que os iniciantes precisam fazer € ir mais além, seguindo esta mesma idéia, ou seja, precisam transformar a repetigio imperceptivel em um elemento-chave visual que unifica 0 material. A repetigdo pode ser considerada como “consisténcia’. Ao olhar para um newsletter (jarnal) de oito paginas, é justamente a repeticdo de alguns elementos — sua consisténcia — que faz com que cada uma dessas oito paginas pareca pertencer ao mesmo newsletter. Se a pagina 7 nao contiver elementos repetitivos trazidos da pagina 6, 0 newsletter inteiro perder sua aparéncia coesa Porém, a repetigao vai além da simple para unificar todos os elementos do design. consisténcia: é um esforco conscienteHP DESIGN PARA QUEM NAO £ DESIGNE —————— Aqui esta o mesmo cartdo de visitas com o qual trabalhamos anteriormente. No segundo exemplo acrescentei um elemento repetitivo: a fonte forte em bold (negrito). Dé uma olhada nele ¢ observe para onde seus olhos se move. Depois de ler 0 ntimero telefénico, o que vocé lé? Vocé volta ao outro tipo em bold do inicio do texto? Este é um truque visual que os designers sempre utilizam para controlar 0 fluxo do olho dos leitores, para manter sua atengio sobre a pagina o maximo de tempo possivel. nw 4Ao etingir o final das Toad Hal informagées, seu olho Reilly Pickett fica vagando pelo cartéo? 916 Old River Road Red Rive, Ni a7 s55-1212 4 Agora, 20 atingir 0 final des informagées, para onde seu olho & direcionado? Ele fica ncliendo entre os elementos em bold? Toad Hal | Reilly Pickett 916 Old River Roas Red iver, AM (717) 555-1212 R4 DESIGN REPETIGAO Enno Aproveite os elementos que voce ja estiver utilizando para fazer com que um projeto fique consistente transformando esses elementos em simbolos gréficos repetitivos. Todos os titulos do seu newsletter esto na fonte Times, com 14 pontos? O que voce acha de arriscar, usando uma fonte em bold, sem serifa, como, por exemplo, a Antique Olive Black, com 16 pontos? Além de sua pagina ficar mais interessante visualmente, voce ampliard a organizagao visual ¢ a consisténcia, deixando~ Vocé estaré reaplicando a repetigéio que j6 foi montada no projeto e ampliando-a, de maneira que este projeto ficard mais forte ¢ dindmico. mais ébvia Lorem Ipsum Dotore sit ahiet Botenmantinwies erat AO titulos e subtitulos so umn A Escolha um elemento 6timo lugar para se comegar consistente ¢ reforce-o. { crier eletnentos repetitivos, 6 que, provevelmente, voce tem de manter a consisténcia com eles.4 DESIGN REPETIGAO Enno Aproveite os elementos que voce ja estiver utilizando para fazer com que um projeto fique consistente transformando esses elementos em simbolos gréficos repetitivos. Todos os titulos do seu newsletter esto na fonte Times, com 14 pontos? O que voce acha de arriscar, usando uma fonte em bold, sem serifa, como, por exemplo, a Antique Olive Black, com 16 pontos? Além de sua pagina ficar mais interessante visualmente, voce ampliard a organizagao visual ¢ a consisténcia, deixando~ Vocé estaré reaplicando a repetigéio que j6 foi montada no projeto e ampliando-a, de maneira que este projeto ficard mais forte ¢ dindmico. mais ébvia Lorem Ipsum Dotore sit ahiet Botenmantinwies erat AO titulos e subtitulos so umn A Escolha um elemento 6timo lugar para se comegar consistente ¢ reforce-o. { crier eletnentos repetitivos, 6 que, provevelmente, voce tem de manter a consisténcia com eles.DESIGN PARA QUEM NAO E DESIGNER er Voce costuma criar publicagdes com muitas paginas? A repeticao € um fator de grande importancia na unidade dessas paginas. Quando os leitores abrirem 0 material, deverd ser imediatamente Gbvio que as paginas 7 € 12 fazem parte da mesa publicacdo. As duas péginas apresentadas a seguit so parte de uma publicacdo. Voce seria capaz de apontar todos 15 elementos de repeticaa? | Fio duplo consiterce | Monorde Forma fom todas as | sahin'iine stn sven | paginas. ‘Wracleam ef nist va, ‘eer yo 7 | Fonte consistente ____| nos titulos e | iliek Sane | nos subtitulos: iniminciavdutiewise — Vestibale guardings | ‘eqpages | ™aremen “pF ere consistentes | Sinfonia idure ee wots ales ‘ane tingci Yor: rsa | ogteapalanaal! petones ee © tcc se | itmimamemenm | renee mcany repete na “tlreredla? mer walk enh ee parte terior | serrate Yaya de cada ssmeaeae ose eet Os nameros des paginas aes! estéo no meomo lugar --&.O texto tern um ponte do “alinhamento aia Tose final’, mas nem todos 08 textos devern, ‘onto em necessariamente, alinhar-so neste pont. terlos.eat se houver um ponto inicial consistente paginas. repetitivo na parte superior da pagina. Em algunas pudlicagses, pode-se optar pela repeticao na parte inferior das pégines, 2 na pelo alinnerento @ partir da parte superior da pagina. Mas qualquer uma dessas Lécnicas deve criar @ consisténcia.4 DESIGN REPETICAO a Se vocé estiver trabalhando com um material forte, consistente, poderd utilizar alguns clementos-surpresa, Sugestzio: guarde esas surpresas para 0 uso em itens sobre os quais vocé queira atrair muito a atengdo do leitor Vocé conseguiria apontar os elementos consistentes, repetitivos deste livro? Todos os textos, fotos ou ilustragoes comegarn ne mesma linha-guia da parte superior de todas as paginas (veja tambern a Sere ere el observagéo ebeixo, val Forte anon mgt a Lose a enercel Cis alma oim nin sitinnstizetmone | 4A eokina a wencanene ma iooine Elite dolor “yr te Vii ack coupe 0 Jendterit in vulputate velit esse Arsonatic praesent mesmo Scant ain agiin 7 onetnaaim | ees colina, a Ua pose si ca wer iar ius, mantendo a hice urmpansiest "peace S| consisténcia | WerputiiyanVeiccvee Dale autem? cfs Horas setting honor Huskingy’ beck perch Loeem ipsurn dolor sit amet, externas. ‘A Observe © us0 repetitive da forma triangular na lista @ na legenda da pgina anterior, apresentada como exemplo. E provavel que este tringulo também seja utilizado ‘em outros pontos da publicagso.DESIGN PARA QUEM NAO #& DESIGNER Para criar uma boa papelaria (conjunto impresso de matcriais de uma empresa ou pessoa, com logotipo ¢ endereca) comercial, contendo carto de visitas, papel de carta e envelope, utilize um elemento de repetigao forte, no somente em cada pogo, mas entre todas elas. Voc’ deseja que o destinatadrio de sua carta saiba que voce é a mesma pessoa que apresentou a ele, na semana anterior, um cartao de visitas. Crie um layout que permita alinhar a carta impressa com algum elemento de design da papelaria impressa. ff Voce pode | pep HEN velar Eee hee um texto Phone dgitado (Oem ‘com urn sainharnento sdido 8 eequerda cause ure | forte impressao. neste material Reo HEN ‘Wan i no t2n.as0.7090 g g :4 DESIGN REPETICAO Se A repetigao ajuda a organizar as informagées. Ela ajuda a guiar o leitor pelas paginas ¢ a unificar partes distintas do design (da diagramacao) do material. Mesmo que o documento tenha apenas uma pagina, a repeticio dos elementos estabelece uma continuidade sofisticada, Se voce estiver criando varios documentos de uma tinica pagina que fagam parte de um pacote unificado, é extremamente importante usar a repeti¢ao. eee eee > Repeticoes: | Mickey Mouse Fonte bold | Estiidios Walt Disney Fonte light | Anaheim, Califérnia Sinais de topico 5B anos, sem filhoe quadrados Endentagdes | Empregos Espacamento = Estiidios Walt Disney Alinhamentos | = Diversos estidios de televistio Educacao ® Estiidios Walt Dicney | Atividades Preferidas © Dirigir barcos a vapor = Montar cavalos Frase Preferida = Nem todos podem ser um pato. 4 Além dos elementos repetitives bem-delimitados, que deixarn bern claro exatamente © que esté acontecendo neste caso, o Mickey também pode querer incorporar um ou mais desses elementos no design da sua carta de apresentagao.DESIGN PARA QUEM NAO £& DESIGN a Se houver um elemento que © agrade, trabalhe com ele! Talvez seja um dip art ow uma fonte mais desenhada. Sinta-se livre para acrescentar um item completamente novo apenas para ctiar a repetigao ou, ainda, eseolha ‘um simples elemento utilize-o de varias maneitas: em diferentes tamanhos, cores ou angulos. As vezes os elementos repetidos nao sdo exalamente os mesmos objetos, mas sao to interligados ¢ relacionados que sua conexao se torna dbvia. YC amin cha » Jumte-se a | da tarde Use seu » LA escolha e 2 repetigao de um elemento de uma imagem sao técnices engragades ¢ eficazes. Este pequeno simbolo trisngular poderia ser aplicado em outros materiais pertencentes ao mesmo conjunto, como envelopes, cartdes-resposta, baldes etc., 2 todas as pegas formeriarn ume unidade coesa, mesmo que néo ropatissernos a xicara inteira R4 DESIGN REPETICGAO —— Em geral podemos usar elementos repetitivos que nada tém a ver com o objetivo da pagina criada. Por exemplo, coloque alguns petrdglifos ou alguns paissaros estranhos em um rdlatério, Escolha caracteres particularmente boni~ tos da fonte que estiver utilizando e coloque-os em tamanhos maiores, em cinza ou em uma segunda cor mais luminosa. Apliqueyps em varios éngulos no seu material. E timo divertir-se. Grande venda de inauguragéo na PickWick Papers! papeis envelopes carimbos de borracha purpurina adesivos diferentes er Fort Marey Center + 6@-feira +7 de Maio 4 Retirer um dos elementos de design dos ie a ute re pegas, © primeiro e o segundo plano, ou Soar neem maples Se ere a ee ee weDESIGN PARA QUEM NAO DESIGNER A repeticao de elementos visuais no design unifica ¢ fortalece 0 material, agrupando partes que seriam separadas. O recurso da repetigao € muito Stil em pegas de uma s6 pagina e ¢ essencial em documentos de muitas paginas (neste caso, a repetigdo € consiclerada como consist@acia) O propésito basico O propésito basico da repeti¢ao € unificar ¢ acrescentar interesse visual Nao subestime o interesse visual de uma pagina: se ela for interessante, suia leitura seré mais agradavel ¢ provavelmente mais lida. Como atingir este objetivo Considere a repeticdo como consisténcia; tenho certeza de que voce jé tem essa qualidade. Entao, vé mais além utilizando a consisténcia existente vocé poderia transformar alguns desses elementos consistentes em parte integrante do design grafico consciente, como no exemplo do titulo? Voce costuma usar um fio de 1 ponto na parte inferior das paginas ou sublinhar 08 titulos? O que voce acha da idéia de utilizar um fio de 4 pontos no lugar do de 1 ponto, para que o elemento repetitivo fique mais marcante? Pense sobre a possibilidade de acrescentar elementos apenas para criar uma repeti¢do. Voce tem uma lista numerada de tépicos em seu mate~ rial? O que voce acha de usar uma fonte diferente, ou um ntimero invertido, © depois, repetir esse modelo em cada lista numerada que aparecer na mesma publicacdo? Em primeiro lugar, vocé deve encontrar as repeticoes que jé existem € reforgi-las. Quando voct se acostumar com essa idéia € com a estética, comece a criar repetigies para aperfeigoar 0 design ¢ a clareza das informagies. Repetir é como dar énfase as suas roupas. Se uma mulher usar um maravilhoso vestido preto de noite com um chapéu preto chique, ela enfatizard sua roupa usando sapatos vermelhos, batom vermelho e um buqué vermelho no vestido. © que evitar Evite repetir 0 elemento em demasia, para que ele ndo se torne enfadonho ou excessivo, Esteja consciente do valor do contraste (leia 0 préximo capitulo e a secdo referente ao contraste dos tipos). Por exemplo, se uma mulher usasse um vestido de noite preto com um chapéu vermelho, brincos vermelhos, batom vermelho, sapatos vermelhos € um casaco vermelho, a repeticao nao criaria um contraste unificante € incrivel: seria espalhafatoso € 0 foco ficaria confuso.Contraste O contraste é uma das manciras mais eficazes de acrescentar algum atrativo visual a uma pagina (algo que realmente faca com que uma pessoa queira olhar para ela), criando uma hierarquia organizacional entre diferentes clementos. A *regra’ importante quc deve ser lembrada é a de que para ccontraste ser realmente eficaz. ele deve ser forte. Nao seja timido. Cria-se o contraste quando dois elementos sao diferentes. Se les diferirem ‘um pouco mas ndo muito, ndo aconteceré o contraste ¢ sim um conflito Este € 0 segredo: segundo o principio do contraste, se dols Itens nao forem exatamente os mesmos, diferencie-os completamente. Podemos aleancar 0 contraste de varias maneiras. Uma letra grande pode ser contrastada com uma pequena; uma fonte em estilo antigo com uma fonte em bold sem serifa; um fio fino com um grosso; uma cor fria com uma mais quente; uma textura aspera com uma lisa; um elemento hori~ zontal (por exemplo, uma longa linha de texto) com um elemento verti~ cal (por exemplo, uma coluna estreita de texto); linhas muito espacadas com linhas bem préximas; uma figura pequena com uma figura grande Basta no ser timido © ousar. Nao se pode contrastar um fio de meio ponto com um de I ponto, Nao se pode contrastar o marrom escuro com o preto. Faga direitoBIDESIGN PARA QUEM NAO £ DESIGN Te Se os dois “newsletters” apresentados a seguir aparecessem sobre sua mesa, qual deles vocé leria primeiro? Ambos tém o mesmo layout basico. Ambos sao estéticos e simpaticos. Ambos contém as mesmas informacoes. Na verdade, existe apenas uma diferenca: 0 segundo tem mais contrast. OUTRO NEWSLETTER! 7 eee Titulo Excitante ay, yk ei paltoliecsemctpensorer etn Torara disargamergal ie? ‘is pin colle uy Lots. Gey putty cal ca tere marie Tel era condage he ragemiecd be fu ssmed alesis dees | fief tre Paar or ore fetermurderteeergoe arity Stn nsr Bean ade Subtculo Arrepiante Stings a ae gant foot. “Cul Lt rater mr ratchet ger ut rarer nek ty wo Um Subtftulo Comum Seren sly oe gan Sy rey er oat : ome ipl dri am “nscdealeaemnccttar ruling tne fae ho orn melsses otro. wan mise ssh boo fopeiaienhrhgfermae arto Gyo {oder fry ale ih erate gD e's Outro Titulo Dr meres Excitante ‘ey itr any asl oreo setrmaatnraia toes lama ‘A.Esta opgéio esté boa, mas nada atrai seus colhos para © material. R