+ All Categories
Home > Design > Design

Design

Date post: 21-Jan-2015
Category:
Upload: kennedy-ferreira
View: 3,535 times
Download: 2 times
Share this document with a friend
Description:
Apresentação que oborda o processo de criação
Popular Tags:
31
DESIGN desenho, desígnio
Transcript
Page 1: Design

DESIGN

desenho, desígnio

Page 2: Design

Princípios de designI. Proximidade e alinhamento

II. 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

Page 3: 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.

Princípios de design

Page 4: Design

Processo de Criação

Page 5: Design

Definir propósito e público-alvo objetivo da comunicação?

que perfil de usuários se espera no site?

estética+usabilidade

Page 6: Design

Gridarquitetura da informação

Page 7: Design

Gridárea total

Page 8: Design

Griddefinição de proporção

proporção áurea

Page 9: Design
Page 10: Design

utilização da proporção

Page 11: Design

fuga da proporção

Page 12: Design

Gridpadronize as dimensões

Page 13: Design

faça um levantamento dos elementos

Page 14: Design

Corespsicologia das cores

cada cor carrega um sentimento

Page 15: Design

Cores

Page 16: Design

Corescomposição

Page 17: Design

Coresdisco de cores

Page 18: Design

Coresmonocromático

Page 19: Design

Coresanálogo

Page 20: Design

Corescomplementar

Page 21: Design

Coreshttp://kuler.adobe.com

Page 22: Design

Tipografiao 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, entrepeneurship leva.

V O C Ê S A B E S O L E T R A R ?

Page 23: Design

Tipografiaalinhamento

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, hebraicoou árabe): nossos olhos marcam uma margem, lêem alinha 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 corridosporque os olhos do leitor não saberão onde começa a

linha, pois não têm a margem para se apoiar.

Page 24: Design

Tipografiaalinhamento

Alinhar um texto à direita é uma soluçãode contraste bastante radical e costuma chamar

muito a atenção. Em longos textos é tão difícilde 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.

Page 25: Design

Tipografiafontes seguras

Page 26: Design

Tipografiaimpresso - 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.

Page 27: Design

Tipografiafontes 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

Page 28: Design

Tipografiadestaque 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

Page 29: Design
Page 30: Design

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!

Page 31: Design

Obrigado! :)para contatos imediatos de 1°, 2° e 3° grau, se liga no

link:

meadiciona.com/kennedy


Recommended