Transferir como PDF, PPTX
Carregado porGustavo Zimmermann
Web Designer - O Arquiteto da Informação
O documento discute o papel do designer de web, incluindo as habilidades necessárias e as tendências atuais na área. Resume as principais gerações da internet e como o design de web evoluiu ao longo do tempo para se adaptar às novas tecnologias e comportamentos dos usuários. Também fornece dicas sobre como projetar sites de forma responsiva e para múltiplos navegadores.
Mais conteúdo relacionado
![Mobile: web & aplicativos [dicas práticas]](https://cdn.slidesharecdn.com/ss_thumbnails/webmobile-110527064811-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Semelhante a Web Designer - O Arquiteto da Informação
Web Designer - O Arquiteto da Informação
- 1. Web Designer O Arquitetoda Informação Digital by Gustavo Zimmermann
- 2.
- 3. O que VEREMOS? 1. Design: conceito 2. Geraçõesna 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
- 4. ? O que éWeb Design?
- 5. O QUE NÓS FAZEMOS? Pergunteao colega do lado
- 6.
- 7. 1 “Design é oresultado da produção humana pensada e analisada de maneira eficiente” Fernando Rosseto
- 8. 2 “Design é transformarnecessidades reais do ser humano em soluções de fácil entendimento.” Fernando Rosseto
- 9. ? O que éWeb Design?
- 10. Calma, calma, não criemospânico!
- 11. Tim Bernes-Lee •Criador da WWW •Inventordo HTML 1º site da Web http://bit.ly/z1N8L
- 12. 2012 634 milhões desites 2009 175 milhões de sites 1982 315 sites na Internet *Vídeo: A História da Internet: http://youtu.be/yyY_392Tn7Q 1975 100 sites na Arpanet
- 13.
- 14.
- 15.
- 16.
- 17.
- 18. informação GERAÇÕES 2012 634 milhões desites 2009 175 milhões de sites 1982 315 sites na Internet 1975 100 sites na Arpanet
- 19. Brasil INDICADORES 53% dos internautas ativos sãohomens; IBOPE/Nielsen http://bit.ly/1806PHu
- 20. Brasil INDICADORES 47% dos internautas ativos sãomulheres; IBOPE/Nielsen http://bit.ly/1806PHu
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. Web++ A EVOLUÇÃO DAINTERNET
- 29.
- 30.
- 31.
- 32. ? O que éWeb Design?
- 33. “Design é transformarnecessidades reais do ser humano em soluções de fácil entendimento.” Fernando Rosseto
- 34.
- 35. “ A preocupaçãofundamental 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. ”
- 36. EU POSSO SER UM WebDesigner?
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 58.
- 59. O QUE PRECISO Saber? • • • • • • UX Design Layout Webstandards Design Responsivo Cross-browser DHTML
- 60.
- 61. O QUE PRECISO Saber? • • • • • UX Design Freedback Implementação Interfaceproativa Intuição Eficiência
- 62. O QUE PRECISO Saber? UX Design “Designde experiência do usuário é a criação e sincronização dos elementos que afetam a experiência dos usuários RUSS UNGER com um produto. Com isso é possível influenciar suas comportamentos.” percepções e
- 63.
- 64.
- 65.
- 66.
- 67. O QUE PRECISO Saber? Cross-browser *Vídeo: Guerrados Navegadores: http://youtu.be/DeEafmwRk6A
- 68. no mundo NAVEGADORES set/2013 40,8% 8,52% 28,56% 1,16% 18,36% Dados daStatCounter: http://bit.ly/1co0Vn0
- 69. no Brasil NAVEGADORES set/2013 64,45% 2,15% 16,8% 0,6% 13,95% Dados daStatCounter: http://bit.ly/1aDzl1w
- 70.
- 71.
- 72. Tendências no momento 02. FlatDesign (Design Plano)
- 73. Tendências no momento Skeuomorphism vs.Flat Design
- 74. 03. Uso decores e ícones simples
- 75. 04. Tudo grandee muito espaço em branco
- 76. 05. Layout dinâmicoem grade
- 77. 06. Grandes fotoscomo fundo
- 78. 07. Desenhar comFontes
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93. Referências imagens e conhecimentos 1. BlueBus: 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/
- 94. Ferramentas vale a penaconferir :) 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/
- 95. Inspirações vale a penaconferir :) 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/
- 96.