Diseño Gráfico y Más
26 Jun
Muy buen artÃculo de Smashing Magazine, demostrando que en el futuro se pedirán más y más maquetas “layouts” flexibles, donde el usuario pueda acercarse o alejarse de la página.
Está en Inglés, pero vale la pena tratar de entenderlo.

18 Jun
Una pequeña colección de la buena utilización de tipografÃa en Diseño Web.






{}~El sitio da un error de seguridad, pero no hay problema.
17 Jun
Recibo un email de Luison para decirme que El Universal ha rediseñado su sitio.
Este era el antiguo:

Y el nuevo:

En general se ve más limpio, en la cabecera se fueron por el nombre nada más, sin el águila, eso hace que sea más fuerte la marca. El tratamiento delas secciones por medio de menús desplegables casi quedó igual.
Se supone que hay más opciones de Multimedia e Intercativos.
El diseño en los costados se ve más definido.
El diseño anterior:

Y el nuevo:

Las secciones se distinguen bien:

A mi parecer sà hicieron una mejora en el diseño.
16 Jun
De todos es sabido el dolor de cabeza que producen los navegadores a la hora de mostrar algunos diseños en CSS, aquà se muestran 20 formas de arreglar pequeños problemas o “bugs”.


Using CSS to Fix Anything: 20+ Common Bugs and Fixes
También en esa página encontramos muy buenos recursos para CSS.
Using CSS to Do Anything: 50+ Creative Examples and Tutorials
101 CSS Techniques Of All Time- Part 1
101 CSS Techniques Of All Time- Part2
13 Jun
Según el blog Web Designer Wall estas son algunas tendencias en el diseño para el 2008. Algunas siguen desde el 2007 y otras parecen tomar fuerza este año.
Estilo Retro:
Por cierto el de cakePHP fue diseñador por el buen Sosa.

Sitios con notas hechas a mano.

Estilo Grungy.

Tinta salpicada.

Acuarela.

Collage.

Estilo boceto.

TipografÃas grandes.

TipografÃas Script.

Patrones de madera.

Patrones en zigzag.

4 Jun
Un sitio más que minimalista llama la atención, sobre todo porque estamos acostumbrados a que los sitios de ese tipo sean muy rebuscados en el diseño.

Visto en Coudal Partners
4 Jun

Por primera vez en la Historia de las candidaturas estadounidenses, se ha utilizado un buen manejo de los medios de comunicación, con un excelente diseño, buen gusto y manejando todo el potencial de las nuevas tecnologÃas.
Espero que ya cuando vaya por la presidencia contra el republicano John McCain, el equipo de Barack Obama y artistas que se adhieran, continúen regalándonos con esos magnÃficos diseños.
En este blog hemos mostrado infinidad de ejemplos del diseño que lo han acompañado.
Hace meses me contactó Nicolás Pizzi, periodista argentino, que forma parte del ClarÃn.
Me pidió que revisara las diferencias gráficas entre el sitio de Barack Obama y Hillary Clinton.
Obama le va ganando a Hillary Clinton la batalla en Internet
Aquà les muestro todo el texto que le mandé a Nicolás:
Propuesta visual:
La de Hillary Clinton es más clásica a la propaganda estadounidense; contiene gráficos ya muy utilizados anteriormente, como el logo en forma de bandera incorporado al nombre; no cambia los colores institucionales que son el azul, blanco y rojo; el diseño no es tan arriesgado, maneja botones ya muy vistos, sobre todo con un tratamiento en 3D; en cuanto a la navegación es normal, se puede llegar a las diferentes secciones por medio de menús desplegables; la información se presenta en forma aburrida; los elementos multimedia están hechas basándose en lugares comunes, las fotografÃas son escasas y con calidad muy pobre.
En en la cabeza de cada sección se muestra el mismo tratamiento gráfico. Lo que lleva a un tedio visual.


El blog se integra al sitio con el mismo estilo gráfico. Es muy tradicional, maneja en forma elemental los elementos tipográficos, para hacer que la lectura sea más amigable. Se puede compartir a Digg, Technorati y del.icio.us. Tiene iconos normales mostrando las comunidades de MySpace, Facebook, YouTube y Flickr.
En las páginas bilingües se muestran elementos de nuestra comunidad y algunas cuantas fotografÃas. Por lo menos no presenta estereotipos culturales.

El aspecto gráfico que refleja es la de una persona moderada, clásica y siguiendo los cánones visuales de propaganda.
En general el diseño sigue las pautas de toda la campaña de Hillary Clinton.
La experiencia que nos deja el sitio es algo aburrido y normal.
La usabilidad está normal.
La navegación es lineal y como que no invita a seguir explorando.
Sitio oficial de Hillary Clinton
La de Barack Obama va más allá de lo normal, se preocupa porque sus elementos gráficos tengan una buena calidad y se muestra más arriesgado; su paleta de color está muy bien utilizada, mostrando secciones bien definidas; el logo, aunque un poco confuso para algunos puristas, puede funcionar más como una marca que como el logo de un candidato; también mantiene los colores azul, blanco y rojo; los botones e iconos son muy buenos, elegantes y sin tratamientos trillados; se navega fácilmente por medio de menús desplegables bien diseñados; la información se presenta de una forma más dinámica; maneja mejor los elementos multimedia; las fotografÃas están bien presentadas y al mostrarlas en forma de galerÃa continua, gana espacio y dinamismo.
En la cabeza de las secciones se manifiestan diferentes iconos e imágenes personalizadas y bien logradas.



El blog está muy bien presentado, la tipografÃa está muy bien definida, maneja bien el estilo para enfatizar contenido, muestra un icono amigable RSS. Lo puedes compartir a Digg, Facebook, Newsvine, Stumble, del.icio.us. Los iconos de Facebook, MySpace, YouTube, BlackPlanet, Flickr, Linkedin, Register to Vote y Obama Mobile, están muy bien integrados al diseño.
En la parte del idioma Español no es tan rica visualmente.


El aspecto visual es muy rico y refleja un espÃritu más alternativo, amigable y se preocupa mucho por los detalles.
Obama mantiene la misma fuerza visual en todos los elementos de campaña.

Visitar el sitio de Obama es toda una experiencia y nos deja un grato momento visual.
La usabilidad está bien.
La navegación está bien planeada y por ende nos invita a seguir explorando el sitio.
Algo que ha llamado la atención es que para cada sector de la población estadounidense se han preparado diferentes tratamientos gráficos, desde un logo con elementos culturales especÃficos y diferente tipografÃa sin caer en el caos.

Por si alguien está interesado, ninguno valida en el W3C.
Si tendrÃa que calificar en escala del 1 al 10:
Barack Obama 9.5
Hillary Clinton 6
Sitio oficial de Barack Obama
2008 Los invito a leer los Artículos del Pasado. Encontrarán infinidad de tópicos o ligas a diferentes lugares sobre Diseño Gráfico.
Este no es un blog de "noticias de último minuto", se pretende que sea un punto de referencia en nuestra profesión.
En México Capacitación en Diseño Gráfico y clases con Adan Avelar, cursos de Diseño Web, Cursos de Diseño Editorial
y Diplomado Multimedia:
Recreo
Digital


Programación de radio vía Internet con un punto de vista original

Programa de Desarrollo de la Industria de Medios Interactivos.