Principios Basicos da diagramao A diagramao segue trs caractersticas bsicas: 1. Texto e colunas, disposio bsica do contedo; 2. Pesos diferenciados entre ttulos, subttulos e textos; 3. Alinhamentos: centralizao, justificao, direita ou esquerda. O que uma diagramao criativa? aquela que quebra os padres, mnimos que sejam. Um alinhamento diferenciado, uma distribuio assimtrica ou, ainda, uma interao maior entre imagem e texto. Organizao Pense organizadamente, d importncia s coisas. 1. Qual o objeto principal da pea? A imagem? Mas se eu tiver duas? Qual delas a mais importante? 2. E o ttulo? Tem que ficar na direita ou na esquerda da pea? Em cima ou embaixo? 3. Qual a melhor posio para o texto? Assim que essas respostas estiverem claras em sua cabea, a organizao do layout estar praticamente resolvida. Equilbrio e Contraste No importa qual seja a forma do layout, os objetos que esto dispostos precisam ter um grau de importncia, seja ele simtrico ou assimtrico. 1. Alinhe o bloco de texto com algum outro objeto: pode ser a foto, o ttulo ou os dois; 2. Se voc for centralizar o bloco do texto, no centralize apenas ele. Algum outro objeto na pea precisa justificar o porqu do texto estar centralizado; 3. Se voc tiver mais de uma foto no layout e elas estiverem com o mesmo grau de importncia, procure alinhar uma com a outra na horizontal ou vertical. Se possvel, nos dois; 4. No deixe o logotipo perdido na pgina. Alinhe o logotipo com algum outro objeto. Texto ou foto, tanto faz; 5. D importncia s coisas. No raro se ver layouts onde ttulo, foto e texto tm o mesmo peso visual; 6. Cuidado com as cores. A escolha pode interferir no equilbrio da pea. Faa com que ela combine com a imagem principal da pea. Se no tiver a cor predominante na imagem, tente usar a cor do cliente ou do produto. Na dvida, use o branco. NOES BSICAS DE PLANEJAMENTO VISUAL O conjunto de tcnicas, conhecimentos e procedimentos que buscam maior eficcia na transmisso visual de mensagens verbais ou no-verbais atravs dos diversos meios de comunicao seguem quatro princpios bsicos: - Proximidade - Alinhamento - Repetio - Contraste

Proximidade Para onde os olhos se dirigem? Qual o caminho que eles seguem? Onde termina a leitura? Aps a leitura, para onde os olhos vo? O propsito bsico da proximidade o de organizar a leitura da pea deve partir de um incio bem-definido para um final bem-definido. 1. A ocupao ordenada da pgina permite espaos livres para o texto respirar; 2. Itens agrupados e aproximados uns dos outros so vistos como um conjunto coeso e no como um emaranhado de partes sem ligao. O leitor deve ter uma pista visual imediata da organizao e do contedo do layout; 3. Itens relacionados entre si devem ser agrupados. Quando vrios itens esto prximos, torna-se uma unidade visual, e no vrias unidades individualizadas. Isso ajuda a organizar as informaes e reduz a desordem; 4. A proximidade implica em uma relao, os itens se tornam uma unidade visual e no vrias unidades separadas; 5. Expresse as informaes graficamente, agrupando-as. O conceito de proximidade no significa que tudo precise estar prximo; significa que os elementos logicamente conectados, com algum tipo de ligao, tambm devem estar visualmente conectados. O propsito bsico da proximidade o de organizar.O que evitar: 1. Evite muitos elementos separados em uma pgina; 2. No coloque os itens somente nos cantos e no meio da pgina; 3. Evite deixar quantidades iguais de espao em branco entre os elementos; 4. Evite criar qualquer dvida quanto relao dos elementos entre si (ou seja, cada subttulo, legenda, imagem e etc. devem estar junto a seu respectivo par, criando uma relao de proximidade). Alinhamento A unidade um conceito muito importante no design. Para que todos os elementos da pgina tenham uma esttica unificada, conectada e interrelacionada, preciso que haja amarras visuais entre os elementos separados. Um alinhamento marcante cria uma aparncia sofisticada, formal, engraada ou sria. Esteja consciente do posicionamento dos elementos na pgina. 1. Nada deve ser colocado arbitrariamente em uma pgina. Cada item deve ter uma conexo visual com algo na pgina, no se pode jogar as coisas na pgina nos lugares onde houver espao; 2. Quando os itens so alinhados na pgina, h uma unidade coesa, mais forte. Mesmo que os elementos estejam fisicamente separados uns dos outros, se estiverem alinhados, haver uma linha invisvel conectando-os; 3. Alinhamento centralizado d uma aparncia mais formal, mais comum e sem brilho. O alinhamento centralizado o mais usado pelos iniciantes: muito seguro e a sensao de us-lo de conforto; 4. Utilize apenas um tipo de alinhamento de texto por pgina. O texto deve ser todo alinhado esquerda, ou direita, ou centralizado ou justificado. Evite trabalhar com vrios alinhamentos de texto numa mesma pgina;

5. Encontre uma linha e guie-se atravs dela. Pequenos alinhamentos contribuem para que a pgina fique visualmente organizada. Se voc tiver uma foto ou imagem com uma lateral, ou base, bem forte e marcante, utilize-a com a linha guia colocando o texto alinhado por ela. O propsito bsico do alinhamento o de unificar e organizar a pgina. O que evitar: 1. Evite trabalhar com vrios alinhamentos de texto numa mesma pgina; 2. Evite o alinhamento centralizado, a no ser que seu objetivo seja criar uma apresentao formal e pacata. Repetio Quando voc cria ttulos do mesmo tamanho e mesmo peso, quando coloca um fio ao final de cada pgina, quando usa o mesmo sinal de tpico em cada listagem, esses so exemplos de repetio criando uma consistncia. O jornal o maior exemplo de repetio; se a cada pgina no houver elementos comuns pgina anterior, perde-se a noo de unidade. A repetio essencial em documentos de vrias pginas. 1. A repetio ajuda a organizar as informaes. Ela ajuda a guiar o leitor e unificar as partes distintas da diagramao. A repetio dos elementos estabelece uma continuidade sofisticada; 2. Algum aspecto do design deve repetir-se no material inteiro. Pode ser uma fonte em bold, uma linha, um sinal, algum formato especfico, relaes espaciais, etc. Qualquer item que se reconhea de imediato; 3. Transforme elementos em smbolos grficos repetitivos. Aproveite os elementos que voc j estiver utilizando para fazer com que o projeto fique consistente. Padronize os ttulos com tamanho e peso, por exemplo; 4. Se houver um elemento que seja pertinente, trabalhe com ele. Pode ser uma imagem, uma fonte mais desenhada, etc.: acrescente um elemento novo para criar a repetio ou escolha um simples elemento e o utilize de vrias maneiras: diferentes tamanhos, cores, ngulos. s vezes os elementos no precisam ser necessariamente os mesmos, mas que tenham relao entre eles. O propsito bsico da repetio unificar e acrescentar interesse visual. No subestime o interesse visual de uma pgina: se ela for interessante, sua leitura ser mais agradvel. O que evitar: 1. Evite repetir o elemento em demasia, para que ele no se torne enfadonho ou excessivo. 2. Esteja consciente da pertinncia do elemento grfico. 3. No transforme o elemento num item mais importante que o texto. Contraste O contraste uma das maneiras mais eficazes de acrescentar algum atrativo visual a uma pgina, criando uma hierarquia organizacional entre diferentes elementos. O importante que, para que o contraste seja realmente eficaz, ele deve ser forte. 1. Se dois itens no forem exatamente os mesmos, diferencie-os completamente. Cria-se o contraste quando dois elementos so diferentes. Se

eles diferem um pouco mas no muito, no acontecer um contraste mas um conflito; 2. Pode-se alcanar o contraste de vrias maneiras: uma letra grande pode-se contrastar com uma pequena; uma fonte light com uma bold; um fio fino com um grosso, uma cor fria com uma quente, uma textura lisa com uma spera, um elemento horizontal com um vertical; linhas espaadas com linhas juntas, etc; 3. O contraste um ponto crtico na organizao das informaes. O leitor sempre deveria ser capaz de, primeira passada de olhos sobre um material, compreender exatamente o que ele representa; 4. A maneira mais fcil de trabalhar contraste atravs de fontes: corpo da letra, peso e etc. Mas tambm use fios, espaamento, fundos e etc; 5. Use o contraste para criar um ponto focal. Estabelea qual deve ser o item principal, destaque-o com alinhamentos marcantes e aplique proximidade. O propsito bsico do contraste duplo mas seus objetivos so unificados. Da mesma forma que voc usa o contraste para criar um interesse sobre a pgina, dando uma aparncia interessante e atraindo mais a leitura do outro voc auxilia na organizao das informaes, possibilitando uma compreenso instantnea e estabelecendo um fluxo lgico de um item para outro. O que evitar: 1. No seja tmido. 2. Evite contrastar uma linha um pouco espessa com uma linha um pouco mais espessa. 3. Evite contrastar um texto marrom com ttulos pretos. Os quatro princpios bsicos: Proximidade, Alinhamento, Repetio e Contraste trabalham juntos para criar um efeito total. raro aplicar-se apenas um dos princpios na elaborao de um documento.