la
naturaleza
     del   diseño
              web
interactividad
involucra un
proceso
1   inspiración

2   desarrollo

3   comunidad
inspiración
quot;Los diseñadores debemos ser
sanguijuelas visuales,
constántemente catalogando
y grabando información como
una cámara ...
“colecciona, organiza,
crea!”
                    john hicks
www.jasonsantamaria.com
“El diseño no es lo que haces,
es un estilo de vida”


                          alan fletcher
desarrollo
1   atractivo visual

2   fácil de usar

3   tecnología

4   mantenimiento
atractivo visual
diagramación
“El diseño con “grids” o rejillas es
una habilidad fundamental de
cualquier diseñador. Entender la
relación proporcional, ...
phi   1.618
960   / 1.618


593        367
web
 web
color
diseño
phi
             phi
         color

       diseño
         color
         tipografía
              ...
cada tipografía tiene su lenguaje
yo soy adaptable y de fácil lectura
yo soy de tradicional y clásica
yo soy muy vieja
yo soy divertida
yo soy elegante!
yo ...
“usar una buena tipografía
no es seleccionar
una tipografía “chula””
“usar una buena tipografía
significa hacer algo
imperceptible y ayudar a la
lectura”
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqu...
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqu...
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqu...
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqu...
color
Lorem ipsum dolor sit       Lorem ipsum dolor sit
amet, consectetur           amet, consectetur
adipisicing elit, sed do  ...
Lorem ipsum dolor sit       Lorem ipsum dolor sit
amet, consectetur           amet, consectetur
adipisicing elit, sed do  ...
Lorem ipsum dolor sit       Lorem ipsum dolor sit
amet, consectetur           amet, consectetur
adipisicing elit, sed do  ...
minim veniamcommodo consequat.              Lorem ipsum dolor
                                            sit amet, consec...
“un buen diseño no depende
del color”
fácil de usar
tecnología
HTML
El salvador
  del Universo
• libertad en el diseño
 (diagramación, color, tipografía)
• crea contenido sin necesidad
 de refrescar la página
• animac...
• tienden a perder en el diseño
 (diagramación, color, tipografía)
• utilizan interfaces confusas
• incompatibilidad con l...
todo en Flash                         no


    si

                           no use Flash


      http://www.thegooglecac...
“La clave del éxito es saber
cuando y como usar la
tecnología. Esto es lo que hace
el diseño web una obra de
arte”
       ...
mantenimiento
“La gente de éxito maneja
las buenas decisiones que
toman cada día, es decir,
administran sus decisiones
diariamente”
    ...
“Una vez que colocas una
página en la web, necesitas
mantenerla indefinidamente”

                      jakob nielsen
comunidad
12
blogueros
                          k




  www.blogactionday.org
14        k
     artículos

 www.blogactionday.org
13      m
        lectores
 www.blogactionday.org
comienza ahora!
“muchos diseñadores no están
conscientes del poder de las
habilidades que venden: la
verdadera comprensión viene
de la exp...
“los educadores toman algo
simple y lo vuelven
complicado, los
comunicadores toman algo
complicado y lo hacen
simple”

   ...
1   inspiración

2   desarrollo

3   comunidad
la
naturaleza
     del   diseño
              web
phixarmedia.com
fotos
www.flickr.com/photos/bestrated1/362031749/
www.flickr.com/photos/7455207@N05/2538522058/sizes/l/
www.flickr.com/photos...
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
Próxima SlideShare
Cargando en…5
×

La Naturaleza Del Diseno Web

990 visualizaciones

Publicado el

0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
990
En SlideShare
0
De insertados
0
Número de insertados
54
Acciones
Compartido
0
Descargas
29
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

La Naturaleza Del Diseno Web

  1. 1. la naturaleza del diseño web
  2. 2. interactividad
  3. 3. involucra un proceso
  4. 4. 1 inspiración 2 desarrollo 3 comunidad
  5. 5. inspiración
  6. 6. quot;Los diseñadores debemos ser sanguijuelas visuales, constántemente catalogando y grabando información como una cámara que está siempre tomando fotosquot; jason santa maria
  7. 7. “colecciona, organiza, crea!” john hicks
  8. 8. www.jasonsantamaria.com
  9. 9. “El diseño no es lo que haces, es un estilo de vida” alan fletcher
  10. 10. desarrollo
  11. 11. 1 atractivo visual 2 fácil de usar 3 tecnología 4 mantenimiento
  12. 12. atractivo visual
  13. 13. diagramación
  14. 14. “El diseño con “grids” o rejillas es una habilidad fundamental de cualquier diseñador. Entender la relación proporcional, espacios en blancos, espacios y composición son vitales en construir rejillas para cualquier plataforma - web, impresos y 3D” mark boulton
  15. 15. phi 1.618
  16. 16. 960 / 1.618 593 367
  17. 17. web web color diseño phi phi color diseño color tipografía web naturaleza color tipografía
  18. 18. cada tipografía tiene su lenguaje
  19. 19. yo soy adaptable y de fácil lectura yo soy de tradicional y clásica yo soy muy vieja yo soy divertida yo soy elegante! yo soy ...tecnológica?
  20. 20. “usar una buena tipografía no es seleccionar una tipografía “chula””
  21. 21. “usar una buena tipografía significa hacer algo imperceptible y ayudar a la lectura”
  22. 22. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  23. 23. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  24. 24. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  25. 25. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  26. 26. color
  27. 27. Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur amet, consectetur adipisicing elit, sed do adipisicing elit, sed do eiusmod tempor eiusmod tempor incididunt ut labore et incididunt ut labore et dolore magna aliqua. Ut dolore magna aliqua. Ut enim ad minim veniam, enim ad minim veniam, quis nostrud exercitation quis nostrud exercitation ullamco laboris nisi ut ullamco laboris nisi ut aliquip ex ea commodo aliquip ex ea commodo consequat. consequat.
  28. 28. Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur amet, consectetur adipisicing elit, sed do adipisicing elit, sed do eiusmod tempor eiusmod tempor incididunt ut labore et incididunt ut labore et dolore magna aliqua. Ut dolore magna aliqua. Ut enim ad minim veniam, enim ad minim veniam, quis nostrud exercitation quis nostrud exercitation ullamco laboris nisi ut ullamco laboris nisi ut aliquip ex ea commodo aliquip ex ea commodo consequat. consequat.
  29. 29. Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur amet, consectetur adipisicing elit, sed do adipisicing elit, sed do eiusmod tempor eiusmod tempor incididunt ut labore et incididunt ut labore et dolore magna aliqua. Ut dolore magna aliqua. Ut enim ad minim veniam, enim ad minim veniam, quis nostrud exercitation quis nostrud exercitation ullamco laboris nisi ut ullamco laboris nisi ut aliquip ex ea commodo aliquip ex ea commodo consequat. consequat.
  30. 30. minim veniamcommodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed Lorem ipsum dolor sit amet, consectetur do eiusmod tempor adipisicing elit, sed do eiusmod tempor incididunt ut labore incididunt ut labore et dolore magna et dolore magna aliqua. Ut enim ad aliqua. Ut enim ad minim veniam, quis minim veniam, quis nostrud exercitation ullamco laboris nisi nostrud exercitation ut aliquip ex ea commodo consequat. ullamco laboris nisi ut aliquip ex ea commodo consequat. minim veniamcommodo consequat. Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor adipisicing elit, sed do eiusmod tempor sit amet, consectetur adipisicing elit, sed incididunt ut labore et dolore magna do eiusmod tempor aliqua. Ut enim ad minim veniam, quis incididunt ut labore et dolore magna nostrud exercitation ullamco laboris nisi aliqua. Ut enim ad ut aliquip ex ea commodo consequat. minim veniam,
  31. 31. “un buen diseño no depende del color”
  32. 32. fácil de usar
  33. 33. tecnología
  34. 34. HTML
  35. 35. El salvador del Universo
  36. 36. • libertad en el diseño (diagramación, color, tipografía) • crea contenido sin necesidad de refrescar la página • animación
  37. 37. • tienden a perder en el diseño (diagramación, color, tipografía) • utilizan interfaces confusas • incompatibilidad con los navegadores • los buscadores no indexan el contenido
  38. 38. todo en Flash no si no use Flash http://www.thegooglecache.com
  39. 39. “La clave del éxito es saber cuando y como usar la tecnología. Esto es lo que hace el diseño web una obra de arte” andy clark
  40. 40. mantenimiento
  41. 41. “La gente de éxito maneja las buenas decisiones que toman cada día, es decir, administran sus decisiones diariamente” john maxwell
  42. 42. “Una vez que colocas una página en la web, necesitas mantenerla indefinidamente” jakob nielsen
  43. 43. comunidad
  44. 44. 12 blogueros k www.blogactionday.org
  45. 45. 14 k artículos www.blogactionday.org
  46. 46. 13 m lectores www.blogactionday.org
  47. 47. comienza ahora!
  48. 48. “muchos diseñadores no están conscientes del poder de las habilidades que venden: la verdadera comprensión viene de la experiencia personal” clement mok
  49. 49. “los educadores toman algo simple y lo vuelven complicado, los comunicadores toman algo complicado y lo hacen simple” john maxwell
  50. 50. 1 inspiración 2 desarrollo 3 comunidad
  51. 51. la naturaleza del diseño web
  52. 52. phixarmedia.com
  53. 53. fotos www.flickr.com/photos/bestrated1/362031749/ www.flickr.com/photos/7455207@N05/2538522058/sizes/l/ www.flickr.com/photos/gaiavani/329198197/ www.flickr.com/photos/72903303@N00/2235839921/ www.flickr.com/photos/bullish1974/564943824/ www.cinemafull.com/wp-content/uploads/2007/10/flash_800.jpg www.flickr.com/photos/dailyville/258445007/ www.flickr.com/photos/martin_heigan/2067962729/sizes/o/ www.flickr.com/photos/wallyg/135115501/sizes/o/ www.flickr.com/photos/ecstaticist/1401030636/sizes/l/ www.flickr.com/photos/lincolnose2/2454991556/sizes/o/ www.flickr.com/photos/greenwellies/2622753889/ phixarmedia páginas en flash páginas (x)html y css www.phixarmedia.com www.aksident.be/ www.corporateriskwatch.com www.atlantisrd.com www.jonathanyuen.com/main.html www.subtractions.com www.cnd.com.do www.mariaclaudiacortes.com/ www.ilovetypography.com www.glj.com.do www.thomasedison.org/ www.vondutch.com www.glj.com.do www.thibaud.be/ www.duoh.com www.costablanca.com.do www.mediagroupdr.com www.jasonsantamaria.com www.hotelhispaniola.com www.veerle.duoh.com www.gobarahona.com www.31three.com www.meaganfisher.com/ www.mattdempsey.com/ www.wallswaps.com/ justinworrall.com/blog/ student.opendoorsuk.org/ otras referencias www.generationchurch.org/ www.blogactionday.org particletree.com/ www.greenpeace.org/apple/ www.ocean70.com/ www.apple.com www.ndesign-studio.com/ www.thegooglecache.com/rants-and-raves/should-i-make-a-flash-site-flash-website-flowchart/ www.silverbackapp.com/

×