Baixe o app para aproveitar ainda mais
Prévia do material em texto
UNIVERSIDADE ESTÁCIO DE SÁ DESIGN GRÁFICO WEBDESIGN Ergonomia, paleta de cores e tipografia SEU NOME AQUI Juiz de Fora Novembro de 2017 1. ERGONOMIA As questões ergonômicas do site foram determinadas levando em consideração a identidade visual planejada para o site, influenciando diretamente na escolha das cores, tipografias, etc. Como a identificação com a marca do cliente encontra-se no espectro do verde, branco e tons de cinza, construímos a página com um visual prioritariamente ver e tons de cinza. Os demais elementos do site como a tipografia e ícones são brancos e tons de cinza mais claros, gerando contraste com o fundo e possibilitando sua leitura. Esse aspecto gera um maior conforto visual à medida que o usuário prolonga sua navegação pela página. Uma vez que o ambiente escuro emite menos brilho pela tela do monitor, diminuindo a fadiga na vista do navegante. O contraste entre os elementos de interação com o fundo melhoram a relação usuário-sistema. Uma vez que estes elementos não se confundem com o ambiente do site, eles ficam evidentes no layout e são facilmente visualizados. Sua disposição/organização também proporciona facilidade para o usuário encontrar e navegar pelos conteúdos. Exploramos recursos para gerar uma resposta aos comandos do navegante quando acessa os itens: mudanças de cor ou estilo tipográfico das fontes ou das caixas que as delimitam demonstram o que foi acessado e onde o usuário se encontra. Resumidamente, podemos falar que a estética minimalista da página proporciona uma navegação simplificada e com boa resposta aos desejos do usuário. Temos conforto visual e boa legibilidade gerada pela escolha correta da paleta de cores e da tipografia. Acreditamos que, com este projeto gráfico, conseguimos comunicar a marca do cliente, sem comprometer as necessidades ergonômicas e estéticas do site. 2. PALETA DE CORES Observando o briefing realizado com o cliente e tendo como base nossa pesquisa visual, definimos duas cores para compor nossa paleta de cores: verde e branco. Temos então os códigos #000000 (preto) e #ffffff (branco). Prioritariamente utilizamos o branco para as fontes e o preto para compor os demais elementos da página. Entretanto, algumas variações dessas cores acompanham a programação do site, quando utilizamos transparências nas caixas, tons de cinza nos ícones e no plano de fundo. A estética monocromática corrobora com a identidade visual planejada de acordo com as escolhas determinadas pelas pesquisas realizadas anteriormente. A prioridade do branco na tipografia e nos ícones/botões responde as necessidades de legibilidade e ergonomia da página. O fundo preto é a base que suporta todo o conteúdo, cria um ambiente agradável, que não se confunde com os elementos principais de comunicação. 3. TIPOGRAFIA Optamos pela fonte Helvetica Inserat LT Std considerando suas características mais relevantes: elegância e simplicidade. As linhas grossas e constantes das letras geram identificação com o conteúdo do site, mantendo o padrão estético desejável à identidade visual da página. Sua aplicação no layout, tanto nos menus quanto nos textos corridos (sempre na cor branca e contrastando com o fundo) é agradável e mantém a legibilidade em todas as situações. Quando ocorrem modificações em seu estilo (variações de tamanho ou alterações para italico na resposta dos menus) a fonte responde bem a essas mudanças. abcdefghijklmnopqrstuvxz ABCDEFGHIJKLMNOPQRSTUVXZ 0123456789 (!@#$%¨&*).
Compartilhar