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