Design

DESIGN
desenho, desígnio

Princípios de design
Proximidade e alinhamento
Equilíbrio, proporção e simetria
III. Contraste, cores e brancos
IV. Ordem, consistência e repetição
V. Simplificação
VI. Legibilidade
VII.Integração

Princípios de design
legibilidade
She sells shells by the sea shore.
So if she sells shells on the sea shore,
I'm sure she sells seashore shells.

Processo de Criação

Definir propósito e público-alvo
objetivo da comunicação?
que perfil de usuários se espera no site?
estética+usabilidade

Grid
arquitetura da informação

Grid
área total

Grid
definição de proporção
proporção áurea

utilização da proporção

fuga da proporção

Grid
padronize as dimensões

faça um levantamento dos elementos

Cores
psicologia das cores
cada cor carrega um sentimento

Cores
composição

Cores
disco de cores

Cores
monocromático

Cores
análogo

Cores
complementar

Cores
http://kuler.adobe.com

Tipografia
o texto fala
“todos os bancários disseram que iriam entrar em greve se não fossem atendidos”
Um texto COM TODAS AS LETRAS EM MAIÚSCULAS é lido muito lentamente e só deve ser usado em situações de muita ênfase. Na web, é o equivalente de um grito.
OLHA PRA MIM!
Marketing não leva itálico, entrepeneurshipleva.
V O C Ê S A B E S O L E T R A R ?

Tipografia
alinhamento
Um texto pode estar alinhado à esquerda,
que é a forma mais fácil de se ler (a não ser, óbvio,
que você esteja escrevendo em chinês, japonês, hebraico
ou árabe): nossos olhos marcam uma margem, lêem a
linha inteira de texto e pulam até a linha de baixo.
Textos centralizados costumam ser estáticos.
Podem ser usados como títulos de produtos clássicos
ou tradicionais. Não se deve usá-los para textos corridos
porque os olhos do leitor não saberão onde começa a
linha, pois não têm a margem para se apoiar.

Tipografia
alinhamento
Alinhar um texto à direita é uma solução
de contraste bastante radical e costuma chamar
muito a atenção. Em longos textos é tão difícil
de ler quanto o layout centralizado, pois não
há referência de onde começa a linha.
Quando cometemos um erro e escrevemos explicando o porquê, estamos fazendo uma justificativa.Isso é um texto justificado. Aqueles textos alinhadinhos nas duas margens são chamados blocados (justificado é tradução ruim do inglês justified, “ajustado”) e muito usados em layouts clássicos. Não devem ser utilizados em colunas estreitas, pois podem criar “rios” de espaços em branco entre as palavras, dificultando a leitura.

Tipografia
fontes seguras

Tipografia
impresso - o leitor irá seguir o fluxo de informação do início ao fim da esquerda para direita.
online - o usuário antes da leitura passa por toda página a procura por algo no conteúdo que lhe interesse.

Tipografia
fontes de legíveis
escreva títulos que possam resumir o que o usuário irá encontrar no texto.
sempre que possível utilize uma curta introdução.
utilize parágrafos pequenos, pois podem ser lidos mais rapidamente.
tratamento de links

Tipografia
destaque as palavras-chaves
sempre que possível organize seu conteúdo em listas, gráficos ou tabelas.
eles facilitam a compreensão e conseguem reunir uma grande quantidade de informação.
utilize imagens para conquistar o usuário

Agora é mão na massa!
o mundo é completamente novo e é bom se preparar para ele. pois o único jeito de prever o futuro é criá-lo!

Obrigado! :)
para contatos imediatos de 1°, 2° e 3° grau, se liga no link:
meadiciona.com/kennedy

http://www.geracaobeta.com	143
http://www.slideshare.net	11
http://feeds.feedburner.com	1
http://webcache.googleusercontent.com	1

Design

by Kennedy Ferreira on Sep 24, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 156

Statistics

Design — Presentation Transcript