Blog Vecindad Gráfica Diseño Gráfico

Diseño Gráfico y Más

Archivo de la Categoría ‘Diseño Web


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.
vivabit

Flexible Layouts: Challenge For The Future

Una pequeña colección de la buena utilización de tipografía en Diseño Web.
tipografia diseno webtipografia diseno webtipografia diseno webtipografia diseno webtipografia diseno webtipografia diseno web

Web Typography At It’s Best

{}~El sitio da un error de seguridad, pero no hay problema.

Recibo un email de Luison para decirme que El Universal ha rediseñado su sitio.
Este era el antiguo:
universal

Y el nuevo:
el universal periodico

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:
pestanas universal

Y el nuevo:
universal

Las secciones se distinguen bien:
secciones universal

A mi parecer sí hicieron una mejora en el diseño.

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”.
bug css

alinear vertical

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

Estilos en Diseño Web del 2008

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.
retro sitios web

Sitios con notas hechas a mano.
notas

Estilo Grungy.
Grungy

Tinta salpicada.
tinta

Acuarela.
acuarela

Collage.
collage

Estilo boceto.
bocetos

Tipografías grandes.
tipografias grandes

Tipografías Script.
script

Patrones de madera.
madera

Patrones en zigzag.
zigzag

2008 Design Trends Web Designer Wall

El sitio del aeropuerto de Colonia/Bonn

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.
aeropuerto de Colonia/Bonn

Cologne Bonn Airport

Visto en Coudal Partners

si se pudo
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:

Comparación desde el aspecto gráfico entre el sitio de Hillary y Obama.

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.
hillary
sitio hillary

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.
hillary

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.
obama logo
obama
imagenes obama

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.
obama blog
obama blog

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.
obama poster

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.
kids obama

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


Comentarios Recientes:



Archivos por Mes

  • 2008: e f m a m j j a s o n d
  • 2007: e f m a m j j a s o n d
  • 2006: e f m a m j j a s o n d
  • 2005: e f m a m j j a s o n d
  • 2004: e f m a m j j a s o n d

  • Creative Commons License
    Esta obra está bajo una licencia de Creative Commons.

    Add this blog to my Technorati Favorites!

    BloGalaxia

    TOP Bitacoras.com para México

    Top Blogs México


    vecindad 3 aniversario

    vecindad 3 aniversario

    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.

    Si deseas recomendar una Noticia, un evento, concurso, un Sitio o aportar con un Artículo en este Blog, puedes avisarnos en el formulario de CONTACTO.

    Si tienes una pregunta específica o requieres un método de diseño visita los mejores foros de Diseño Gráfico
    foro Vecindad Grafica
    Foro de Diseño Gráfico
    Aumenta tu Cultura Visual


    Suscribirse al Foro RSS Feed

    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
    recreo digital cursos y diplomados Web


    Eventos Activos

    Dile NO a TELCEL
    NELtelcel.com

    Concurso Los Leones No Son Como Los Pintan 2008

    Concurso Los Leones No Son Como Los Pintan 2008


    Posts muy interesantes del Pasado:
  • Adrian Frutiger cumple 80
  • Blanca Nieves, el primer largometraje animado cumple 70 años
  • Nuevo anuncio de Sony Bravia, versión Egipto
  • Ja, ja, ja, ja, ¿no que no? Luis Miguel en la Vecindad
  • Reloj humano y el Sida
  • Banner interactivo de una entrevista de trabajo
  • El chico Google, Tan Chade-Meng con grandes personalidades
  • Más allá de Firefox
  • El Cine en silencio: Into Great Silence
  • Al pueblo pan y Circo- Televisa y TV Azteca

  • Ligas Recomendadas


    Posts Favoritos del Público:

    Categorías

    Agencias, Estudios o Despachos (35) Alianzas y Estrategias (30) Alumbramiento y Creatividad (8) Animación (262) Arte (122) Arte del Vecino (1) Arte en Blogs (6) Autopromoción (3) Blog de la Semana (19) Blog del Año (1) Blogs (321) Bocetos (3) Bolsa de Trabajo (6) Capacitación Personal (5) Cine (240) Color (92) Comics (172) Como se hace (5) Comunicación con el Foro (13) Concursos y Eventos (120) Creatividad (117) Cultura General (107) Desarrollo Web (7) Diferentes Tipografías (8) Diseño Alternativo (28) Diseño de Escenarios (2) Diseño de Personajes (2) Diseño Editorial o Impreso (172) Diseño en la Comunidad (5) Diseño horriblemente malo (16) Diseño Industrial (140) Diseño Supremo (32) Diseño Web (266) Educación en el Diseño Gráfico (128) Empaque (1) Encuestas (1) Entrevistas (6) Estándares Web (243) Flash (52) Fotografía (291) Frase (6) Galería del Vecino (18) Historia y Personajes Diseño Gráfico (101) Iconos (5) Ilustración (254) infografía (7) Lenguaje Visual (4) Logos de Blogs (9) Logos del Diario (2) Logos y Marcas (277) Los Viajes Ilustran (6) Mac (198) Números visuales (2) Opinión Gráfica (2) Pensamiento Célebre (3) Pensamiento Visual (82) Podcast (1) Políticas del Diseño Gráfico (1) Posters (82) Pregunta del día (3) Preprensa (2) Principios de Diseño Gráfico (12) Producción Gráfica (3) Proyecto Bitácora Vecindad Gráfica (60) Proyecto Estudiantes o recién Egresados (1) Publicidad (741) Recomendación de Sitios (10) Recursos del Diseño Gráfico (213) referencias (4) scan del día (4) Sin Categoría (37) Tecnología (588) Tendencias en el Diseño Gráfico (5) Tesoro Creativo (1) Tip del Día (10) Tipografía (195) Tips de Illustrator (30) Tips de Photoshop (97) Tutoriales (81) Técnicas de Desarrollo en el Diseño Gráfico (5) Técnicas de Diseño Gráfico (3) Ventana Visual (106) Vida Diaria (12) Vida personal diseñística (78) Video (331) Visual del día (684)

    quiteloudFM rompiendo el silencio
    Programación de radio vía Internet con un punto de vista original

    PROMEDIA  Dirección General de Comercio Interior y Economía Digital Subsecretaría de Industria y Comercio Secretaría de Economía
    Programa de Desarrollo de la Industria de Medios Interactivos.