Usabilidoido: Menu Principal

English Website


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 ]


Dicas

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

Autor

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

Palavras-chave

gráfico    aparência    visual    tipografia    alinhamento    cor    

Opções



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!




Comente.






(aguarde que é demorado mesmo...)


Você merece.

Assine nosso conteúdo e receba novidades sem sair de casa!

Atualizado com o Movable Type.

Alguns direitos reservados por Frederick van Amstel.

Apresentação do autor | Consultoria | Portifólio | Política de Privacidade | Contato