designer . interfaces                 lungasPrincípios básicos de design aplicados a web
O que é design?Perguntar o que é design é o mesmo que perguntar o que éarte. Não é possível definir e nem há interesse em ...
O que é design?O design faz a ligação entre o plano físico e espiritual daspessoas.   Analisando   essa   definição   pela...
Não existe Web Designer.Existe o Designer que faz Web, e esse profissional tem queaprender tudo: Tipografia, Fotografia, S...
Elementos do Design Web:: Elementos de NavegaçãoAjuda o usuário a se mover dentro do site e acessar áreasespecíficas.     ...
Elementos do Design Web:: Elementos de OrientaçãoDiz ao usuário onde ele está dentro do site. elemento de orientação
Elementos do Design Web:: Elementos de InteraçãoProcessa informações e dados incluídos pelo usuário.Exemplo: uma busca, fo...
Elementos do Design Web:: Elementos de ConteúdoToda a informação em forma de texto, imagens, sons, vídeosou animações.    ...
Elementos do Design Web:: Elementos de EmoçãoApelam para o sentimento do usuário, provocando curiosidade ouconvidando a co...
Uso orientado:: Influências- Econômicas- Regionais- Culturais- Faixa Etária- Profissão
BriefingO briefing é um conjunto de informações passadas em umareunião para o desenvolvimento de um trabalho. O briefingde...
Usabilidade"Qual a coisa mais importante que eu devo fazer se quiser meassegurar que meu website seja fácil de usar?"
Usabilidade"nada importante deve estar a mais de dois cliques de distância!"
Usabilidade
Usabilidade
Usabilidade
Usabilidade
Tipologia em Web DesignTipologia significa o estudo sistemático de tipos, os quais podemser divididos em 6 grupos: Estilo ...
Tipologia em Web Design:: Contraste de Tipos - TAMANHO            t e n h a     m u i t o     CUIDADO    FELICIDADE       ...
Tipologia em Web Design:: Contraste de Tipos - ESPAÇO                   SUPERE                             Jaiminho       ...
Tipologia em Web Design:: Contraste de Tipos - PESO Título Subtítulo  Lorem ipsum dolor sit amet, consectetur adipiscing e...
Tipologia em Web Design:: Contraste de Tipos - ESTRUTURAd o c eViDA                      MAXIMIZE                         ...
Tipologia em Web Design:: Contraste de Tipos - FORMA                      lobo                     LOBO           Construa...
Tipologia em Web Design:: Contraste de Tipos - DIREÇÃO
Teoria das cores:: Influência BiológicaBaseado no nosso sistema de percepção, percebemos a corvermelha com muito mais inte...
Teoria das cores:: Influência CulturalNossa percepção da cor está fortemente ligado a influênciasculturais.Mesmo          ...
Teoria das cores:: Influência IndividualTodas as nossas influências e aversões a cores especiais, o quegostamos e não gost...
Teoria das cores:: RGBEssa ação cria linhas compostas de três cores básicas, overmelho, verde e azul,cuja abreviatura em i...
Teoria das cores:: RGBNos programas de edição de imagem, esses valores são habitualmenterepresentados por meio de notação ...
Teoria das cores:: Influência das cores   Cinza: elegância, humildade, respeito, reverência, sutileza;   Vermelho: paixão,...
Teoria das cores:: Influência das cores   Alaranjado: energia, criatividade, equilíbrio, entusiasmo, ludismo;   Branco: pu...
designer . interfaceslungas
web design
web design
web design
web design
Próximos SlideShares
Carregando em…5
×

web design

304 visualizações

Publicada em

Publicada em: Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
304
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
16
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

web design

  1. 1. designer . interfaces lungasPrincípios básicos de design aplicados a web
  2. 2. O que é design?Perguntar o que é design é o mesmo que perguntar o que éarte. Não é possível definir e nem há interesse em fazê-lo,mas fica implícito que o termo design se relaciona não apenascom a criatividade mas também com a tecnologia, com osignificado, com a linguagem. Alexandre Wollner
  3. 3. O que é design?O design faz a ligação entre o plano físico e espiritual daspessoas. Analisando essa definição pela ótica ocidentalpodemos dizer que design é o responsável por satisfazer asnecessidades das pessoas que muitas vezes não são tangíveis. Kenji Ekuan
  4. 4. Não existe Web Designer.Existe o Designer que faz Web, e esse profissional tem queaprender tudo: Tipografia, Fotografia, Semiótica, Gestalt,Matemática, Ótica, Percepção, Comportamento Humano,etc. Senão ele não consegue fazer Web. Alexandre Wollner
  5. 5. Elementos do Design Web:: Elementos de NavegaçãoAjuda o usuário a se mover dentro do site e acessar áreasespecíficas. elemento de navegação
  6. 6. Elementos do Design Web:: Elementos de OrientaçãoDiz ao usuário onde ele está dentro do site. elemento de orientação
  7. 7. Elementos do Design Web:: Elementos de InteraçãoProcessa informações e dados incluídos pelo usuário.Exemplo: uma busca, formulários, enquetes, etc.
  8. 8. Elementos do Design Web:: Elementos de ConteúdoToda a informação em forma de texto, imagens, sons, vídeosou animações. “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non sapien in nibh accumsan pharetra. Pellentesque faucibus. Pellentesque consequat, neque nec pulvinar lobortis, libero nibh sodales turpis, et pharetra quam orci non risus. Donec commodo nisl eu turpis.”
  9. 9. Elementos do Design Web:: Elementos de EmoçãoApelam para o sentimento do usuário, provocando curiosidade ouconvidando a continuar a visitação, destacando alguma seção dosite, produto ou serviço. Esses elementos podem ser imagens,animações, sons ou composições textuais.
  10. 10. Uso orientado:: Influências- Econômicas- Regionais- Culturais- Faixa Etária- Profissão
  11. 11. BriefingO briefing é um conjunto de informações passadas em umareunião para o desenvolvimento de um trabalho. O briefingdeve criar um roteiro de ação para criar a solução que o clienteprocura, é como mapear o problema, e com estas pistas, teridéias para criar soluções
  12. 12. Usabilidade"Qual a coisa mais importante que eu devo fazer se quiser meassegurar que meu website seja fácil de usar?"
  13. 13. Usabilidade"nada importante deve estar a mais de dois cliques de distância!"
  14. 14. Usabilidade
  15. 15. Usabilidade
  16. 16. Usabilidade
  17. 17. Usabilidade
  18. 18. Tipologia em Web DesignTipologia significa o estudo sistemático de tipos, os quais podemser divididos em 6 grupos: Estilo Antigo Sem Serifa Moderna Manuscrito Serifa Grossa Decorativo
  19. 19. Tipologia em Web Design:: Contraste de Tipos - TAMANHO t e n h a m u i t o CUIDADO FELICIDADE n ã o t ê m p r e ç o
  20. 20. Tipologia em Web Design:: Contraste de Tipos - ESPAÇO SUPERE Jaiminho Analista Ta m a n g a n d a p i o - U C
  21. 21. Tipologia em Web Design:: Contraste de Tipos - PESO Título Subtítulo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec massa ut lectus ullamcorper fringilla. Proin vel odio. Donec vulputate libero id mauris. Fusce lacus sapien, malesuada sit amet, ullamcorper a, pretium sed, felis. Sed quam ipsum, molestie eget, pretium vel, sagittis a, ipsum. Maecenas lectus massa, imperdiet porta, semper ac, commodo eget, mauris. Integer a orci eget ante pharetra auctor. Vestibulum facilisis quam sed erat. Donec tristique mauris sit amet ipsum. Praesent suscipit leo id arcu. Aliquam massa dui, tempor ac, faucibus eget, faucibus a, dui. Mauris eget libero ut leo venenatis fringilla. Mauris cursus metus sit amet ligula. Integer ultricies mollis risus.
  22. 22. Tipologia em Web Design:: Contraste de Tipos - ESTRUTURAd o c eViDA MAXIMIZE Suas Opções
  23. 23. Tipologia em Web Design:: Contraste de Tipos - FORMA lobo LOBO Construa que eles virão Co n s t r u a q u e el e s v i rã o
  24. 24. Tipologia em Web Design:: Contraste de Tipos - DIREÇÃO
  25. 25. Teoria das cores:: Influência BiológicaBaseado no nosso sistema de percepção, percebemos a corvermelha com muito mais intensidade, por exemplo, que a corazul. Por isso na natureza encontramos poucos elementosrealmente vermelhos ( a não ser as rosas e algumas flores que defato chamam bastante atenção ).
  26. 26. Teoria das cores:: Influência CulturalNossa percepção da cor está fortemente ligado a influênciasculturais.Mesmo o design corporativo édistinguido freqüentemente por uma cor ou por uma combinaçãoespecífica da c o r, utilizado normalmente comoa identidade própria da empresa, fazendo parte de sua culturavisual.
  27. 27. Teoria das cores:: Influência IndividualTodas as nossas influências e aversões a cores especiais, o quegostamos e não gostamos podem ser levados em conta nessahora. A moda é muito influenciada por nossos gostos. Porexemplo, a cor laranja era bastante popular na década de 70 e foiutilizada por bastante tempo e que no início de 2000 ressurgiu. Odegradê de cores utilizado em sites CSS é um exemplo dainfluência individual, da moda, tendência.
  28. 28. Teoria das cores:: RGBEssa ação cria linhas compostas de três cores básicas, overmelho, verde e azul,cuja abreviatura em inglês é RGB ( Red,Green and Blue ). Essas cores quando misturadas através davariação de luminosidade resultam em 255 níveis de corcada uma, resultando em 255 x 255 x 255 = 16 milhões de cores. 16 milhões de cores. 256 canais 256 canais 256 canais
  29. 29. Teoria das cores:: RGBNos programas de edição de imagem, esses valores são habitualmenterepresentados por meio de notação hexadecimal, indo de 00 (mais escuro) atéFF (mais claro) para o valor de cada uma das cores. Assim, a cor #000000 é opreto, pois não há projeção de nenhuma das três cores; em contrapartida,#FFFFFF representa a cor branca, pois as três cores estarão projetadas em suaintensidade máxima. #000000 #FFFFFF
  30. 30. Teoria das cores:: Influência das cores Cinza: elegância, humildade, respeito, reverência, sutileza; Vermelho: paixão, força, energia, amor, liderança, masculinidade, alegria (China), perigo, fogo, raiva, revolução, “pare”; Azul: harmonia, confidência, conservadorismo, austeridade, monotonia, dependência, tecnologia, liberdade; Verde: natureza, primavera, fertilidade, juventude, desenvolvimento, riqueza, dinheiro (Estados Unidos), boa sorte, ciúmes, ganância, esperança; Amarelo:velocidade, concentração, optimismo, alegria, felicidade, idealismo, riqueza (ouro), fraqueza, dinheiro;
  31. 31. Teoria das cores:: Influência das cores Alaranjado: energia, criatividade, equilíbrio, entusiasmo, ludismo; Branco: pureza, inocência, reverência, paz, simplicidade, esterilidade, rendição; Preto: poder, modernidade, sofisticação, formalidade, morte, medo, anonimato, raiva, mistério, azar; Castanho: sólido, seguro, calmo, natureza, rústico, estabilidade, estagnação, peso, aspereza.
  32. 32. designer . interfaceslungas

×