sitio-específico




②
diseño web_do it yourself
identidad visual





La propuesta estética/poética de nuestra obra marca el rumbo!
Es como el eje que ordenará todos los demás elementos que entren en juego. 


Es importante que la web ayude a realzar ese carácter y no generar ninguna competencia visual entre la web y sus “contenidos”. 
un ejercicio de traducción 






Para que este espacio se sienta como quiero debe 
reconstruirse con elementos visuales.


tipografía




usos de 
la imágen

paleta 
de color

uso del 
espacio

palabras



todos estos elementos colaboran entre sí
para construir el espacio y clima buscados.

tipografía



un arma de doble filo

serif, sans serif, monoespaciada, con mucha personalidad o más clásica: 
la elección y cómo se usa puede ayudarnos a reforzar ese clima que buscamos, puede dialogar con los proyectos, puede también ser casi “invisible” o puede tener muchísima impronta.

además de qué tipografía elegimos, importa mucho el cómo la usamos: 
si va gigante, si es mini, si es pesada (bold, o los caracteres y renglones muy juntos) 
o más liviana (light, o más espacio entre caracteres y renglones).

combinar varias tipos puede ayudar a darle más profundidad y carácter al sitio.
Recomiendo no excederse con la cantidad de familias tipográficas que ponemos en el sito. Menos es más a menos que ya tengan la muñeca entrenada en esto. 
 jerarquías y navegación


La tipo nos ayuda a plantear ese recorrido, indica por lo general las secciones y cómo movernos dentro de una web, qué información es más importante y qué cosas son detalles para quien quiere leer a fondo o en una segunda mirada. 

No todxs leen todo, está bueno decidir qué lecturas queremos facilitar y cuáles no.
Esto no sólo se da por tamaño, también podemos definirlo por ubicación en el espacio y contrastes con espacios vacíos!



color
imágen


se puede usar creativamente para generar climas!
claro, oscuro? alto contraste?  bajo contraste? muchos colores? monocromo?

si van por blanco y negro hay formas de que sea más cálido o más frío dentro de ese mismo espectro.

no es la única opción: 
los fondos de colores pueden ayudar a resaltar mucho las imagenes.

 galerías: ordenadas o caóticas?
slideshows: permiten comprimir info y ocupar menos espacio!
backdrops: le dan una sensación más inmersiva a la experiencia.


en movimiento


gifs animados pueden ayudar a contar procesos y darle dinamismo al sitio.

videos: pueden reproducirse automaticamente y en loop para despertar la curiosidad del ojo. van muy bien junto a imagenes quietas! Pueden ir full screen pero también pueden ser mini, como pequeños acentos. 

análisis de referentes




revisen sus refes recolectadas y busquen en breves notas 
entender qué decidieron a la hora de diseñarla en términos de:



tipografía




usos de 
la imágen

paleta 
de color

uso del 
espacio

palabras

glosario





tipografía




usos de 
la imágen

paleta 
de color

uso del 
espacio

palabras



tipografía




usos de 
la imágen

paleta 
de color

uso del 
espacio

palabras




tipografía




usos de 
la imágen

paleta 
de color

uso del 
espacio

palabras


qué onda la homela primera impresión





es la entrada a tu universo, 
qué necesita una buena home?




generar una emoción o conexión

Lo visual, lo textual y el ritmo 
generan una atmósfera.
La home transmite un tono que marca bajo 
qué lente será visto todo el sitio.presentarte con claridad

En pocos segundos, 
la persona debería entender quién sos 
y qué hacés (al menos de forma 
intuitiva o sensorial).guiar la navegación

Mostrar con claridad adónde se
puede ir desde ahí 
(a tus obras, bio, contacto, etc.).



templates y estructura