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.

Bookmarkealo

Versión original del artículo por Robert Nyman (autorizado por él mismo vía e-mail)

Esto parece ser la eterna cuestión entre los desarrolladores web: ¿HTML or XHTML? En muchos lados aparece planteada la pregunta en foros y blogs, los desarrolladores web le preguntan a Robert o a otra gente que escribe sobre este tema: qué es lo que ellos piensan acerca de cuál es la mejor opción a seguir. Robert no escribió este post para decir cuál es la última opción, sino más bien para que nos enteremos cuáles son las consecuencias del camino que elegimos. Entonces, empecemos desde el principio:

¿Estricto o Transicional? (strict | transitional)

|leer post completo

Bookmarkealo

Post publicado en el 2006

Navegando por unos de mis sitios favoritos, encontré este plugin excelente…su nombre: Scriptographer.Se trata de un plugin para Adobe Illustrator CS y CS2, que utiliza la potencia del javascript dentro de illustrator. Todaví­a no lo entiendo muy bien, pero las poquitas cosas que logré hasta ahora me han impresionado. Supongo que incluso uno mismo podrí­a hacer un javascript para aplicar a los vectores con este plugin. También se pueden vectorizar imágenes usando efectos muy buenos.

• Acá les dejo el link del sitio: www.scriptographer.com/
• Galerí­a

Bookmarkealo