Usabilidoido: Menu Principal

English Website


Elementos de design gráfico para websites

Perfil no LinkedIn
Perfil no Youtube
Perfil no Twitter
Perfil no Instagram
Perfil no Spotify
Elementos de design gráfico para websites

Se na sociedade atual a visão é considerada o sentido mais importante, a aparência de um website conta muito. Além de exibir com graça informações, ela deve ser bonita e agradável. Há séculos artistas, psicólogos, filósofos e designers estudaram quais recursos estão disponíveis para atingir esse objetivo e como utilizá-los. Esse módulo do curso Direção de Arte e Usabilidade contempla os seguintes assuntos:

  • Tipografia
    • Legibilidade
    • Serifa X sem-serifa
    • Flexibilidade de tamanho
    • Fontes comuns
      • Arial / Helvetica
      • Courier New
      • Comic Sans
      • Garamond
      • Georgia
      • Trebuchet MS
      • Times New Roman
      • Verdana
    • Combinando fontes
    • Exercício combinando fontes
  • Cor
    • Luz refletida X luz emitida
      • CMYK X RGB
      • Sobreposição de cores por contraste elevado
      • Excesso de luminosidade
      • Persistência da imagem
    • Psicodinâmica das cores
      • Significado depende do contexto
      • A percepção das cores é cultural
      • Animação: Maria Claudia Cortes
    • Contraste entre cores depende do contexto
    • Exemplo: Laboratório de Dale Purves
    • Que cores usar?
      • Logomarca
      • Identidade visual da empresa
      • Concorrência
      • Natureza
    • Escolhendo a paleta
    • Exemplo: escolhedor de cores wellstyled colorscheme
    • Cores da natureza
  • Alinhamento
    • A importância do alinhamento (busca pelo equilíbrio)
    • Moldura
    • Grid
    • Colunas
    • Largura da coluna de texto
  • O caminho dos olhos
    • Prioridade na atenção
      1. Movimento
      2. Imagem
      3. Cor
      4. Controles padrão do browser (botões de formulário, barras de rolagem, caixas de entrada e etc)
      5. Texto
    • Não coloque obstáculos
    • O que faz parar o olho?
    • Vídeo: Eyetrack III

Slides

[ Tamanho maior ]


Autor

Frederick van Amstel - Quem? / Contato - 09/11/2005

Redes

Siga-me no Twitter, Facebook, LinkedIn ou Instagram.

Citação

VAN AMSTEL, Frederick M.C. Elementos de design gráfico para websites. Blog Usabilidoido, 2005. Acessado em . Disponível em: http://www.usabilidoido.com.br/elementos_de_design_grafico_para_websites.html

Relacionados



Comentários

Discussão
Bartus
22/11/05 às 08:10

Cara.. eu já tinha lido sobre grande parte desses assuntos abordados, mas vc conseguiu compilar tudo muito bem. Parabéns


Discussão
juliano theiss
22/11/05 às 09:27

OPa, essas apresentações em flash que você faz são realmente demais hein.
Parabéns pelo ótimo trabalho.


Discussão
Rafael Slonik
24/11/05 às 19:13

Olha, essas apresentações são realmente muito interessantes!


Discussão
Luís Carlos
20/02/07 às 10:01

Simplesmente espetacular!
Um excepcional direcionador para um iniciante em webdesign e ainda, surpreendente pra quem já possui experiência no campo.
Ah! O design do website também é show!
Parabéns!


Discussão
Thiago Sousa
28/11/07 às 14:39

cara... muito bom mesmo! obrigado pela disposição em produzir um material tão legal! a gente que trabalha com isso sabe que nosso tempo é caro, e escasso!
parabéns!


Discussão
Salety Baracho
01/07/08 às 21:40

Fantástico!
Aumenta mais ainda a minha vontade de trabalhar nesse ramo quando me deparo com materiais maravilhosos assim.
É surpriendente o modo como abrange os assuntos mais complexos de uma forma muito simples e de fácil entendimento.
Parabéns!






Você merece.

Assine nosso conteúdo e receba as novidades!

Atualizado com o Movable Type.

Alguns direitos reservados por Frederick van Amstel.

Apresentação do autor | Website internacional | Política de Privacidade | Contato