Sistemas de grelha — Design, 11–13 anos
Uma grelha é um conjunto invisível de linhas que ajuda a alinhar as partes de uma página ou de um ecrã.
Uma estrutura invisível
Uma grelha divide uma página ou um ecrã em colunas, linhas ou margens úteis. O texto, as imagens e os botões podem alinhar-se com estas guias, mesmo que elas não sejam impressas. A grelha não faz com que todos os designs pareçam iguais; dá às partes uma estrutura comum para que o conjunto seja mais fácil de acompanhar.
Porquê usar uma grelha?
Sem uma estrutura comum, cada elemento pode ficar a uma altura ou distância da margem ligeiramente diferente. O resultado pode parecer desorganizado, e os leitores gastam esforço a perceber como as partes se relacionam. As grelhas foram desenvolvidas para organizar a informação de forma consistente, sobretudo em várias páginas ou ecrãs feitos por pessoas diferentes.
Exemplo: um cartão de receita
Faz um cartão de receita com 20 centímetros de largura. Define uma margem de 2 centímetros de cada lado, ficando com 16 centímetros no interior. Divide esse espaço em duas colunas de 7 centímetros, com um intervalo de 2 centímetros: ingredientes à esquerda e passos à direita. Os títulos alinhados tornam o cartão rápido de consultar.
A armadilha da grelha rígida
Um erro comum é forçar todos os objectos a encaixarem em todas as linhas da grelha. Parece seguro, porque o alinhamento cria ordem e uma regra parece mais fácil de seguir sem excepções. Mas uma grelha é uma guia, não uma prisão. Um título pode precisar de espaço extra e uma imagem pode atravessar uma linha para tornar a mensagem mais clara.
Grelhas no design quotidiano
Os jornais, as páginas de banda desenhada, os sítios da Internet, os mapas e as montras usam frequentemente grelhas. Um sítio pode manter o logótipo, o menu e o texto alinhados quando o tamanho do ecrã muda. Um mapa usa linhas e colunas repetidas para ajudar a localizar lugares. A grelha costuma estar escondida, mas nota-se a sua falta quando tudo parece desalinhado.
Continua a explorar
Outras línguas
A carregar o MyLeoNes™…