Todos nós sabemos intuitivamente o que faz um site parecer ruim: efeitos de chanfro em demasia, clip-arts espalhafatosos, layouts superlotados. Esses aborrecimentos são facilmente corrigidos pelo desenvolvimento com os fundamentos do design em mente - os mesmos princípios usados por designers profissionais e artistas.
Grandes sites reúnem forma e função. De fato, sites bem projetados são vistos como mais confiáveis, de acordo com Estudo de Stanford e são realmente mais fáceis de usar (como estudado pelo pesquisador Don Norman ). Então, aqui estão cinco fundamentos para ajudá-lo a manter o design de qualidade na vanguarda de sua prática.
Na escola de design, eles lhe darão uma lista de princípios a seguir que atribuem regras à beleza - elementos como layout, ordem e simetria. Mas à medida que você avança, é dito a você para quebrar um pouco as regras para criar lugares para os olhos do espectador olharem, empregando elementos como variedade, tensão ou contraste.
Aqui está um exemplo de uma página Eu fiz no Edge Reflow CC. Você consegue identificar os diferentes elementos de design que estão sendo usados e depois tocados?
Existem alguns ícones universais que as pessoas são treinadas para responder. A lupa (pesquisa), a casa (home page) e o disquete (salvar) já estão arraigados em seus usuários. Tire vantagem disso atalhos visuais ; todos esses sinais de trânsito devem ser imediatamente reconhecidos por você.
A cor faz toda a diferença, especialmente quando nossas telas ficam melhores em nossos telefones e tablets. É uma faceta do design que pode ser uma parte fundamental da história que seu site quer contar. Basta usar cores para dar suporte ao conteúdo e não decorar uma página. E, muitas vezes, se você estiver usando uma foto, as cores do desenho devem ser amostradas a partir das fotos usadas para que seu design tenha uma agradável sensação unificada.
Eu gosto muito de puxar exemplos de cores com amostras de cores - e Adobe Kuler O aplicativo da Web é uma ótima maneira de reproduzir diferentes temas e, em seguida, importá-los para suas ferramentas de design. Uma das melhores regras é usar cores complementares. Que é basicamente usando cores quentes e cores frias juntos para proporcionar equilíbrio.
Existem literalmente milhares de fontes para escolher.
Cabe a você misturar e combinar - mas lembre-se de que é prática recomendada usar somente até três fontes de cada vez - uma boa fonte de título, uma para o corpo principal do texto, e outra para qualquer tipo de chamada que você possa necessidade. Muitas vezes, isso significa usar uma cópia sans-serif para o corpo, e para manchetes você pode ficar mais interessante com serif ou sans-serif.
Tudo bem, você tem seus elementos básicos de design, com belos ícones e imagens, com um esquema de cores sonoras e fontes divertidas. Qual é o próximo?
Obtendo ajuda de outras pessoas, claro! E não apenas pessoas aleatórias nas ruas, mas críticas construtivas de pessoas que realmente conhecem suas coisas, como outros designers / desenvolvedores. Isso pode ser fundamental para ir de um site da OK para um que realmente aparece. Se você nunca usou o Behance para postar um trabalho em progresso, recomendo experimentá-lo. A comunidade ativa fará mais do que apenas dizer “para tornar o logotipo maior” - mas dar conselhos que podem fazer a diferença entre um bom website e um ótimo.
Para saber mais sobre como aplicar elementos de design ao desenvolvimento da Web, confira minha apresentação no SXSW: