miércoles, 2 de mayo de 2012
"La inspiración se encuentra en todas partes, hay que ser muy perceptivo. pero sobre todo persistentes"
el conferencista Andres Barrientos, nos da muchos tips en el caso que nos queramos ir por el lado de la cinematografía. por medio de proyectos de la empresa Diafragma Fábrica de películas.
el mayor aporte seria que al momento de iniciar un proyecto se debe estar sujeto a cambios que durante el clímax del mismo es cuando se sabrá realmente la trama del mismo.
lunes, 5 de marzo de 2012
Diseño de layout o estructura web
Al crear un diseño de web, uno de los
aspectos más importantes es el layout. Idea inicial que ofrecemos al cliente,
sobre la que se trabajara y que sirve para establecer los lineamientos base que
tendrá nuestro sitio. Mucha gente tiene en cuenta la importancia de hacer un
buen layout y cómo hacerlo; pero los conceptos básicos del diseño web son ignorados
a menudo.
A la hora de diseñar un layout se deben considerar aspectos como el espacio y el espacio en blanco del layout, imágenes y gráficos en la estructura web, ancho del texto y alineación del layout. Aspectos a tener en cuenta con respecto a la retícula, la identidad corporativa, la jerarquía del sitio y los elementos de navegación a utilizar. Que se han estipulado anteriormente con el cliente.
Con respecto al El espacio y el espacio en blanco en el layout es vital Mantener una resolución de pantalla como objetivo y aunque la mayoría de los usuarios se han alejado hace tiempo de la clásica resolución de 800×600, no la pierdas de vista cuando hagas el layout. Si no tienes en cuenta resoluciones de navegador inferiores puedes estar dejando de lado a un porcentaje de usuarios nada despreciable. Además el uso de un tamaño relativo fluido en determinadas secciones del diseño de tu página web por ejemplo en la zona principal del contenido, de modo que se expanda y contraiga para adaptarse a la ventana del navegador, lo hace más usable, mejorando la experiencia del usuario.
¿Por qué no centrar la web en la pantalla del navegador y mejorar así su presentación?
A la vez que centras la página en el
navegador, puedes ponerle un color de fondo diferente al sitio. Esto mejorará
la apariencia de tu web con los cambios de resolución que se producen de un
usuario a otro. Las grandes resoluciones mostrarán una parte de la ventana de
navegación con el color de fondo que hayas elegido, mientras que los
navegadores con resoluciones más pequeñas mostrarán menos o ningún color de
fondo.
Referente a imágenes y gráficos en tu estructura web Uno de los errores de diseño más comunes es insertar las imágenes en una página de cualquier manera sin pensar en el layout. Esto visualmente no queda muy bien, puesto que por defecto las imágenes se alinean a la izquierda, resulta mucho más agradable verlas centradas. Es fácil dejarse llevar por la gran cantidad de imágenes y animaciones disponibles, pero si te pasas añadiendo imágenes a tu web, puedes hacer que resulte muy difícil de leer o incluso molesto.
La mayoría de personas pueden leer cómodamente alrededor de 7 a 11 palabras en una línea. Con más palabras el texto se vuelve difícil de leer, con menos se vuelve incoherente y distraen los saltos de línea. Por esto es de vital importancia tener encuenta el ancho del texto y su alineación. Evitando de antemano centrar el texto, centrar un texto en HTML y que quede bien es complicado, y además conseguir que se lea con facilidad mucho más.
Cuidar la alineación es muy importante ya que la alineación de los elementos de la página es más que justificar o no el texto o flotar un menú a la izquierda o a la derecha. La alineación proporciona el marco estructural de un diseño web. La alineación puede afectar a la experiencia del navegante en tu web y a la efectividad de la misma en lograr sus objetivos.
A continuación tienes los ejemplos más
típicos de alineación en los layouts:
¿Organizar la información?
“El principio de todo
conocimiento es la clasificación.”
Nos organizamos para comprender, explicar y controlar. La forma en la que las personas comprenden la información, influye en la manera de organizar, etiquetar y relacionar esta.
Los retos que se presentan, para
la organización no son nuevos, las personas han luchado con las dificultades de
organizar la información por siglos. El
Internet está obligando a la responsabilidad de organizar la información, a
medida que este ofrece a todos con la
libertad de publicar la información.
Los retos que se presentan:
·
La
ambigüedad
·
Heterogeneidad
·
Las
diferencias en las perspectivas
·
Política
Interior
Los Sistemas de organización se componen de:
Esquemas de organización: Un esquema de organización define las características comunes de los elementos del contenido e influye en la agrupación de esos artículos.
Estructuras de la organización: Una estructura
de la organización define los tipos de relaciones entre los
elementos de contenido y de los grupos.
Esquemas de
organización: Un esquema de organización define las
características comunes de los elementos del contenido e influye en
la agrupación de esos artículos.
Podemos encontrar dos tipos de esquemas de
organización fundamentalmente diferentes.
Exactos: Los
Esquemas de organización Exactos dividen la información
en secciones bien definidas y mutuamente excluyentes. Como el esquema de organización en
orden alfabético de las páginas blancas del directorio
telefónico, el problema con los esquemas exactos es que
requieren que el usuario conozca el nombre específico de los
recursos que está buscando. estos esquemas se dividen en tres clasificaciones:
alfabética, cronológica y geográfica.
Ambiguos: El
híbrido de actualidad / orientado a las tareas-esquema de
organización de los supermercados. Dividen la información en categorías sin una definición
objetiva En algunos casos son más importantes y útiles que los esquemas exactos.Los elementos
agrupados tienen relaciones que permiten conocer más
Tipos: Por Temas, Orientados a Tareas, Público-Específico, Impulsados por Metáforas.
Estructuras de Organización
Juegan un papel importante en una
web, el cual no se nota, pero sin estas un usuario no se podría mover de una
forma adecuada por menús y acceder a una información que busca.
Posee estructuras como la jerárquica,
el modelo de base de datos y el hipertexto.
Creación de sistemas cohesivos de
la Organización
Es necesario pensar en las estructuras de organización que
influyen en cómo los usuarios pueden navegar a través de estos esquemas. Al
considerar que los esquemas de organización para usar, recuerde la diferencia
entre exacto y ambigua esquemas.
presentación completa:
lunes, 27 de febrero de 2012
miércoles, 22 de febrero de 2012
martes, 14 de febrero de 2012
Diseño de Sistemas de Navegación
Espera, Gretel,
hasta que la luna se levante, y entonces veremos las migas de pan que he
sembrado alrededor, que nos mostrará el camino a casa de nuevo.
- Hansel y Gretel
A medida que nuestros
cuentos de hadas sugieren,que perderse a menudo es una mala cosa. Y lo asocian con confusión, frustración, ira y
miedo. En respuesta a este peligro se han desarrollado herramientas de navegación para
evitar que la gente se pierda. Desde las migas de pan a la brújula, la gente ha demostrado un gran ingenio en el
diseño y uso de herramientas de navegación.
lunes, 13 de febrero de 2012
¿Qué hace que un sitio web funcione?
Te has preguntado el porqué del impacto que causan algunos sitios web en nosotros? O del por qué preferimos ingresar a ciertos sitios sobre otros así ofrezcan los mismos servicios? Que hace que tengamos cierta predilección sobre algunos sitios entre los miles que existen en la red?
Esto se debe principalmente por la identificación que sintamos con el sitio en particular; la forma en que intuitivamente podamos ser capaces de acceder a su contenido; de que en general su estructura fluya con normalidad para nosotros.
Y ¿Cómo logramos esta conexión con el usuario?; por imposible que parezca no es una utopía el aspirar tener un sitio capaz de conectarse con el usuario; lo único que se necesita es ponerse en los zapatos de este y velar por sus necesidades. Solo así será posible llegar a ser un verdadero productor de sitios webs, cuyos proyectos realmente funcionen y le den las herramientas al usuario para navegar sin problemas.
Para llegar ponerse en el lugar del usuario es necesario que deje de lado su faceta como productor web y retomar su faceta de consumidor; el mejor productor de sitio web es un consumidor con experiencia. Debemos convertirnos en los más duros y críticos consumidores de sitios web que sea posible. Determinar que nos gusta y que nos saca de quicio, y por qué. Cada sitio web requiere una arquitectura diferente, diseñado con sus usuarios y usos particulares en mente.
Esto se debe principalmente por la identificación que sintamos con el sitio en particular; la forma en que intuitivamente podamos ser capaces de acceder a su contenido; de que en general su estructura fluya con normalidad para nosotros.
Y ¿Cómo logramos esta conexión con el usuario?; por imposible que parezca no es una utopía el aspirar tener un sitio capaz de conectarse con el usuario; lo único que se necesita es ponerse en los zapatos de este y velar por sus necesidades. Solo así será posible llegar a ser un verdadero productor de sitios webs, cuyos proyectos realmente funcionen y le den las herramientas al usuario para navegar sin problemas.
Para llegar ponerse en el lugar del usuario es necesario que deje de lado su faceta como productor web y retomar su faceta de consumidor; el mejor productor de sitio web es un consumidor con experiencia. Debemos convertirnos en los más duros y críticos consumidores de sitios web que sea posible. Determinar que nos gusta y que nos saca de quicio, y por qué. Cada sitio web requiere una arquitectura diferente, diseñado con sus usuarios y usos particulares en mente.
viernes, 10 de febrero de 2012
Retroalimentación infografíca
MTV. (Luis
Montoya)
El manejo de grafica de datos es muy asertivo, le otorga
dinamismo y personalidad a la pieza, además de suministrar el soporte necesario
a la información textual y dale un equilibrio a la composición resaltando la
información que se quiere dar a conocer de un fondo saturado. El manejo del
color es impoluto, e impactante, el manejo tipográfico a pesar de ser
minucioso, carece de legibilidad al tener una fuente tan pequeña, esto pudo
evitarse de haber tomado un enfoque diferente de la pantalla, evitando no solo
los problemas del tamaño de fuente, si no el manejo de sombras en perspectiva
que carecen de realismo.
ANGRY BIRDS. (Juan José Gonzales)
El manejo de recursos goza de una gran consistencia a través
de toda la pieza, con una clara identificación de identidad grafica de la
marca; colores, formas, y estructura realzan la composición y le hacen
llamativa e impactante. El manejo
tipográfico es interesante al jugar con diferentes tipografías para el título y
el cuerpo del texto.
Es de resaltar el buen manejo de vectores en la composición,
sin embargo debe ser más cuidadoso a la hora de alinear los bordes, se
encuentran desviados a la izquierda y le resta profesionalismo a la pieza.
CAFÉ, DEL
CAMPO A TU CASA. (Cesar Noreñas)
La parte grafica cuenta con buena unidad, en caso de que la
intención fuese comunicar a nivel interno de la compañía la composición es
digna de halagos, sin embargo el título me da a entender que el público
objetivo son los consumidores del producto, en cuyo caso se hace frígida la
composición y nuble la intención del mensaje al suprimir el elemento
humanístico. El manejo del color es acertado y aliciente; el recurso
tipográfico aunque acertado pudo variar
en fuentes entre el título y el cuerpo del texto.
Es de admirar el respeto y cuidado con el que se manejó la
estética característica de la marca. Colores, fuentes, y recursos remiten
inmediatamente a la compañía; el único elemento a discernir seria la falta de
claridad en la sección media de la pieza, donde es complicada la interpretación
del mensaje a falta de un título o elemento que nos entregue información acerca
del tema a tratar.
GIBSON Les Paul. (Danilo Burgos)
Un aspecto importante a la hora de disponer información, es
la estructura en la que se enmarca, esta debe ser identificable y guardar
cierta alineación. Sin embargo, no es posible determinarla con facilidad en la
pieza, dando la sensación de desequilibrio. En el caso de encontrarnos con una
estructura de dos columnas la alineación de contenidos: títulos y textos, no se
encuentra bien lograda.
En cuanto al manejo de fuentes pudo ser más interesante sin
perder legibilidad. El manejo de recursos goza de gran variedad, el manejo del
color en títulos tanto en textos es acertado, a excepción del titulo de
anatomía donde pudo hacerse uso de
recursos de inter relación de formas para asegurar legibilidad. El uso de calco
interactivo en logos esta fuera de discusión, no le otorga respeto a la marca.
PIRATERÍA.
(Juan Rodríguez)
El manejo de recursos es claro y permite visualizar la información
con facilidad, el contenido al ser poco y conciso le brinda al usuario interés en
su información; la redacción es una parte vital a la hora de presentar textos,
debe tener más cuidado con ella, se presentan problemas de conectores y verbos
sobrantes.
El manejo de perspectivas es un tema complicado, se debe reconsiderar
el manejo de esta en la presentación del logo que carece de claridad; el manejo
del color es acertado.
CUPCAKES. (Lina Aragón)
La parte grafica de la pieza le otorga personalidad y dinamismo,
el manejo del color está muy bien logrado, existen problemas de legibilidad de títulos
que se evitarían cambiando el color de la fuente. La consistencia de la composición
se ve afectada en la parte inferior al exponer la información casi únicamente de
manera textual. Pudo utilizarse de manera más dinámica el concepto de bebida en
la elaboración de gráficos.
911 PORSCHE. (Gerson Mena)
STANLEY. (Mateo Ospina) 911 PORSCHE. (Gerson Mena)
El manejo de recursos es muy acerado, ofrecen a la composición
un foco de atención. La estructura es clara y prolija, el manejo del color y tipografías
es congruente con la marca. Excelente manejo isométrico representa de forma asertiva
las cualidades del producto.
Referente al manejo de la estética de la marca, pudo ser
manejado de mejor forma; el uso de degradados
radiales en el fondo, y manejo de luz y
sombra en las ilustraciones le adicionarían
mayor identificación con la marca.
RESIDENTEVIL. (Nicolás Palacios)
El uso de recursos en el momento de representar los datos es acertado en mayor parte de la pieza, se destaca el símil realizado entre la cadena de ADN de mutación con una línea de tiempo, es una forma creativa de representar la información; por otra parte el grafico de barras carece de espacio en la composición da la sensación de ser algo improvisado y sin culminar. El manejo de color es adecuado a la temática; el manejo de fuente es adecuado, mas pudo ser más interesante.
DE RIDDLE A VOLDEMORT. (Juan Sebastián Duran Cárdenas)
El manejo tipográfico es impecable, utiliza la fuente de saga; el manejo del color está bien logrado y el uso de texturas le da un toque único a la pieza, en generar el proyecto se destaca por estar bien pensado y construido. El único aspecto a resaltar era la ausencia del logo de la marca, que fue arreglado en la ultima versión.
RESIDENTEVIL. (Nicolás Palacios)
El uso de recursos en el momento de representar los datos es acertado en mayor parte de la pieza, se destaca el símil realizado entre la cadena de ADN de mutación con una línea de tiempo, es una forma creativa de representar la información; por otra parte el grafico de barras carece de espacio en la composición da la sensación de ser algo improvisado y sin culminar. El manejo de color es adecuado a la temática; el manejo de fuente es adecuado, mas pudo ser más interesante.
DE RIDDLE A VOLDEMORT. (Juan Sebastián Duran Cárdenas)
El manejo tipográfico es impecable, utiliza la fuente de saga; el manejo del color está bien logrado y el uso de texturas le da un toque único a la pieza, en generar el proyecto se destaca por estar bien pensado y construido. El único aspecto a resaltar era la ausencia del logo de la marca, que fue arreglado en la ultima versión.
La parte grafica destaca sobre la información referente al tema; el trabajo de ilustración está muy bien trabajado. En cuanto a la información es concisa y representada gráficamente; el manejo del color es adecuado al tema y denota la personalidad de los personajes; el manejo tipográfico es justificado por lo que a pesar de que pudo ser más interesante es adecuado al mensaje a comunicar.
S.O.P.A (Felipe Salazar)
Una ingeniosa representación gráfica de la información; la utilización de elementos del contexto para representar la información le da un toque de ironía, el manejo del color funciona muy bien, y el manejo tipográfico es acorde a la seriedad de la infoemacion.
AVENTURE TIME. (Juan Manuel Garzón)
Se identifica totalmente con la marca; el maneo del color, el manejo de Fuentes tipográficas, y el uso de recursos infograficos, respetan la estética de la marca. El uso de los personajes originales le otorga profesionalismo a la pieza.
PHINES AND FERB. (Nicolás Botero)
El manejo de la estética está bien aplicado; es fácilmente reconocible la esencia de la serie. El manejo de recursos infograficos están bien logrados; las relaciones entre personajes están bien definida.
ANGRY BIRDS. (Andrés Arcila)
El uso de la interfaz de la aplicación como herramienta para hablar del juego es muy ingeniosa; el manejo de los personajes y escenarios está bien equilibrado. El uso de los personajes reales de la aplicación le otorga credibilidad a la pieza.
viernes, 3 de febrero de 2012
viernes, 27 de enero de 2012
What Kind Of Videos Do Americans Watch On Their Mobile Devices At Work
INFOGRAPHICS
A 2011
Harris Interactive Poll discovered that the majority of American workers want
companies to allow them to use any mobile devices they choose for work-related
tasks. This infographic done with Wistia, looks at the fact that they actually
use them to secretly stream online videos is another story.
Comentario:
El lugar de trabajo en ocaciones también puede ser de recreación, esto nos muestra esta infografia donde hablan de los usos que tiene los aparatos móviles en el trabajo. y que cantidad de empleados los usan de forma pertinente durante las horas laborales.
El lugar de trabajo en ocaciones también puede ser de recreación, esto nos muestra esta infografia donde hablan de los usos que tiene los aparatos móviles en el trabajo. y que cantidad de empleados los usan de forma pertinente durante las horas laborales.
The Joy Of Social Media – How Bob Ross Sees It
ILLUSTRATION,
INFOGRAPHICS
Of all the
happy little worlds Bob Ross has created on his canvasses, none are as
intriguing as his social media landscape series. We collaborated with Flowtown
to create this social media/public television mash-up masterpiece.
Comentario:
en esta infografia nos hablan de la forma de ver el mundo de Bob Ross, un mundo de pajaritos y mariposas, donde no hay cabida para el pesimismo, esto nos lo muestras atraves de la ironía al contraponer una imagen negativa, con el optimista comentario de Bob Ross.
en esta infografia nos hablan de la forma de ver el mundo de Bob Ross, un mundo de pajaritos y mariposas, donde no hay cabida para el pesimismo, esto nos lo muestras atraves de la ironía al contraponer una imagen negativa, con el optimista comentario de Bob Ross.
How To Spot a Yelp User
INFOGRAPHICS
Yelp users
certainly have a unique way of seeing and interacting with the world. You can
easily recognize one by their penchant for food photography and need to review
everything from parking lots to laundromats. Enjoy this infographic created
with Flowtown to see how you can identify a Yelp user.
Comentario:
de forma cómica nos muestra como identificar a los " A YELP USER" dentro de nuestro entorno, al poseer características marcadas y fáciles de identificar.
miércoles, 25 de enero de 2012
jueves, 19 de enero de 2012
Infografías “periodismo visual”
Actualmente estamos inmersos en el mundo de la imagen,
lo cual ha opacado en gran medida otras formas habituales de
comunicación. Los alcances de la imagen al captar nuestra atención son tales
que pueden impregnarnos de información que no consideraríamos por otros medios,
Por esto es necesario tener métodos a través de los cuales podamos procesar la
gran cantidad de información que nos llega a través de dichas imágenes. La
Infografía es una combinación de imágenes y textos con el fin de comunicar
información de manera visual y facilitar su transmisión; ya que el texto puede
comunicar aspectos de nuestro entorno que no pude ser mostrado mediante
imágenes y viceversa.
Es necesario conocer el contexto en el que se publica la
infografía, para crear gráficas y texto, que conformen una información
completa, impactante y sencilla de entender; y así estas puedan responder al
qué, quién, cuándo, dónde, cómo y por quién, como cualquier artículo de
investigación periodística.
Las aplicaciones más comunes de la infografía son: infografía
periodística, infografía online, infografía arquitectónica, infografía
instructiva, infografía cartográfica. Y pueden dividirse en
categorías como: gráficos, mapas, tablas y diagramas.
Suscribirse a:
Entradas (Atom)