Baixado 18 vezes
Carregado porprof carlos
Diagramacao ua
O documento discute princípios básicos de diagramação como proximidade, alinhamento e repetição. A proximidade agrupa itens relacionados para melhor organizar informações. O alinhamento cria uma ligação visual entre elementos. A repetição de elementos visuais fortalece a unidade do material.
Diagramacao ua
- 1. DIAGRAM AÇÃO Retirado do livro:Design para quem não é designer. Willians, Robin. 7ª edição, São Paulo : Callis. 1995. DIAGRAMAÇÃO DIAGRAMAÇÃO DIAGRAMAÇÃO DIAGRAMAÇÃO DIAGRAMAÇÃO DIAGRAMAÇÃO Prof. Antonio Carlos Rodrigues Silva
- 2. Diagramação ●Ato ou efeitode criar diagramas ou ordenação e distribuição de elementos gráficos para melhor conduzir o fluxo de leitura, de idéias e de conceitos.
- 3. PROXIMIDADE Itens relacionados entresi, devem ser agrupados. Quando vários ítens estão próximos, tornam-se uma unidade visual e não várias unidades individualizadas. Isso ajuda a organizar informações e reduz a desordem. Princípios Básicos do Design
- 4. ALINHAMENTO Nada deve sercolocado arbitráriamente em uma página. Cada elemento deve ter uma ligação visual com outro elemento da página. Isso cria uma aparência limpa, sofisticada e suave. Princípios Básicos do Design
- 5. REPETIÇÃO Repita os elementosvisuais do design e espalhe- os pelo material. Você pode repetir a cor, forma, a textura e as relações espaciais como a espessura, os tamanhos, etc. Isso ajuda a criar uma organização e fortalece a unidade. Princípios Básicos do Design
- 6. CONTRASTE Objetiva evitar elementosmeramente similares em uma página. Se os elementos (tipo, cor, tamanho, espessura da linha, forma, espaço) não forem os mesmos, diferencie completamente. Princípios Básicos do Design
- 7. Agrupar itens relacionadosentre si, de forma a formar um conjunto coeso e não como um emaranhado de partes sem ligação. Itens ou conjuntos que não estão relacionados entre si, não devem ficar próximos. Isto oferece ao leitor uma pista visual imediata da organização e do conteúdo da página. PROXIMIDADE
- 9. Agrupe as informações graficamente. No iníciode uma criação determine, pela lógica, quais informações devem ser enfatizadas e quais devem ser abrandadas.
- 10. - CD-ROMs CD-ROMs CDs paracrianças CDs educacionais CDs de lazer Discos laser - Educacional Aprendizado inicial Idiomas Ciências Matemática - Material do Professor Livros Material do professor Vídeos - Hardware e Acessórios Cabos Dispositivo de entrada Armazenamento Memória Modems O maior problema desta lista é que tudo está próximo de tudo, dificultando uma relação ou organização. CD ROMs Educacional Material do Professor Hardware & Acessórios CD ROMs CDs para crianças CDs educacionais CDs de lazer Discos laserIdiomas Ciências Matemática Livros Material do professor Vídeos Cabos Dispositivo de entrada Armazenamento Memória Modems Impressoras e acessórios Vídeo e som A mesma lista foi criada através de grupos visuais.. Acrescentando um contraste aos títulos e... a linha divisória dá-se mais legibilidade, o que torna mais fácil uma relação entre o título e seus tópicos
- 12. Dar coesão aoselementos. Mesmo elementos separados fisicamente uns dos outros, se estiverem alinhados, haverá uma linha invisível conectando-os, tanto em relação aos seus olhos quanto a sua mente. Avisar ao leitor que, mesmo não estando próximos, os itens fazem parte do mesmo grupo de elementos. ALINHAMENTO
- 13. Elementos jogados em qualquerlugar. Nenhum dos elementos tem qualquer conexão com outro elemento do cartão. Informações organizadas, além de terem sido agrupadas pelo Princípio da Proximidade
- 15. Capa com formatopadrão, sem brilho. A reação inicial do leitor é negativa. O alinhamento à esquerda confere força à capa, além de aparência mais sofisticada. O nome do autor, mesmo longe do título, está conectado pelo alinhamento. Centralizado no bloco. Bloco descentralizado na página.
- 16.
- 17.
- 18. Para que apágina fique visualmente organizada, encontre uma linha e guie-se através dela. Não centralize o título se o texto for alinhado à esquerda. Como as laterais são mal-definidas, não é possível observar que o título está centralizado. Evite a endentação de parágrafo em colunas pequenas. Prefira um espaçamento maior entre os parágrafos. Se houver ilustrações ou fotos, alinhe pela esquerda ou pela linha base.
- 19. Se seus alinhamentos estiverem bem-delimitados, vocêpoderá interromper conscientemente os alinhamentos e esta interrupção terá uma aparência intencional.
- 20. Dar consistência aomaterial gráfico. Através do uso do uso do princípio da repetição, o material terá uniformidade, ou seja, uma parte será reconhecida como pertencente ao restante do todo. É um esforço consciente para unificar todos os elementos do design. REPETIÇÃO
- 21. Os títulos esubtítulos são elementos repetitivos (TAHOMA BOLD) e mantém a consistência entre eles.
- 22. Repetições: Fonte bold /Fonte light Endentações Espaçamento Alinhamentos Sinais de tópicos quadrados
- 23. Repetições: Um dos elementosda imagem (o triângulo) foi repetido na página, dando unidade ao todo.
- 24. Acrescentar algum atrativovisual à página, criando uma hierarquia organizacional entre diferentes elementos. Cria-se um contraste quando dois elementos são diferentes. Se eles diferirem só um pouco, não acontecerá o contraste, mas um conflito. Se dois elementos não forem exatamente os mesmos, diferencie completamente. CONTRASTE
- 27. Robin Willians Tudo oQue Vai Volta Lições para viajar decarona pelo país
- 28. Robin Willians Você concordacom o fato de que o exemplo deste slide atrai seus olhos muito mais do que o anterior? O trabalho com o contraste neste exemplo foi apenas o de acrescentar a caixa preta. Realce um pouco a letra colocando o subtítulo em itálico, contrastando-o com a letra normal (sem italização) do título e do nome do autor. Tudo o Que Vai Volta Lições para viajar decarona pelo país Neste caso, o responsável é o contraste do preto contra o branco. Há várias maneiras de criar contrastes: linhas, fontes, cores, relações espaciais, direções, etc.
- 29. Tipologia A combinação defontes diferentes visa aperfeiçoar a comunicação, porém, algumas vezes esta combinação pode confundi-la. Tome cuidado ao utilizar vários tipos de fontes, crie sempre um contraste para melhorar o entendimento. Há seis maneiras claras e diferentes de contrastar a tipologia: Não seja TÍMIDOExponha suas idéias! Um contraste de tamanho nem sempre significa que você deva fazer com que o tipo fique grande; significa que deve haver um contraste. Por exemplo: quando você vê uma pequena linha isolada em uma página grande de jornal, fica com vontade de lê-la, certo? Grande parte do que o convida a fazê-lo é o contraste do tipo muito pequeno colocado em uma página grande.
- 30. O peso deuma fonte refere-se à espessura dos traços. A maioria das famílias é desenhada com vários pesos: regular, bold (negrito), light, etc. O contraste dos pesos é uma das melhores maneiras de aumentar a estética visual de uma página sem redesenhar algo, mas você nunca poderá alcançar o contraste belo e forte se não tiver uma fonte com traços grandes e fortes. Arial Arial Medium Arial Black (bold) Outro Newsletter Título nononononononon ononononononono nononononononon ononononononono nononononOnonon ononononononono nononononononon ononononononono nononononono.. Outro Título nononononononon ononononononono nononononononon ononononononono nononononononon ononononOnonono nononononononon ononononononono nononononononon nonononononono nonononononono nonononononono nonononononono nOnononononon ononononononon ononononononon ononononononon onononono.. Subtítulo nonononononono nonononononono nononononomno nonononononono nonononononono nonOnonononon ononononononon ononononononon ononononononon ononononono.. Outro Newsletter Título nononononononon ononononononono nononononononon ononononononono nononononOnonon ononononononono nononononononon ononononononono nononononono.. Título nononononononon ononononononono nononononononon ononononononono nononononononon ononononOnonono nononononononon ononononononono nononononononon nonononononono nonononononono nonononononono nonononononono nOnononononon ononononononon ononononononon ononononononon onononono.. Subtítulo nonononononono nonononononono nononononomno nonononononono nonononononono nonOnonononon ononononononon ononononononon ononononononon ononononono.. Peso
- 31. Serifado Estrutura Serifa s Contraste grosso- fino Sem Serifa Nãohá serifas Não há contraste grosso-fino nos traços Existem ainda as categorias: Moderno, Manuscrito, Decorativo, Estilo Antigo. Ode Ode Ode Ode Ode Ode Ode Ode Ode A estrutura refere-se à maneira através de qual uma letra é construída e, como podemos ver através deste exemplo, a estrutura de cada categoria é bastante distinta. Dica importante: nunca coloque duas fontes de mesma categoria na mesma página. Não há como disfarçar suas similaridades. Além disso, existem tantas opções! Por que dificultar as coisas?
- 32. Direção PARA CIMA! O tipo inclinado paracima cria uma energia positiva. Girar, inclinar, inverter, etc, as vezes podem ser uma boa maneira de enfatizar e contrastar uma parte de seu texto. Título longo nas duas colunas Nononononono nonononononono nonononononono nonononononono nonononononono nonononononono nonononononono nonononononono nonononononono nonono. Subtítulo nononononon ononononononon onononoonnonon onononononono. newsletter Nonononononono nonononononono nonononononono nonononononono nonononononono nonononono. Nonononono nonononononono nonononononono nonononononono nonononononono nonononononono nonononono.. Segundo Título interessante Ás vezes um redirecionamento marcante do tipo cria um impacto dramático ou um formato único, o que justifica plenamente seu uso.
- 33. B O MDIA ....