Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Los principios del diseño web para diseñadores gráficos

Los principios del diseño web para diseñadores gráficos

Slides de la charla ofrecida para Open D

Francisco Aguilera G.

March 22, 2015
Tweet

More Decks by Francisco Aguilera G.

Other Decks in Design

Transcript

  1. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos con Francisco Aguilera G. @FranciscoAMK FranciscoAMK.com
  2. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com En las escuelas de diseño no enseñan a diseñar para la web.
  3. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Vamos a asumir lo siguiente: Todos aquí tenemos nociones (al menos) básicas de diseño
  4. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Dos tipos de falencias: Estratégicas Técnicas
  5. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com El rol del diseñador web no es hacer un sitio estético, sino construir una plataforma que sirva de puente para conectar a la marca con su audiencia.
  6. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com ¿Cómo es su personalidad?
  7. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com ¿Qué productos y servicios ofrece?
  8. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com ¿Cuál es el rango de precios?
  9. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com ¿Quién es el cliente ideal?
  10. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com ¿Cuáles son sus motivaciones y expectativas?
  11. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com ¿Cuál es el objetivo (medible)?
  12. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com ¿Cuál es la acción esperada por los usuarios?
  13. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com ¿Cómo se atraerá el tráfico?
  14. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com ¿Qué elemento debiera destacar?
  15. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Todo se trata de 1. Conocer la marca 2. Conocer a su público 3. Conocer el rol del sitio web
  16. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com http://twitter.com/leaonardofarkas/
  17. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Nadie quiere al que pide. Todos aman al que regala.
  18. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com La naturaleza de internet es la entrega libre de información
  19. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com El buen diseño es invisible
  20. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com • El diseño va más allá de lo estético: es comunicación y estrategia • Conoce bien a la marca y la audiencia • Define objetivos claros y medibles • Deja al contenido brillar por sí solo • Sé generos@ En síntesis
  21. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Muchos diseñadores no saben de maquetación
  22. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Cómo hacer un diseño más “Maquetable”
  23. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Usa máximo 3 fuentes tipográficas
  24. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com No rodees imágenes con texto
  25. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Aborerum ipid mossimo lectur, tem. Ceaqui de proQuodis reperum res volut que rae. Ut pa nusamus ium abo. Namuscia cullore stiume laborat volor ratur alitati am non nimporepra nis nam quatatem venis es eum non nul- paru menienti aliatisciam, sita quodio qui sinctur, natemquo occus, od maxime nes iur? Corerum quis acepele cepelecae natem fugit, que escimetur sinum ellestion et lacepero blaborem voluptatis di autatur? La inimoles adicit vidi dendantium aut posae eturiorest aut que quas et, volum quod quo vendera nos moluptas volum volupta cuptur mos re et hillaudanima que sitatist, sandionsene sedit voluptas dem rehenda voluptae deli- quatur modiassita porerspe quaes eatur? Ugia quas et ipient aut opta est, quas am quatinis ex et que reheni apicia plaborpore quos aute ium quias esseditios rem ut utet officium ea sequis dis disciandi ideritatem esse delesciam as evenihilicte qui conet perumquo dolum eicae voluptatiur re doluptatio blanihic tem etum rem incte dolore, cus sedis maximagnis restior alis dolut vid quia asim lia plisqua ssequisciet volu- pidi andus alicid ministe mposam quaturia aliatus.
  26. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Piensa en “responsive”
  27. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com No pongas todo “sobre el pliegue”
  28. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Crea wireframes... y muéstraselos al desarrollador
  29. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Asume que el contenido es variable
  30. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Acepta que tu diseño es solo una referencia
  31. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Evita usar imágenes como parte de la interfaz
  32. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Usa vectores cuando sea posible
  33. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Usa fuentes de íconos cuando sea necesario
  34. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Usa photoshop de la manera adecuada
  35. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Aprende maquetación (HTML y CSS)
  36. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com • Diseñar para la web no es como diseñar para un impreso • En impresión debes conocer el sistema y el sustrato, en la web debes conocer al desarrollador • Usa las herramientas adecuadas En síntesis
  37. LOS PRINCIPIOS DEL DISEÑO DE SITIOS WEB para diseñadores gráficos

    FranciscoAMK.com Descarga los recursos y más: Francisco Aguilera G. FranciscoAMK.com - APKestudio.com @FranciscoAMK http://FranciscoAMK.com/opend