resoluÇÃo da imagem o espaçamento dos pixels em uma imagem determina a sua resolução, medida em...
TRANSCRIPT
RESOLUÇÃO DA IMAGEMO espaçamento dos pixels em uma imagem determina a sua resolução, medida em pixels por polegada (pixel per inch - ppi) ou ponto por polegada (dots per inch - dpi).
Pixel
✤ Uma imagem composta por pixels só será reproduzida corretamente em um determinado tamanho.
Vetor
✤ Como vetores são um processo matemático, eles podem ser ampliados infinitamente sem perda de qualidade ou resolução.
Layout
✤ É o arranjo dos elementos do design em relação ao espaço que ocupam. É o posicionamento dos elementos em uma página.
✤ Com um bom layout, podemos navegar por informações bastante complexas tanto na mídia impressa quanto na eletrônica.
Grid
✤ A disposição dos vários elementos no layout é orientada por um grid, que permite o posicionamento rápido e preciso de itens proporcionando maior identidade visual.
Faça seu grid
✤
Fontes
✤ A tipografia pode produzir um efeito neutro ou despertar paixões, simbolizar movimentos artísticos, políticos ou filosóficos ou exprimir a personalidade de uma pessoa ou organização.
✤ Fontes variam desde formas claras e distinguíveis de fácil leitura, adequadas para grandes quantidades de texto, até fontes visualmente mais fortes e atraentes usadas na arte e em anúncios publicitários.
✤ A escolha da fonte é influenciada pelo gosto, estilo e preferências do designer, assim como pelas tendências atuais.
Corpo
✤ É o tamanho vertical de um caractere. Corpos para leitura costumam ter entre 8 pt e 14 pt, e o uso de diferentes corpos no mesmo texto indica uma hierarquia de importância, uma vez que o tamanho influencia o que é lido primeiro.
✤ CAIXA ALTA x caixa baixa
Kerning e Entrelinha
✤ Diz respeito ao espaço entre duas letras. Certas combinações têm muito espaço entre elas, o que pode dificultar a leitura de algumas palavras. Esse excesso é reduzido pelo kerning.
✤ Se o texto for configurado sem entrelinha (sem espaços adicionais), haverá certa quantidade de espaço em branco acima e abaixo do texto para facilitar a leitura. É expressa em pontos.
✤ A entrelinha funciona juntamente com a largura. Isto é, dois textos compostos da mesma forma (mesma entrelinha, fonte e corpo) terão ma aparência diferente se configurados em colunas de larguras diferentes.
Hifenização, justificação e espacejamento entre letras
✤ Se o texto em uma coluna for alinhado à esquerda ou à direita, haverá um espaço fixo entre cada palavra e o lado oposto ficará desalinhado. Um texto justificado tem os dois lados da coluna perfeitamente alinhados.
Respiro e harmonia
✤ Os textos na web geralmente são mais curtos que na mídia impressa, então podemos dar uma atenção especial para eles.
✤ Para sites, é recomendável o alinhamento a um dos lados, ao invés de justificação. O uso de hífens não é aconselhado nesta mídia.
Links de fontes
✤ www.urbanfonts.com
✤ www.1001fonts.com
✤ new.myfonts.com
✤ new.myfonts.com/WhatTheFont
✤ flowingdata.com/2010/01/29/save-pens-use-garamond-font/
Estilos de fonte
Mãos à obra > livro de artista
✤ www.youtube.com/watch?v=uUo4NbPtbPU&fmt=18