Crítica Web Design # 27: Artes das Idéias
Toda semana, damos uma olhada em um novo site e analisamos o design. Vamos apontar as áreas que foram bem executadas, além daquelas que poderiam usar algum trabalho. Por fim, finalizamos solicitando que você forneça seus próprios comentários.
O site de hoje é Idea Arts.
Explorar recursos de design
Se você deseja enviar seu site para ser apresentado em uma futura Crítica de design, leva apenas alguns minutos. Cobramos US $ 24 pela crítica do seu design - consideravelmente menos do que você pagaria por um consultor para dar uma olhada no seu site! Você pode encontrar mais aqui.
Sobre a Idea Arts
A Idea Arts é o portfólio pessoal de Goran Ilic, um designer gráfico com uma paixão vitalícia por tecnologia. Seu site mostra seu trabalho recente e os serviços oferecidos por sua empresa.
Aqui está uma captura de tela da página inicial:
Primeira impressão
A Idea Arts é, em grande parte, um site atraente. Há algumas boas idéias em ação aqui que colocam o design em um começo realmente forte. O conteúdo é dividido em seções claramente definidas e segue uma progressão lógica. Existem também alguns elementos gráficos atraentes que chamam a atenção do usuário.
No entanto, há muitas oportunidades de aprimoramento. O design é sólido o suficiente para que eu não recomendo recomeçar, mas vários aspectos podem exigir um pouco mais de atenção para torná-los iguais. Abaixo, vamos dar uma olhada em alguns deles.
Tipografia
O maior problema que vejo neste site é a tipografia. Para iniciantes, somente na página inicial, vemos cerca de dez variações diferentes de tamanho, largura, estilo, etc. Isso é quase sempre uma característica negativa. É uma boa regra geral manter os caracteres tipográficos em torno de duas a três variações por design.
Decida sobre os tipos de letra que você pode usar nos cabeçalhos, subtítulos e cópia do corpo. Em seguida, torne-as consistentes em todo o design, em vez de tratar cada seção como uma área independente que pode ter características próprias.
Além disso, dedique algum tempo construindo o tipo para parecer atraente. Isso envolve opções de planejamento cuidadoso, como altura da linha, cor e até as quebras de linha. Tudo isso é bastante difícil no exemplo abaixo.
Para iniciantes, o azul claro não está contrastando bem com o fundo. Isso pode ser facilmente corrigido escurecendo a cor até que ela realmente se separe da cor clara por trás dela. Além disso, a cópia menor poderia usar um pouco mais de espaço para respirar. A altura da linha é simplesmente muito baixa e dificulta a leitura, aumenta um pouco aqui e a legibilidade aumentará bastante.
No entanto, tenha cuidado, pois em outras áreas do site a altura da linha parece estranhamente alta. Recomendo a utilização de uma ferramenta on-line gratuita, como Typograph - Scale & Rhythm (mostrado abaixo) para ajudar no fluxo de seus parágrafos.
Por fim, observe as quebras de linha. Curiosamente, não apenas é necessário observar pausas estranhas no texto, mas você deve prestar atenção à forma do parágrafo. A imagem acima parece um pouco estranha e pode ser facilmente re-transmitida para algo como a versão abaixo.
Espaço em branco
Outra área do design que poderia usar alguns ajustes é o uso de espaço em branco. Como na tipografia, isso pode ser complicado e é amplamente subjetivo. No entanto, existem alguns princípios básicos que podem guiá-lo ao longo do caminho.
Por exemplo, sempre que você tiver uma coleção distribuída de itens, vertical ou horizontal, tente primeiro agrupar os objetos visualmente e depois espaçá-los uniformemente. Por exemplo, no exemplo abaixo, a versão original possui espaçamento díspar entre os ícones e o texto e os itens que devem ser distintos estão se entrelaçando um pouco. Com um pouco de ajuste, criamos uma declaração gráfica muito mais clara.
A diferença é sutil, mas muito importante. Observe como é fácil dizer qual linha de texto combina com qual ícone. Existem algumas outras áreas em todo o design que poderiam usar uma dose semelhante de análise espacial. Por exemplo, o texto abaixo quase bate no final do seu dispositivo de contenção. Sempre dê muito espaço para elementos como este.
Como vimos nas edições anteriores, isso ocorre nos dois sentidos. O logotipo, por exemplo, parece ter muito espaço em branco embutido no espaço entre as palavras.
Tweak, Tweak, Tweak
A moral da história aqui é que, mesmo que você decida que criou uma página bonita, o diabo está nos detalhes. Nunca se apresse com as pequenas coisas, como tipografia e espaçamento. Na verdade, você pode ter que gastar mais tempo acertando isso do que elaborando seu conceito visual inicial!
Definitivamente, vale a pena investir tempo para finalizar seu site corretamente. Consistentemente entrar nesse hábito fará com que seus projetos se sintam muito mais refinados e lhes dê maior resistência ao escrutínio.
Sua vez!
Agora que você leu meus comentários, participe e ajude, dando ao designer mais alguns conselhos. Deixe-nos saber o que você acha que é ótimo no design e o que você acha que poderia ser mais forte. Como sempre, solicitamos que você também respeite o designer do site e ofereça conselhos construtivos claros e desprovidos de insultos severos.
