Blog Vecindad Gráfica Diseño Gráfico

Diseño Gráfico y Más

Archivo de la Categoría ‘Diseño Web


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

MIX Essentials México 2008

La siguiente Web ya está aquí
mix essentials

El próximo 5 de junio de 2008, el equipo de Microsoft México te trae MIX Essentials, un concentrado de información destilado y condensado a su esencia con un programa diseñado para que todos los profesionistas del Web puedan charlar sobre innovación tecnológica entre ellos y con un grupo selecto de profesionistas de Microsoft sobre el futuro del Web en nuestro país.
Explora la última ola de oportunidades y ayúdanos a redefinir los límites de contenido, comercio, multimedia y medios digitales.
Experimenta implementaciones locales y mundiales de Silverlight y conversa con los jugadores clave del desarrollo y el diseño Web.
Observa lo que es posible realizar con el nuevo Silverlight Beta 2 y el recién lanzado Expression Studio 2.
Aprende a cruzar la brecha que hay entre diseñadores y programadores para crear mejores experiencias de usuario.
Imagina el límite de los posible guiado por reconocidos expertos mundiales con material de primera mano.
Crece tu red de contactos con profesionistas de la industria Web y participa activamente en lo que será la siguiente Web.

Participa de lo esencial.

MIX Essentials es una oportunidad única para tocar diversos puntos como diseño, experiencia de usuario, desarrollo de aplicaciones, negocio y tecnologías de vanguardia bajo un mismo techo. La dirección es:

Microsoft México
Paseo de los Tamarindos No 400 A Piso 22,
Col. Bosques de las Lomas,
Del Cuajimalpa
México, D.F., México

Jueves 5 de junio de 2008, a partir de las 8:30 a.m

8:00 – 9:00
Registro y servicio de café

9:00 – 10:00
Conferencia Magistral:
Tim Heuer: Building RIA with Silverlight 2

10:00 – 11:00
Conchango:
Virgins, Spaceships & Total Experience Design

11:00 – 11:15
Receso

11:15 – 12:15
Conchango:
Beauty & The Geek

12:15 – 13:15
Alex Souza / Mauricio Angulo:
Creando experiencias Web con
Microsoft Expression Studio 2

13:15 – 14:00
Receso para comida

14:00 – 15:00
Conchango:
Love your XAML

15:00 – 16:00
Tim Heuer:
Working with Data in Silverlight 2

16:00 – 17:00
Gabriel Corvera Ortiz:
Windows Live

17:00 – 18:00
Arturo Vázquez
Cómo ser un socio de Microsoft

18:00
Cierre del evento

¡Regístrate ahora!

Tag GalaxyTag GalaxyTag GalaxyTag Galaxy

Tag Galaxy

En Vandelay Design nos muestran 40 servicios que se dedican a convertir una maqueta web hecha en PSD a HTML y CSS.
psd a html

Eso de seguro ya lo has hecho, porque para que tu cliente apruebe el diseño, primero se lo mostrarás en un documento Photoshop - JPG.

Este tipo de negocios te aseguran crearte una maqueta completa en HTML y CSS, que funcione bien.
Por supuesto que sus precios no son para nada módicos, pero si de por sí existen muchas agencias comprando templates de Flash y se las venden a sus clientes una y otra vez, no dudo que ellos puedan contratar un servicio de estos y que para ti, si te dedicaras a ello te daría una buena entrada.

40 Options for Converting PSD to HTML

El sitio de Lacoste 75 aniversario

Buen diseño visual para celebrar 75 años de Lacoste.
Imaginen el año 2083.
lacoste 75lacoste 75lacoste 75lacoste 75

Lacoste Future 2083

Visto en Fubiz

ColorFlip

Sólo eso. Cambia de color la página web.
colorflip

ColorFlip

Webmonkey está de regreso

Regresa ese gran sitio de donde muchos aprendieron lo esencial en Diseño Web.

Hasta han cambiado el diseño del sitio y del Logo. Este es el logo antiguo:
web monkey logo

Y el nuevo:
webmonkey logo

Esperemos seguir aprendiendo en el nuevo.

Webmonkey: the Web Developers Resource

Para CMS, en lo personal utilizo más Joomla.
Aquí encontrarán una buena reseña de algunos CMS, para cuando decidas utilizar uno.
radiant cms

13 free CMS options for web design professionals

Una gran cantidad de ligas a tutoriales o cursos por si deseas entrar al mundo del desarrollador web. Algunos son muy básicos otros no son tan buenos, pero de seguro alguno te ayudará.
Los apartados abarcan Web Development, Multimedia, Web Design, Freelance/Entrepreneurial Collections, Finance and Business, Advertising and eMarketing, Programming, General Computer Collections,

100+ Open Courseware Collections for Aspiring Web Devs


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


    vecindad 3 aniversario

    vecindad 3 aniversario

    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
    foroN.jpg
    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:
  • A los fans de Diablo III no les gusta que sea tan colorido
  • Pixelians, personajes en pixeles
  • Se busca novia japonesa
  • Más de 70 recursos JavaScript para desarrolladores web
  • ¿Vecino te sientes mal?
  • Hacer ejercicio nos ayuda física y mentalmente
  • Más y más colores
  • Galerías Absolut
  • Gracias a PixelEyeGermany
  • International poster una muestra comercial de carteles

  • Ligas Recomendadas


    Posts Favoritos del Público:

    Categorías

    Agencias, Estudios o Despachos (31) Alianzas y Estrategias (29) Alumbramiento y Creatividad (8) Animación (259) Arte (115) Arte del Vecino (1) Arte en Blogs (6) Autopromoción (3) Blog de la Semana (19) Blog del Año (1) Blogs (319) Bocetos (3) Bolsa de Trabajo (5) Capacitación Personal (4) Cine (237) Color (91) Comics (168) Como se hace (5) Comunicación con el Foro (13) Concursos y Eventos (115) Creatividad (115) Cultura General (107) Desarrollo Web (3) Diferentes Tipografías (8) Diseño Alternativo (27) Diseño de Escenarios (2) Diseño de Personajes (1) Diseño Editorial o Impreso (169) Diseño en la Comunidad (5) Diseño horriblemente malo (16) Diseño Industrial (133) Diseño Supremo (32) Diseño Web (260) Educación en el Diseño Gráfico (123) Empaque (1) Encuestas (1) Entrevistas (6) Estándares Web (234) Flash (51) Fotografía (287) Frase (6) Galería del Vecino (18) Historia y Personajes Diseño Gráfico (100) Iconos (3) Ilustración (250) infografía (6) Lenguaje Visual (4) Logos de Blogs (9) Logos del Diario (2) Logos y Marcas (261) Los Viajes Ilustran (6) Mac (197) 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 (75) 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 (58) Proyecto Estudiantes o recién Egresados (1) Publicidad (726) Recomendación de Sitios (10) Recursos del Diseño Gráfico (200) referencias (4) scan del día (2) Sin Categoría (37) Tecnología (576) Tendencias en el Diseño Gráfico (5) Tesoro Creativo (1) Tip del Día (10) Tipografía (190) Tips de Illustrator (30) Tips de Photoshop (96) Tutoriales (73) Técnicas de Desarrollo en el Diseño Gráfico (5) Técnicas de Diseño Gráfico (3) Ventana Visual (107) Vida Diaria (12) Vida personal diseñística (77) Video (327) Visual del día (669)

    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.