La página gfx es una página para descarga de recursos de diseño, como pinceles para photoshop, imágenes jps intesesantes y de buena calidad, o ilustraciones de vectores para Illustrator o Corel o imagenes de renders para 3ds max.

La página está compuesta por dos columnas, en una nos muestran información de la página, enlaces a las distintas categorías o programas, log-in de usuario, juegos, enlace a twitter y entradas de cada mes. La tipografía es sin serifa en un color cafe claro.

Luego nos presentan una columa más ancha en donde tenemos unos links de acceso.

Una explicación del recurso que se nos ofrece; sobre la imágen de un acercamiento a la cara de una mujer, el texto es de color café, el mismo de los links de categorías. La imagen es una ilustración  digital con toques de tipografía para el pelo, maneja una tonalidad de amarillos y verdes.

Y finalmente un preview del item a descargar (pincel, vector, jpg, etc.), una pequeña desripción de lo que se va a descargar y por último unos textos, de color cafe oscuro, en donde podemos leer comentarios de usuario, o elegir la categoría del item motrado.

Para la descarga de los items se redirige a rapidshare o megaupload la mayoría de los casos.

 La página muestra una composición sencilla pero resulta muy útil en el momento de búsqueda de elementos para el diseño, la navegación es muy sencilla, para la descarga se da click sobre la imagen y nos aparece la página de servidores en donde el item está subido, cuenta con enlace a twitter, juegos, chat y RSS.

Toda la tipografía utilizada es una no serifada, en tonos cafes o negro. La página no cuenta con un identificador, más que las letras gfx en un tamaño mediano en la parte superior izquierda de la página.

El tipo de gráfica no está determinado, ya que cada uno de los elementos de descarga varía uno del otro, podemos tener un pincel para photoshop, junto a una caricatura de vectores o una render realista de un personaje u objeto o una fotográfia.

El mapa de navegación del sitio es el siguiente:

Cult-foo es un blog en donde se muestran distintos trabajos de diseño gráfico.

Tiene un cabezote que impacta y llama la atención, por su color, ilustración y manejo de color.

Es una imagen limpia, con una gama cromática interesante, con tonos apastelados pero que se entremezclan muy bien con el fondo de colores más oscuros, los dos pájaroa presentes resaltan y le dan mayor impacto a la página, además que la descomposición de colores en cuadros es muy interesante y llamativa, las flores rosadas complemtentan la ilustración y la gráfica de la misma.

El fondo en donde se muestra la misma ilustración pero en un color plano y oscuro ayuda a que la ilustración del primer plano sobresalga aún más del fondo gris, el manejo de color es muy agradable, cuenta con una amplia paleta de colores que se mezclan muy bien con el cabezote, entre columnas y con el fondo, pasando por el gris, verde, azul, rosado hasta llegar al blanco.

El sitio web maneja una tipografía sin serifas para el cuerpo de texto, títulos y enlaces, pero el identificador está compuesto por una letra paloseco y una manuscrita en color café y que se entrelaza con el cabezote, muestra el nombre (cult-foo) sobre una caja que al abrirse deja salir todo el color y composición de la parte superior de la página.

La página está compuesta por tres columnas, una de descripción y muestra de trabajos, otra de noticias y otra de inspiraciones o referentes, la primera columna tiene fondo blanco y el cuerpo de texto es negro y títulos azules, la central tiene fondo verde claro y cuerpo de texto negro mientras de la última tiene fondo azul, con enlaces del mismo color pero en una tonalidad más oscura, además que muestra imágnes pequeñas de los referentes que utiliza.

 

Al deplazarse a lo largo de la página el cabezote pasan a ser los links de la parte superior, estos intervienen en las entradas con formas geométricas circulares permitiendole un fácil acceso a ellas al usuario.

En la parte inferior de la página aparece de nuevo uno de los pájaros del cabezote, el de tonos amarillos, se presenta sobre un fondo gris oscuro con siluetas parecidas a las del cabezote, ambos sobre el fondo gris, más claro.

La página cuenta con enlace extterno de contacto, twitter, y rss (Rich Site Summary). El mapa de navegación es:

Publicity21 es un blog en donde se publican varias aplicaciones de diseño, en revistas, impresos, moda, publicidad, fotografía y otros.



El identificador del sitio web nos muestra unas manchas de colores con el texto "publicity 21" en blanco y "advertising/style/design" en un tamaño más pequeño. ambos sobre las manchas de color.










La página cuenta con la descripción de imagenes en la parte más importante de la página o de mayor tamaño, pero también podemos encontrar el enlaces para redes sociales como facebook, twitter, flickr y otros, además una zona donde se encuentra el perfil del autor del blog, una zona de enlaces (fashion, fotografía, design, tecnología, etc) y una zona de comentarios sueltos (hechos no sobre un trabajo en específico sino al autor) y una zona de búsqueda en la parte superior derecha.

La estructura de la página consta de 2 columnas verticales (enrtadas y enlaces) y dos filas superiores (enlaces e identificador).

El elemento que impacta en el sitio es el identificador por el uso de color, el fondo se presenta blanco permitiendo que las fotografías de las entradas sobresalgan.

La página describe en sus entradas temas relevantes al diseño gráfico e industrial y publicidad y moda, contanto con imagenes de portadas de revistas, libros y fotografías de moda o de campañas. En la columna derecha los distintos items tienen un fondo en color que permite que sobresalgan en la página.

El blog describe y muestra distintos temas, tendencias y proyectos:

 

La tipografía manejada en el sitio es sin serifas, maneja 4 tipos de fuente, una para los títulos y cuerpo de las entradas, una para el identificador y una distinta para los subtítulos y una para la barra de navegación de la parte superior.

El mapa de navegación del sitio es:

Alkaa es un studio de diseño gráfico francés fundado por Pep Karsten y esta página nos muestra algunos de sus trabajos.

La página nos recibe con una imagen de uno de sus trabajos en la parte superior izquierda, dándonos sus datos de publicación y cliente para quien se hizo.

La página en si es solo este cuadrante superioir izquierdo, el resto del espacio es desperdiciado compeltamente ya que en ninguno de los trabajos lo ocupa, aunque no es completamente blanco el espacio pues tiene una textura muy sutil con líneas inclinadas pero no se ocupa el espacio restante de la página.

El sitio web utiliza una tipografía sin serifa en los textos de explicación de trabajos, en la biografía y exposición de clientes del estudio de diseño. Para el identificador se utiliza también una tipografía sin serifas pero es distinta a la del cuerpo de texto de la página.

 

Este identificador está siempre presente en la parte superior izquierda de la página, se constituye del nombre del grupo de diseño y una letra (k) invertida en una tipografía distinta.

La composición de la página consta de dos filas una pequeña en donde se muestran textos explicaticos y otra en donde se ven las fotografías de un proyecto.

La página muestra cambios de color en el fondo del recuadro, van variando de acuerdo a cada uno de los proyectos que se presentan ya que son los trabajos lo que le dan color a la página web.

Las fotografías son en genetal de la totalidad del proyecto terminado, mostrando el catálogo, ilustración, plegalbe, etc., realizado pero también se presentan detalles de un identificador visual.

La página en HTML es minimalista y sobria pero tiene una buena navegación llevándonos a través de los trabajos realizados, el usuario se puede guiar gracias al sistema de navegación dado por los iconos (< >) en la parte superior derecha que nos dirigen entre los proyectos (prev, next).

El color en los textos del cabezote son en general blanco, pero en algunos proyectos varía para que se ajuste a la composición manejada en el mismo. El identificador siempre se muestra blanco y tanto la franja superior como el rectángulo en la esquina inferior derecha también varían su color de acuerdo a la paleta de color manejada en el proyecto.

El 90% de proyectos son presentados con fotografía, pero también se puede epreciar el manejo vectorial en algunos trabajos.

El mapa de navegasión del sitio web es:

Ideograma es una página de identidad visual muy interesante. La página nos recibe con con un saludo en dos idiomas y la imagen de un perro de goma, es de resaltar el uso de esta metáfora ya que nos da la idea de que ellos (ideograma) son nuestros compañeros, están a nuestro servicio tal y como lo está nuestra mascota canina.


En cuanto a color vemos el uso de un verde claro siempre presente en una columna lateral con el perro de goma y una pequeño texto a la derecha de la página que explica brevemente el objetivo de trabajo del grupo de consultores.

Se utiliza una tipografía sin serifas en toda la página, tanto en el texto de la empresa, como el identificador e información de contacto:

  

Luego de la página principal en donde nos saludan en dos idiomas distintos podemos apreciar el trabajo de este grupo mexicano, primero mostrándonos rápidamente todos sus trabajos y luego adentrándonos en cada uno de ellos, mostrándonos piezas, dándonos una breve explicación del trabajo y mostrándo los reconocimientos que hayan tenido con el mismo.

Compendio de trabajos:

 

Explicación del trabajo en específico:

 

La navegación por el sitio web es muy sencilla, al dar click en el idioma de preferencia nos redirige a la muestra de trabajos y luego por cada uno de ellos, en donde podemos adelantar, pausar o retroceder en una pequeña muestra automática que se presenta en la página. Los comandos en esta pequeña barra conocidos por todos por lo que no hay problema en la navegación.

En cuanto al color, la página siempre muestra un fondo blanco y el texto en verde con el perro de goma y el toque azul oscuro del identificador del grupo de consultores, esto para que el verdadero protagonismo lo tengan los trabajos e idientificadores que se presentan. 

Siempre que querramos regrasar al home de la página se dirige al identificador y volvermos a la página principal.

La página manea dos verticales columnas visibibles de distintos tamaños, una en donde nos muestran los trabajos y la otra de textos cortos de explicación y una fila horizontal superior en donde siempre está el identificador del grupo.

Es una página en HTML, sencilla pero llamativa e interesante, con una navegación simple de dos páginas generales (home, trabajos) y el montaje de imagenes de muestra de cada identificador, sencilla pero con un contenido muy enriquecedor.









El mapa del sitio web es: