Embed Size (px)
Citation preview
naturalezadel
la diseñoweb
interactividad
involucra un proceso
2 desarrollo
1 inspiración
3 comunidad
inspiración
"Los diseñadores debemos ser sanguijuelas visuales, constántemente catalogando y grabando información como una cámara que está siempre tomando fotos"
jason santa maria
“colecciona, organiza, crea!”
john hicks
“El diseño no es lo que haces, es un estilo de vida”
alan fletcher
desarrollo
2 fácil de usar
1 atractivo visual
4 mantenimiento
3 tecnología
atractivo visual
diagramación
“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
phi 1.618
960 / 1.618
593 367
tipografía
webweb
diseño
naturalezadiseño
web
tipografía
color
colorphi
phicolor
color
cada tipografía tiene su lenguaje
yo soy divertida
yo soy adaptable y de fácil lectura
yo soy de tradicional y clásicayo soy muy vieja
yo soy elegante!yo soy ...tecnológica?
“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 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.
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.
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.
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.
color
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.
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.
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.
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.
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.
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.
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.
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.
minim veniamcommodo consequat.
minim veniamcommodo consequat. 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.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
“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
• animación
• 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
http://www.thegooglecache.com
todo en Flash
no use Flash
si
no
“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
mantenimiento
“La gente de éxito maneja las buenas decisiones que toman cada día, es decir, administran sus decisiones diariamente”
john maxwell
“Una vez que colocas una página en la web, necesitas mantenerla indefinidamente”
jakob nielsen
comunidad
comienza ahora!
“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
“los educadores toman algo simple y lo vuelven complicado, los comunicadores toman algo complicado y lo hacen simple”
john maxwell
12 desarrollo
inspiración
3 comunidad
naturalezadel
la diseñoweb
phixarmedia.com
fotoswww.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.jpgwww.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/
páginas (x)html y csswww.corporateriskwatch.comwww.subtractions.comwww.ilovetypography.comwww.vondutch.comwww.duoh.comwww.jasonsantamaria.comwww.veerle.duoh.comwww.31three.comwww.meaganfisher.com/www.mattdempsey.com/www.wallswaps.com/justinworrall.com/blog/student.opendoorsuk.org/www.generationchurch.org/particletree.com/www.ocean70.com/www.ndesign-studio.com/www.silverbackapp.com/
phixarmediawww.phixarmedia.comwww.atlantisrd.comwww.cnd.com.dowww.glj.com.dowww.glj.com.dowww.costablanca.com.dowww.hotelhispaniola.comwww.gobarahona.com
páginas en flashwww.aksident.be/www.jonathanyuen.com/main.htmlwww.mariaclaudiacortes.com/www.thomasedison.org/www.thibaud.be/www.mediagroupdr.com
otras referenciaswww.blogactionday.orgwww.greenpeace.org/apple/www.apple.comwww.thegooglecache.com/rants-and-raves/should-i-make-a-flash-site-flash-website-flowchart/
