Liquid Mind

Aarron Walter es un profesor en The Art Institute of Atlanta, un lugar en donde a diferencia de cualquier insitituto de Perú, se enseñan los Web Standards y su aplicación al diseño web desde el 2002. En esos lares, el uso de los standards está siendo diseminado poco a poco por los alumnos, que de alguna manera tienen que hablar con sus empleadores y convencerlos de que es lo mejor a largo plazo. ¿Ardua tarea no?

Walter ha comenzado un proyecto llamado “The Web Standards Documentary Project” que busca documentar el cambio de la web hacia este nuevo tipo de mentalidad. Para eso ha entrevistado a algunos diseñadores egresados que cuentan sus experiencias – algunas exitosas otras no tanto.

Estando en mi pequeño rinconcito de Latinoamérica, me pregunto como iría esto. Es más, tan solo cambiar la mentalidad de que los frames son buenos sería un gran avance. ¿Alguno de ustedes alguna vez siquiera le ha sugerido algo de web standards a sus cliente? Yo lo he puesto en mi currículo, aunque no se muy bien si sirva de algo.

Etiquetas: accesibilidad, css, diseño, diseño gráfico, diseño web, usabilidad, web standards

El portal en línea del periódico “El Comercio”, quizás el periódico de más prestigio en el Perú, ha sido rediseñado por el estudio 451. Y aunque por lo que veo el código está lejos de ser totalmente válido para Transitional XHTML, es un gran avance en cuanto a aproximación del proyecto y uso de estilos.

El Comercio entra a la Web 2.0

La principal diferencia que encontrarán respecto a la anterior versión, es que esta se adapta más a lo que es la Web 2.0. Así, se ve que se están usando mucho elementos como tags, feeds RSS, botones de “compartir”, y demás que al final lo que buscan es integrar más a los usuarios en el desarrollo del sitio. Esto no es nada nuevo en otras partes del mundo, y más bien me parece que ya era tiempo que se de este cambio en un sitio de tanta importancia como éste.

Como está en BETA, hay cosas que no funcionan, como por ejemplo la sección CLASIFICADOS o ED. IMPRESA en el menú de arriba. Lo cual me parece un desatino, porque igual la gente busca cierto contenido por ahora desaparecido. (Por ejemplo hoy entré porque necesitaba visitar la parte de clasificados).

Otra cosa es la falta de espacios en blanco. Como saben el espacio en blanco en diseño es tan importante como el espacio digamos “usado” porque sirve para dar orden y respiro a los usuarios (ya que hablamos de diseño web en este caso). A mi me dio por un momento la sensación de sentirme abrumado ante tanta información en la página principal. Especialmente en la parte de abajo, donde noto cierta desorganización. El sitio de New York Times, a pesar de también contar con mucha información se ve más organizado con más espacios en blanco y dándole más importancia a las noticias, que son al final el principal contenido. Otro buen ejemplo sería Variety.com.

Pero ya fuera de estas críticas que todo trabajo de diseño tiene, creo que El Comercio ha dado un gran paso adelante en lo que se refiere a diseño web en el Perú, que ojala influya en el ámbito nacional a diseñadores web y dueños de negocios, para que mejore la calidad de sitios web. Es un paso adelante también en un aspecto más profundo, en el de la interactividad y el rol de los usuarios en este nuevo modelo de Internet.

Etiquetas: crítica, diseño, diseño web, redesign, web

Encontré este enlace en del.icio.us. Linkea a designersmind.com, a un post en el que se habla de cómo escoger la tipografía para algún trabajo.

Más que un "cómo hacer" son tips en cuanto a los temas que nos ocupan a la hora de detemrinar qué cara tendrá nuestro texto y su relación al espacio:

Fuente
Tamaño
Color

Siempre es bueno refrescar estas cosas, recomendada la parte de color en especial donde da una lista y las emociones y connotaciones que cada color conlleva.

Link: Choosing the Right Font for the Job

Etiquetas: diseño, diseño web, tipografía, tips

Después de tragarme entero el libro "CSS Mastery" salí como un hombre renovado, con mucho conocimiento en mis manos, y qué mejor lugar que aplicar lo que aprendía que acá en Liquid Mind.

Este template está hecho desde cero. En total el proceso constó de lo siguiente:
-Diseñar el draft final en Photoshop.
-Traducirlo a código HTML y CSS.
-Traducirlo todo a una plantilla para Blogger.

Al final me falta nomás ocuparme del lado de los comentarios. Pero en vista de que nadie comenta no me preocupo mucho jaja. Algo de notar de este diseño es que está pensado en la accesibilidad y los Web Standards. ¿Qué quiere decir eso? Que personas con discapacidades pueden igual tomar ventaja de este blog y además está validado (menos por un código extraño por poner video de YouTube). Si le quitas todo el estilo de CSS igual puedes leer el blog de manera ordenada con todos sus headers. Para ello apliqué algunos truquillos.

A pesar de que el diseño lo acabé rápido en PS y en código, tuve que batallar un poco con el sistema de Blogger, que añade márgenes en lugares donde uno quiere, y prefiere que nombres tus divs de cierta manera. Un poco de sudor, pero mucha experiencia para próximos diseños y para gente que quiera que les diseñe su blog.

Espero que diseñar para Wordpress sea más fácil, ya lo veré en mis próximos proyectos, que los iré poniendo acá a manera de muestra. Cualquier comentario bienvenido. Y ya he puesto mi correo allá arribita!

Etiquetas: diseño, redesign, web, web standards