Este post va dirigido a aquellos diseñadores gráficos que deben hacer un original para una web. Me refiero a alguno que deba ser armado en HTML (los originales para flash son otra cosa… allí el diseñador gráfico tiene más libertad y puede seguir tranquilamente los cánones del diseño en papel). Si vos diseñador gráfico querés que tu amigo el diseñador web goce de salud, por favor tené en cuenta estos pequeños tips!!

Tamaño del original

Cuando diseñes una web a 800x600px, por favor hacé el original a 800x600px… una hoja A4 apaisada en el illustrator tiene aproximadamente 800×600 px. Entonces porqué no hacerlo en una A4 apaisada en vez de hacerlo por ejemplo a una resolución extraña como 1400x600px?
Explico el porqué de este pedido:

• el cuerpo del texto no puede ser menor a 9px y cuando se manejan en un tamaño de pantalla grande (lo que mencionaba arriba… 1600×700 px) tienden a usar los espacios como si fuera una hoja de papel y pones muchos textos a 6px que despues en una web ni Dios lo puede leer. Pero claro en el papel se ve bien…. Por eso cuando diseñenen una web tengan en cuenta esto: el tamaño mínimo de una tipografía es de 9px, más chico que eso, la tipo se destruye!!
• En el uso de backgrounds o formas libres, tengan en cuenta no sólo el tamaño de un monitor de 800×600 de resolucion, sino que deben pensar que también se debe ver bien en todo tipo de monitores, de la resolucion que sea. Uno de los principales objetivos de comunicación para un diseñador web es justamente ese: que el diseño se vea lo mejor posible en todas las resoluciones posibles. Muchas veces, el diseñador gráfico no tiene en cuenta este aspecto y su diseño queda bien para una resolución, pero sucede que ese diseño que se veia perfecto, en otras resoluciones pierde muchisimo porque queda como un cuadrado. Espero ser claro. Mi consejo es: cuando diseñes una web, oh diseñador gráfico de mi alma, imagines cómo va a ser el resto del entorno (imaginátela cómo sería poniendo tu monitor en distintas resoluciones), no sólo la página en sí.

Colores

Ver algo en papel no es lo mismo que verlo en una pantalla. Por eso mismo, DG, cuando diseñes una web tené en cuenta que los contrastes no se aprecian de igual manera. Puede que quede chetazo un fondo naranja con tipo blanca en un papel, pero el usuario web se va a defecar para leer eso. Te va a denunciar por haberlo dejado ciego despues de haber leido un par de párrafos!

Texto

• Rodear una imagen con texto se puede, pero solamente se puede con una alineación recta hacia alguno de los lados, no se puede contornear una imagen con texto.
• Yo personalemente no recomiendo los justificados (en el cuerpo del texto), en el quark te divide las palabras y no te quedan espacios en blanco en el cuerpo del texto, pero en HTML esto no ocurre asi. A tenerlo en cuenta. el HTML no te hace hyphenation.
• A menos que esté en una imagen, el texto no se puedo poner inclinado!

Bueno, espero que sirva este pequeño aporte a la salud mental de los que la luchamos en la web.