jueves, 24 de septiembre de 2009


Definetly Dubai Jewel of the east.





Definetly Dubái es una página web creada con lenguaje ccs dedicada al turismo,en ella se muestran las principales cualidades turísticas y de negocios de Dubái.
Es una página bastante completa y extensa, ya que muestra mucha información sobre viajes a Dubái, desde los vuelos internacionales que llegan a Dubai hasta restaurantes, hoteles y museos. Cuando se ingresa en ella se presenta a Dubái mediante un video interactivo, bien realizado y muy llamativo, que captura la atención del visitante. El menú de navegación principal se encuentra en la parte superior dividido en grupos de contenidos y se repite en la parte inferior pero con una diagramación distinta. Estructuralmente la página está organizada en dos columnas, una que ocupa el 80% del espacio útil de la página muestra información sobre la sección que se está visitando encabezada por una imagen o una aplicación interactiva relacionada con el tema del texto. LA otra, queocupa el espacio restante muestra datos útiles como mapas, estado del tráficoo del clima, y links rápidos.
La página maneja una paleta cromática que varía dependiendo del fondo de lapagina que es rotatorio, compuesta en su mayoría por azules, naranjas o verdes,negro y blanco, que le dan un aire tranquillo pero elegante y que la integran con la imagen de fondo de la página según el momento . Para los cuerpos de texto se utilizan tipografías “san-serie” en distintas escalas de grises, el menú de navegación tiene un fondo azul oscuro, y los submenús son negros con transparencia y tipografía azul. Las llamativas imágenes y videos vinculados a secciones de información invitan al usuario a adentrarse en el contenido.
En cuanto a interactividad la página ofrece varias opciones, como vistas de 360 grados, mapas y enlaces a mapas virtuales (google) contacto directo con hoteles, aeropuertos y restaurantes, videos. Etc. La navegación al interior de la pagina es bastante intuitiva, y a pesar de que sus contenidos son muy extensos están organizados de tal manera que es muy fácil encontrar lo quese busca.
En general es una página bien estructurada y muy bien pensada, que cumple su objetivo de informar clara y concretamente sin bombardear al usuario con elementos gráficos innecesarios.


Brown Bag Films An oscar-nominated animation studio.







Brown bag films es una página que da a conocer la trayectoria, orígenes y trabajos de la empresa de animación del mismo nombre.
Es una página construida en Flash Brown Bag films posee una estructura simple:el menú principal de navegación se encuentra en la parte inferior, pero el contenido de la pagina nunca lo desplaza hacia abajo, es decir, el menú siempre esta visible. La estructura para las distintas secciones varia, entre 2 o 3 columnas, o bien pequeños cuadros de información, en el que se juntan imágenes y texto.



El punto fuerte de la página se encuentra en su estética; rustica y haciendo alusión a elementos que tienen algún tipo de relación con la animación, ya sea un escenario de títeres, un televisor, escenografías de animaciones cartón o fotografías. Todo esto dentro de un marco de “madera” que adquiere distintas configuraciones dependiendo de la sección que se está visitando.
Cromáticamente, la página maneja tonos ocres y cafés en texturas de tierra, madera o papel, complementados con viñetas de colores vivos como rojo verde o azul que contrastan y llaman la atención. La tipografía se compone de varias fuentes especiales más específicamente “handwritten” que complementan el aire rustico de toda la composición, aunque los cuerpos de texto son lo más simples y directos posibles, no hay demasiados en la totalidad de la pagina.
La página es bastante entretenida por que ofrece una buena interacción por medio de las animaciones flash y del portafolio de la empresa (dividido en tres líneas de trabajo), puesto que este se muestra por medio de videos contextualizados dentro de escenarios particulares. La navegación, aunque fácil luego de familiarizarse con la pagina, en un principio puede resultar algo confusa, debido a lo poco usual de la ubicación de los vínculos.



US Airforce The eye in the sky






U.S Airforce es la página de la fuerza aérea de los Estados Unidos, muestra información relacionada con la institución, así como noticias sobre la misma.
La pagina está diseñada por medio de flash y su estructura gira en tornoa una animación central de un planeta que hace alusión a la tierra,rota en distintas direcciones y velocidades, cambia y muestra animaciones según en cual de los tres links principales (air, space y ciberspace) se haga clic, en la parte superior derecha se encuentran los links de navegación de la pagina que se mantienen allí sin importar que vinculo se visite.Desde allí se pueden acceder a múltiples aplicaciones flash como juegos y texto interactivo, también videos y fotografías.
Los colores hacen alusión a la actividad aeroespacial, por ejemplo, al entrar a las secciones que muestran información sobre la fuerza aérea el fondo cambia a una imagen sobre la cual se ubica un texturizado azul, la tipografía se maneja casi completamente en color blanco, pero a los títulos se les aplica un efecto de brillo para resaltarlos aun mas sobre el fondo.
También hay elementos gráficos enriquecen la estética futurista y militar que predomina en todas las secciones de la pagina, se ve también el uso de ilustraciones y animaciones de distinto tipo que le dan a la pagina un altogrado de interactividad puesto que dichas ilustraciones son usadas como espacio de navegación en sí. La interactividad arriba mencionada se ve
enriquecida por el uso de sonidos, la mayoría de vínculos muestran una señal auditiva o visual cuando el cursor pasa por encima.


Un punto importante sobre el diseño de la página, es que a pesar de que es un documento para una institución gubernamental y aun mas, para una institución militar, el diseño saca la pagina del contexto rígido de su contenido y hace que sea amable y divertida.
En cuanto a la navegación, la página es muy fácil de navegar a pesar de que está en constante movimiento, los enlaces y los vínculos son muy sencillos de encontrar y utilizar.




Twelve South
We are not just Mac Fryenly - we are Mac Only






Twelve south es una página dedicada a la venta de equipos y accesorios para computadores Mac Debido a esto el diseño general de la pagina utiliza muchos elementos gráficos que son usados también en los productos Mac.
Estructuralmente la página mantiene una línea común entre sus distintas secciones. Al ver, por ejemplo, determinado producto la pagina lo muestra por medio de una foto detallada del mismo, debajo la pagina se organiza en tres columnas: la primera nos muestra otra foto del objeto y/o una descripción de este, en la columna central se describen beneficios o características especificas del producto, la tercer columna nos muestra la opción que permite comprar el articulo. Además de mostrar la compatibilidad del mismo. Las opciones de navegación de la pagina se ubican en la parte inferior de la pagina fondeadas por una textura café, esto podría parecer riesgoso si se tiene en cuenta que si la pagina tiene mucho contenido es posible que el usuario no pueda encontrar dichas opciones, sin embargo el contenido de las secciones de la pagina nunca es suficiente como para hacer que estas opciones pasen desapercibidas.


Cromáticamente la pagina es bastante simple puesto que el blanco predomina, dándole una apariencia muy limpia y agradable, la fuente predominante es la gill sans usada para los titulares en un negro al 80% y para los cuerpos de texto al 50%, como ya se menciono anteriormente las opciones de navegación se encuentran en la parte inferior sobre un fondo texturado y en color blanco.
La navegación de la pagina es simple y concreta, aunque cabe la posibilidad
de problemas de navegación por la ubicación del menú de opciones, aparte de esto las posibilidades de navegación son bastante obvias y fáciles de reconocer.




miércoles, 23 de septiembre de 2009

Team Green Tenesse´s outdoor adventure leaders



Team Green adventures es una página dedicada a la organización y guía de excursiones y caminatas ecológicas en el estado de Tennessee.
Está diseñada mediante lenguaje ccs y estructurada mediante dos columnas, la primera (izquierda de la pantalla) ocupa un 30% del espacio del contenido, y en ella se organizan, en la parte superior, los links de avegación, en la parte media información sobre la actividad de la empresa y su razón social o como descargas y sitios de interés, en la parte inferior links de paginas relacionadas y patrocinadores. La segunda columna que cupa un 70% del espacio principal de la página contiene la información específica de cada sección, encabezada por una fotografía rotativa de gran tamaño que tiene la mayor jerarquía visual y que ilustra momentos claves de excursiones anteriores.


Cromáticamente la pagina maneja colores verdes, cafés y ocres en una tonalidad opaca para hacer alusión a la actividad de la empresa, a su vez maneja texturas rusticas que a pesar de ser pocas y a primera vista no tan obvias, le dan mucha fuerza a la estética de la pagina, elementos como la fotografía rotatoria y los links de navegación están contextualizados dentro de la estética de la pagina al estar acompañados de detalles gráficos, como texturas de papel o sujetadores de cuero.
En cuanto a la tipografía, en la pagina se aplican, en general, tipografías san-serif con distintos manejos gráficos para los títulos o encabezados de sección, para los cuerpos de texto ( que generalmente son cortos y concretos) se usa la fuente Trebuchet con un tamaño e interlineado que permite una buena lecturabilidad sobre los fondos de colores planos.
La navegación de la página es intuitiva con una curva de aprendizaje bastante rápida, los links de navegación cambian su color y resaltan cuando el cursor les pasa por encima, dentro del contenido los vínculos se encuentran en color amarillo para diferenciarlos del texto común.

.