El documento habla sobre la naturaleza del diseño web. Explica que involucra un proceso de inspiración, desarrollo y comunidad. Detalla los aspectos fundamentales del diseño web como el atractivo visual, facilidad de uso, tecnología y mantenimiento. Resalta la importancia de la inspiración, diagramación, color, tipografía y uso adecuado de la tecnología para crear sitios web exitosos.

3. la
naturaleza
del diseño
web

4. interactividad

5. involucra un
proceso

6. 1 inspiración
2 desarrollo
3 comunidad

7. inspiración

8. 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

9. “colecciona, organiza,
crea!”
john hicks

17. www.jasonsantamaria.com

26. “El diseño no es lo que haces,
es un estilo de vida”
alan fletcher

27. desarrollo

28. 1 atractivo visual
2 fácil de usar
3 tecnología
4 mantenimiento

29. atractivo visual

30. diagramación

34. “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

48. phi 1.618

54. 960 / 1.618
593 367

57. web
web
color
diseño
phi
phi
color
diseño
color
tipografía
web
naturaleza
color
tipografía

58. cada tipografía tiene su lenguaje

59. 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?

60. “usar una buena tipografía
no es seleccionar
una tipografía “chula””

61. “usar una buena tipografía
significa hacer algo
imperceptible y ayudar a la
lectura”

62. 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.

63. 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.

64. 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.

65. 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.

72. color

82. 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.

83. 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.

84. 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.

85. 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,

87. “un buen diseño no depende
del color”

93. fácil de usar

103. tecnología

104. HTML

105. El salvador
del Universo

106. • libertad en el diseño
(diagramación, color, tipografía)
• crea contenido sin necesidad
de refrescar la página
• animación

114. • 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

118. todo en Flash no
si
no use Flash
http://www.thegooglecache.com

142. “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

143. mantenimiento

144. “La gente de éxito maneja
las buenas decisiones que
toman cada día, es decir,
administran sus decisiones
diariamente”
john maxwell

145. “Una vez que colocas una
página en la web, necesitas
mantenerla indefinidamente”
jakob nielsen

146. comunidad

148. 12
blogueros
k
www.blogactionday.org

149. 14 k
artículos
www.blogactionday.org

150. 13 m
lectores
www.blogactionday.org

153. comienza ahora!

154. “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

155. “los educadores toman algo
simple y lo vuelven
complicado, los
comunicadores toman algo
complicado y lo hacen
simple”
john maxwell

156. 1 inspiración
2 desarrollo
3 comunidad

157. la
naturaleza
del diseño
web

158. phixarmedia.com

160. 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/