Herramientas para diseño web

3,700 views

Published on

Metodologías y recursos para el diseño web.

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,700
On SlideShare
0
From Embeds
0
Number of Embeds
937
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Herramientas para diseño web

  1. 1. diseño web taller_media jueves 5 de septiembre de 2013
  2. 2. diseño weberrores frecuentes jueves 5 de septiembre de 2013
  3. 3. taller 6 - información y medios digitales Fuentes excesivamente pequeñas o con poco contraste con respecto a los colores de fondo.}legibilidad jueves 5 de septiembre de 2013
  4. 4. jueves 5 de septiembre de 2013
  5. 5. taller 6 - información y medios digitales Son poco accesibles, no se diferencian los visitados de los no visitados o se usan anclajes tan malos como “Haz click aquí”}enlaces jueves 5 de septiembre de 2013
  6. 6. jueves 5 de septiembre de 2013
  7. 7. taller 6 - información y medios digitales Intentando hacer una web más vistosa, se consigue el efecto contrario: Hacerla menos accesible y darle menos importancia al contenido, elemento primordial para un sitio. }uso de flash jueves 5 de septiembre de 2013
  8. 8. jueves 5 de septiembre de 2013
  9. 9. jueves 5 de septiembre de 2013
  10. 10. taller 6 - información y medios digitales Lo ideal en una web es mostrar información de una manera corta y concisa, sin extenderse y dando las ideas principales además de una opción para ampliar la información. }contenido concreto jueves 5 de septiembre de 2013
  11. 11. jueves 5 de septiembre de 2013
  12. 12. taller 6 - información y medios digitales La mayoría de los sitios carecen de una opción de búsqueda en un sitio web, cuando muchos buscadores proporcionan una de forma gratuita.}búsqueda jueves 5 de septiembre de 2013
  13. 13. taller 6 - información y medios digitales Aunque para muchos el único navegador es el Internet Explorer lo cierto es que existen muchos otros como Firefox que están consiguiendo una cuota muy importante del mercado. }incompatibilidad de navegadores jueves 5 de septiembre de 2013
  14. 14. estructuración de contenidos jueves 5 de septiembre de 2013
  15. 15. taller 6 - información y medios digitales LOS USUARIOS CENTRAN EL INTERÉS EN LOS CONTENIDOS POR SOBRE LOS GRÁFICOS } jueves 5 de septiembre de 2013
  16. 16. taller 6 - información y medios digitales ELLOS BUSCAN: TITULARES-INDICACIONES (LINKS, GRÁFICOS DE CONTENIDOS) } jueves 5 de septiembre de 2013
  17. 17. jueves 5 de septiembre de 2013
  18. 18. escribir para la web jueves 5 de septiembre de 2013
  19. 19. taller 6 - información y medios digitales LEER EN COMPUTADOR ES UN 25% MÁS LENTO QUE EN UN IMPRESO } jueves 5 de septiembre de 2013
  20. 20. jueves 5 de septiembre de 2013
  21. 21. · Escribir la mitad del texto que se escribiría en la versión impresa. · Escribir para poder encontrar las cosas, utilizando párrafos cortos, subencabezados y listas con viñetas. · Utilizar hipertexto para dividir los contenidos. }consejos jueves 5 de septiembre de 2013
  22. 22. Utilizar títulos y subtítulos significantes. · Usar listas bulleteadas y elementos similares para romper la uniformidad de los bloques de texto. · Utilizar realces, enfatizaciones para captar la atención del usuario. }consejos jueves 5 de septiembre de 2013
  23. 23. jueves 5 de septiembre de 2013
  24. 24. taller 6 - información y medios digitales USAR COLORES DE GRAN CONTRASTE PARA TEXTO Y FONDO } jueves 5 de septiembre de 2013
  25. 25. jueves 5 de septiembre de 2013
  26. 26. taller 6 - información y medios digitales NO USAR FONDO GRÁFICOS PUEDEN INTERFERIR EN LA CAPACIDAD DEL OJO HUMANO PARA INTERPRETAR LÍNEAS Y LETRAS } jueves 5 de septiembre de 2013
  27. 27. jueves 5 de septiembre de 2013
  28. 28. taller 6 - información y medios digitales FONT-SIZE / FONT-FAMILY: EL TEXTO PEQUEÑO ES MÁS LEGIBLE SI USAMOS FUENTES DE LA FAMILIA SANS-SERIF jueves 5 de septiembre de 2013
  29. 29. taller 6 - información y medios digitales TEXT ALIGN: JUSTIFICARLO A LA IZQUIERDA jueves 5 de septiembre de 2013
  30. 30. estructuración de un sitio jueves 5 de septiembre de 2013
  31. 31. taller 6 - información y medios digitales UNA BUENA ESTRUCTURA PERMITIRÁ AL LECTOR VISUALIZAR TODOS LOS CONTENIDOS DE UNA MANERA FÁCIL Y CLARA } jueves 5 de septiembre de 2013
  32. 32. taller 6 - información y medios digitales PLANIFICA LA ESTRUCTURA ANTES DE DISEÑAR } jueves 5 de septiembre de 2013
  33. 33. jueves 5 de septiembre de 2013
  34. 34. taller 6 - información y medios digitales LA ESTRUCTURA DEPENDE DEL CONTENIDO } jueves 5 de septiembre de 2013
  35. 35. jueves 5 de septiembre de 2013
  36. 36. taller 6 - información y medios digitales DUPLICA LOS ELEMENTOS DE NAVEGACIÓN SI ES NECESARIO } jueves 5 de septiembre de 2013
  37. 37. jueves 5 de septiembre de 2013
  38. 38. aspectos formales jueves 5 de septiembre de 2013
  39. 39. AGOSTO2010 JERARQUIZA! {PÁGINAS TÍTULOS ELEMENTOS TEXTOS jueves 5 de septiembre de 2013
  40. 40. ASPECTOS FORMALES{la estructura jueves 5 de septiembre de 2013
  41. 41. ASPECTOS FORMALES{pirámide invertida titulares jueves 5 de septiembre de 2013
  42. 42. ASPECTOS FORMALES{pirámide invertida titulares explicación jueves 5 de septiembre de 2013
  43. 43. ASPECTOS FORMALES{pirámide invertida titulares explicación textos jueves 5 de septiembre de 2013
  44. 44. diseño con grillas Antes de pensar en contenedores, estilos y tags…definamos la grilla constructiva jueves 5 de septiembre de 2013
  45. 45. "Una Grilla CSS debe ser fácil de entender, usar y modificar, económica en el uso del código y flexible para adaptarse a la mayor cantidad de necesidades de diagramación" } jueves 5 de septiembre de 2013
  46. 46. taller 6 - información y medios digitales jueves 5 de septiembre de 2013
  47. 47. ¿cuál es su utilidad? jueves 5 de septiembre de 2013
  48. 48. Criterio normalizado de presentación de elementos y/o recursos. Aporta practicidad, armoniza la estética. Permite establecer patrones de regularidad visual. Divide el espacio en campos o espacios más pequeños } jueves 5 de septiembre de 2013
  49. 49. jueves 5 de septiembre de 2013
  50. 50. ESTILO SUIZO jueves 5 de septiembre de 2013
  51. 51. taller 6 - información y medios digitales jueves 5 de septiembre de 2013
  52. 52. jueves 5 de septiembre de 2013
  53. 53. jueves 5 de septiembre de 2013
  54. 54. jueves 5 de septiembre de 2013
  55. 55. jueves 5 de septiembre de 2013
  56. 56. taller 6 - información y medios digitales jueves 5 de septiembre de 2013
  57. 57. taller 6 - información y medios digitales jueves 5 de septiembre de 2013
  58. 58. taller 6 - información y medios digitales thegridsystem.org designbygrid.com 960.gs}recursos jueves 5 de septiembre de 2013
  59. 59. paletas cromáticas jueves 5 de septiembre de 2013
  60. 60. jueves 5 de septiembre de 2013
  61. 61. taller 6 - información y medios digitales colourlovers.com colorhunter.com colorschemedesigner.com}recursos jueves 5 de septiembre de 2013

×