Web Designer - O Arquiteto da Informação
-
Upload
gustavo-zimmermann -
Category
Design
-
view
1.345 -
download
0
description
Transcript of Web Designer - O Arquiteto da Informação
![Page 1: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/1.jpg)
Web Designer O Arquiteto da Informação Digital
by Gustavo Zimmermann
![Page 2: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/2.jpg)
Quem???
![Page 3: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/3.jpg)
O que VEREMOS?
1. Design: conceito
2. Gerações na Internet
3. Web Gerações
4. Informação
5. Web Design
6. Como estragar um site
7. Posso ser um Web Designer? O que preciso saber?
8. Tendências
9. Finalização
![Page 4: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/4.jpg)
O que é Web Design?
?
![Page 5: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/5.jpg)
O QUE NÓS FAZEMOS?
Pergunte ao colega do lado
![Page 6: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/6.jpg)
??? Responda
![Page 7: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/7.jpg)
“Design é o resultado da produção humana pensada e analisada de
maneira eficiente”
Fernando Rosseto
1
![Page 8: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/8.jpg)
“Design é transformar necessidades reais do ser humano em soluções de
fácil entendimento.”
Fernando Rosseto
2
![Page 9: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/9.jpg)
O que é Web Design?
?
![Page 10: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/10.jpg)
Calma, calma, não criemos pânico!
![Page 11: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/11.jpg)
Tim Bernes-Lee •Criador da WWW
•Inventor do HTML
1º site da Web http://bit.ly/z1N8L
![Page 12: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/12.jpg)
2012 634 milhões de sites
2009 175 milhões de sites
1982 315 sites na Internet
1975 100 sites na Arpanet
*Vídeo: A História da Internet: http://youtu.be/yyY_392Tn7Q
![Page 13: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/13.jpg)
informação GERAÇÕES
Tradicionais até 1945
![Page 14: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/14.jpg)
informação GERAÇÕES
Baby-Boomers 1946 a 1964
![Page 15: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/15.jpg)
informação GERAÇÕES
Geração X 1965 a 1977
![Page 16: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/16.jpg)
informação GERAÇÕES
Geração Y 1978 a 1990
![Page 17: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/17.jpg)
informação GERAÇÕES
Geração z 1991 a ???
![Page 18: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/18.jpg)
informação GERAÇÕES 2012
634 milhões de sites
2009 175 milhões de sites
1982 315 sites na Internet
1975 100 sites na Arpanet
![Page 19: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/19.jpg)
53% dos internautas ativos
são homens;
Brasil INDICADORES
IBOPE/Nielsen http://bit.ly/1806PHu
![Page 20: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/20.jpg)
47% dos internautas ativos são mulheres;
Brasil INDICADORES
IBOPE/Nielsen http://bit.ly/1806PHu
![Page 21: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/21.jpg)
51,1%
Brasil INDICADORES
25 49 anos
IBOPE/Nielsen http://bit.ly/1806PHu
![Page 22: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/22.jpg)
22,1%
Brasil INDICADORES
12 24 anos
IBOPE/Nielsen http://bit.ly/1806PHu
![Page 23: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/23.jpg)
Viagens ANTIGAMENTE
![Page 24: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/24.jpg)
Música ANTIGAMENTE
![Page 25: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/25.jpg)
Celular ANTIGAMENTE
![Page 26: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/26.jpg)
Hoje cabe NO BOLSO
![Page 27: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/27.jpg)
LOUCOS POR INFORMAÇÃO
![Page 28: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/28.jpg)
Web++ A EVOLUÇÃO DA INTERNET
![Page 29: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/29.jpg)
Web 1.0 apresentação informação divulgação + =
![Page 30: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/30.jpg)
Web 2.0 interação intuição feedback colaboração + = +
![Page 31: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/31.jpg)
Web 3.0 analisar compreender feedback
web semântica
+ =
+
![Page 32: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/32.jpg)
O que é Web Design?
?
![Page 33: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/33.jpg)
“Design é transformar necessidades reais do ser humano em soluções de
fácil entendimento.”
Fernando Rosseto
![Page 34: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/34.jpg)
INFORMAÇÃO
![Page 35: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/35.jpg)
A preocupação fundamental do web designer é
agregar os conceitos de usabilidade com o
planejamento da pessoa em destaque através de
interface, garantindo que o usuário final atinja seus
objetivos de forma agradável e intuitiva. ”
“
![Page 36: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/36.jpg)
EU POSSO
SER UM Web Designer?
![Page 37: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/37.jpg)
VOCÊ AMA O
?
![Page 38: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/38.jpg)
VOCÊ TEM
?
![Page 39: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/39.jpg)
VOCÊ ACHA
atraentes?
![Page 40: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/40.jpg)
ESTÁ DISPOSTO A
?
![Page 41: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/41.jpg)
VOCÊ TEM UM
?
![Page 42: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/42.jpg)
BLZA! Agora vamos
entender algumas coisas...
![Page 43: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/43.jpg)
![Page 44: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/44.jpg)
vs. Design Gráfico
![Page 45: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/45.jpg)
DICAS DE COMO estragar
UM SITE:
10
![Page 46: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/46.jpg)
Use IMAGENS AO INVÉS
de CSS
1
![Page 47: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/47.jpg)
Esconda SEU E-MAIL
2
![Page 48: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/48.jpg)
2
![Page 49: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/49.jpg)
PLAGEIE 3
![Page 50: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/50.jpg)
Não CANTE
4
![Page 51: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/51.jpg)
Misture ANUNCIOS
5
![Page 52: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/52.jpg)
Use INTRODUÇÃO
6
![Page 53: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/53.jpg)
Tenha MÚSICA TOCANDO no site
7
![Page 54: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/54.jpg)
Reinvente A NAVEGAÇÃO 8
![Page 55: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/55.jpg)
USE muitos POP-UPs
9
![Page 56: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/56.jpg)
Use HOSPEDAGEM gratuita
10
![Page 57: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/57.jpg)
![Page 58: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/58.jpg)
O QUE PRECISO Saber?
![Page 59: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/59.jpg)
O QUE PRECISO Saber? • UX Design
• Layout
• Web standards
• Design Responsivo
• Cross-browser
• DHTML
![Page 60: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/60.jpg)
O QUE PRECISO Saber?
User Interface
![Page 61: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/61.jpg)
O QUE PRECISO Saber?
UX Design
• Freedback
• Implementação
• Interface proativa
• Intuição
• Eficiência
![Page 62: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/62.jpg)
O QUE PRECISO Saber?
UX Design
RUSS UNGER
“Design de experiência do usuário é a
criação e sincronização dos elementos
que afetam a experiência dos usuários
com um produto. Com isso é possível
influenciar suas percepções e
comportamentos.”
![Page 63: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/63.jpg)
O QUE PRECISO Saber?
UX Design
Dan Staffer http://bit.ly/14sx5FA
![Page 64: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/64.jpg)
O QUE PRECISO Saber?
Layout
![Page 65: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/65.jpg)
O QUE PRECISO Saber?
Web standards
![Page 66: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/66.jpg)
O QUE PRECISO Saber?
Design Responsivo
2010
![Page 67: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/67.jpg)
O QUE PRECISO Saber?
Cross-browser
*Vídeo: Guerra dos Navegadores: http://youtu.be/DeEafmwRk6A
![Page 68: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/68.jpg)
no mundo NAVEGADORES set/2013
40,8%
28,56%
18,36%
8,52%
1,16%
Dados da StatCounter: http://bit.ly/1co0Vn0
![Page 69: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/69.jpg)
no Brasil NAVEGADORES set/2013
64,45%
16,8%
13,95%
2,15%
0,6%
Dados da StatCounter: http://bit.ly/1aDzl1w
![Page 70: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/70.jpg)
O QUE PRECISO Saber?
DHTML
![Page 71: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/71.jpg)
01. Skeuomorphism
Tendências no momento
![Page 72: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/72.jpg)
Tendências no momento 02. Flat Design (Design Plano)
![Page 73: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/73.jpg)
Tendências no momento Skeuomorphism Flat Design vs.
![Page 74: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/74.jpg)
03. Uso de cores e ícones simples
![Page 75: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/75.jpg)
04. Tudo grande e muito espaço em branco
![Page 76: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/76.jpg)
05. Layout dinâmico em grade
![Page 77: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/77.jpg)
06. Grandes fotos como fundo
![Page 78: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/78.jpg)
07. Desenhar com Fontes
![Page 79: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/79.jpg)
2014 tendências
Flat Design
![Page 80: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/80.jpg)
2014 tendências
Tipografias estilizadas
![Page 81: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/81.jpg)
2014 tendências
Sites Aplicativos
![Page 82: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/82.jpg)
2014 tendências
Design Responsivo
![Page 83: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/83.jpg)
2014 tendências
Low Poly
![Page 84: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/84.jpg)
TODO O super-herói
TEM INIMIGOS
![Page 85: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/85.jpg)
![Page 86: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/86.jpg)
UMA LUTA LENDÁRIA
![Page 87: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/87.jpg)
O SOBRINHO
![Page 88: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/88.jpg)
Finalizando • alinhamento • imagem • cor • tipografia
![Page 89: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/89.jpg)
• alinhamento
![Page 90: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/90.jpg)
• imagem
![Page 91: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/91.jpg)
• cor
![Page 92: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/92.jpg)
• tipografia
![Page 93: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/93.jpg)
Referências imagens e conhecimentos
1. Blue Bus: http://www.bluebus.com.br/
2. Choco la Design: http://chocoladesign.com/
3. Des1gn’ON: http://www.des1gnon.com/
4. Design.blog: http://design.blog.br/
5. Wix Blog: http://pt.wix.com/blog/
![Page 94: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/94.jpg)
1. Behance (portfolio online): http://www.behance.net/
2. Carbonmade (portfolio online): http://carbonmade.com/
3. Codepen (DHTML online): http://codepen.io/pen/
4. Codrops (frameworks jQuery): http://tympanus.net/codrops/
5. Cross Browser Testing : http://crossbrowsertesting.com/
Ferramentas vale a pena conferir :)
![Page 95: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/95.jpg)
1. Creattica: http://creattica.com/
2. CSSelite.com: http://www.csselite.com/
3. CSS Mania: http://cssmania.com/
4. HTML5 Gallery: http://html5gallery.com/
5. Onextrapixel: http://www.onextrapixel.com/
6. Smashing Magazine: http://www.smashingmagazine.com/
7. Template Monster: http://www.templatemonster.com/
8. The CSS Awards: http://www.thecssawards.com/
9. ThemeForest: http://themeforest.net/
10. The FWA: http://thefwa.com/
Inspirações vale a pena conferir :)
![Page 96: Web Designer - O Arquiteto da Informação](https://reader033.fdocuments.net/reader033/viewer/2022051314/558afff2d8b42a81338b45d5/html5/thumbnails/96.jpg)
</fim> Gustavo Zimmermann
site: gust4vo.com