Design Gráfico Tecnologia Gráfica

Transcrição

1 Design Gráfico Tecnologia Gráfica

2 Os quatro princípios Básicos Proximidade Alinhamento Repetição Contraste

3 Proximidade Se os ítens estiverem relacionados entre si, agrupeos em proximidade. Separe-os, se eles não estiverem diretamente ligados Varie o espaço entre os ítens para indicar a proximidade ou a importância desta ligação

4 Proximidade Design Gráfico:

5 roximidade Design Gráfico:

6 Alinhamento Fique atento quanto a cada elemento Para que a página inteira fique unificada, alinhe cada objeto com uma parte lateral de outro. Se os alinhamentos forem fortes você poderá optar por quebrar ocasionalmente um alinhamento, e esta modificação não parecerá um erro.

7 Alinhamento Design Gráfico:

8 Alinhamento Design Gráfico:

9 Repetição A repetição é uma forma mais marcante de criar consistência em um material. Observe os elementos que você já repete (sinais de tópico, fontes,linhas e cores,etc); Avalie se é apropriado fazer com que um desses elementos fique mais marcante e utilize-os como o elemento repetitivo

10 Repetição Design Gráfico:

11 Contraste Há várias maneiras de criar contrastes : fios ( linhas), fontes, cores, relações espaciais, direções,etc.

12 Contraste Design Gráfico:

13 Categoria de Tipos Estilo Antigo 1.Têm sempre serifas. e as serifas das letras em caixa-baixa, têm sempre um ângulo (o da caneta tinteira,originalmente) (Transição grosso fino) 2. Ênfase em diagonal (diagonal criado entre as partes mais finas)

14 Estilo Antigo Design Gráfico:

15 Categoria de Tipos Moderno 1.Têm sempre serifas. e as serifas das letras em caixa-baixa são horizontais e finas 2.(Transição grosso fino radical, contrastes nos traços) 3.Enfase em vertical Tipos criados com a tipografia industrial, que não são muito indicados para leitura corrida.

16 Moderno Design Gráfico:

17 Tipologia Que fontes devo utilizar? Na vida, quando há mais de um elemento em qualquer coisa, estabelece-se uma relação dinâmica, assim como com os TIPOS Esta relação pode ser: concordante conflitante contrastante

18 Tipologia Concordância Um design estará em concordância quando você optar pela utilização de apenas uma fonte e os outros elementos que compõem a página possuírem as mesmas qualidades daquela fonte. Design concordante tende a ser mais calma e formal.

19 Conflito Um design tem conflito quando se adotam duas ou mais fontes similares no mesmo material, mas que não são efetivamente diferentes ou iguais. Quando se colocam duas fontes parecidas (mas não iguais) juntas, a maior parte das pessoas que olha o material acha que foi um erro

20 Contraste Há seis maneiras claras e diferentes de contrastar a tipologia:tamanho, peso, estrutura, forma, direção e cor. Em geral, o efeito costuma ser reforçado combinando-se e enfatizando-se as diferenças Principal regra : não seja tímido!

21 Contrastes Peso :refere-se à espessura dos traços. Regular Bold semibold,extra bold ou light Não se contrasta pesos similares, deve-se enfatizar os constrastes, que devem ser belos e fortes. É uma excelente ferramenta para organizar, visualmente, as informações, e chamar a atenção para tópicos interessantes

22 Estrutura Refere-se à maneira através da qual ela construída; Algumas são tubulares,sem mudanças de peso nos traços; Outras têm fortes transições nos grossos-finos dos traços; Há as intermediárias. Regra importante: Nunca coloque duas fontes da mesma categoria na mesma página

23 Forma Refere-se ao seu formato. Os caracteres podem ter a mesma estrutura mas suas FORMAS podem ser diferentes. Compare letras maíusculas X minúsculas G g A a B b H h E e Roman X Italic ( manuscrito)

24 Direção Refere-se à sua inclinação Só deve ser usado se puder explicar (convincentemente) em palavras por que um determinado tipo deve estar inclinado, por que ele melhora a estética ou a comunicação do material. Elementos gráficos X a direção do tipo pode criar contrastes interessantes. Criar pensando mais em termos do tipo horizontal X colunas de texto altas e estreitas não em termos de inclinação dos tipos

25 Cor Refere-se ao uso da cor (óbvio); Cores quentes :vêm na frente e comandam a atenção,criando facilmente contrastes, pois nossos olhos são muito atraídos por elas; cores frias: desaparecem gradualmente diante dos olhos Grandes áreas de cores suaves são necessárias,para criarmos um contraste eficaz Cor tipográfica :tipos pretos e os brancos (espaçamentos) tipos Bold X regulares

26 Obrigado Prof. Luis Porto