Jun 30 2009

Una guia sobre tipografia Web

La tipografia para la Web ha recorrido un largo camino desde que Tim Berners-Lee subio el switch en 1991. Ya desde los dias del IE 1.0 una buena fuente para la web era algo como un oximoron. Hoy las cosas son diferentes. No solo tenemos navegadores que soportan imagenes sino que tambien podemos dar vida a nuestras paginas Web por medio de una buena tipografia.
En primer lugar, vale la pena señalar que tipografia no es solo acerca de la eleccion de una fuente o incluso saber distinguir un tipo de fuente de otro. Recientes experimentos demostraron que monos entrenados fueron capaces de identificar correctamente la fuente Helvetica 90% del tiempo.

En este articulo hablaremos de la tipografia Web en terminos de una receta de cuatro ingredientes fundamentales. Si alguna vez ha intentado cocinar un suffle, sabra lo importante que es la receta. Siga esta receta y su tipografia resaltara. Como en una metafora culinaria, vamos a cocinar:

Contraste
Un texto rosa palido sobre un fondo azul palido, tal vez combine en una camiseta, pero simplemente no se lee bien. El texto existe para ser leido, asegurese de contrastarlo con el fondo lo suficiente para lograrlo. Si Usted siempre esta seguro acerca de los contrastes, haga la siguiente prueba: abra su software editor de imagenes y convierta la imagen a escala de grises. Entonces se dara cuenta si tiene el contraste adecuado.
Robert Bringhurst, tipógrafo consumado escribe, la tipografía existe para honrar a contenido. ¿Estamos honrando el contenido, si diseñamos nuestras páginas de tal manera que el texto, el contenido, es difícil de leer?
Personalmente no me gusta leer largos tramos de texto invertido, (por ejemplo texto blanco sobre fondo negro), ¿con que frecuencia vemos esto en los libros? Bien, esto puede ser apropiado para tramos cortos de texto en la pantalla, pero resulta muy cansado leerlo al cabo de un periodo de tiempo.

Tamaño
Con el nacimiento de la WEb 2.0, nacio tambien una tendencia mas bien molesta, llamese tipografia pequeña. Muchos argumentaran que con el uso de gafas se puede leer bien o que el tamaño pequeño se acomoda a ciertos diseños minimalistas, sin embargo a menos que sea Superman o la Chica Vision 20/20, la gran mayoria somos lectores promedio por lo que las fuentes pequeñas no deberian de ser.
No haga cuerpos de texto por debajo de 10 o 12 px y, de ser posible hagalos mas grandes.
Recuerde que lo que es legible en un monitor de plasma de 65 pulgadas, puerde no serlo para una MacBook de 15.

Jerarquia
La tipografia de diferente tamaño es una de las mejores maneras de diferenciar el contenido. Los colores y las cajas pueden ayudar bastante, pero utilizar diferentes tamaños de tipografia a lo largo de una pagina, sera una señal fuerte y clara para los lectores sobre la importancia relativa de los elementos de una pagina.
Tambien significa que si sus lectores tienen prisa, puedan encontrar rapidamente la informacion mas importante y que podria significar que se queden mas tiempo a leer su contenido.
La jerarquia se puede lograr de otras maneras. Acabamos de mencionar el uso de diferentes tamaños de tipografia, pero tambien podemos utilizar diferentes estilos, puras mayusculas o el uso de cursivas para los subtitulos. La tipografia serif y la sans serif tambien se pueden mezclar con buenos resultados.

Espacio
Deje que la tipografia respire. No tenga miedo de dejar espacios en blanco en sus paginas. Este espacio negativo o en blanco le ayudara a centrar la atencion en el texto, y es el texto el que habla mas alto y debe ser escuchado. Enseguida, recuerde la propiedad de interlineas en CSS, una buena regla general es que el espacio entre lineas de un texto debe ser cuando menos del 140% de su tamaño. Los buenos diseñadores de tipografia ponen mucha atencion en ese micro espacio en blanco que se encuentra dentro de la tipografia. Pasan horas tratando de lograr un equilibrio entre el negro del tipo y el espacio en blanco que lo rodea.
Asimismo, debemos tener tiempo para examinar los macroespacios en blanco, o “huecos” que dan forma a los bloques de texto.

Recuerde que, estas no son normas, sino mas bien directrices. Sin embargo siga el contraste, el tamaño, la jerarquia y el espacio y su tipografia se elevara como un suffle.

Texto tomado y traducido del articulo publicado originalmente en I love typography y que podemos abrir desde aqui: A Guide to Web Typography


Jun 30 2009

Arthur Mount, Ilustrador genial

Pocas veces encontramos en nuestros recorridos por la red ilustradores que basen su trabajo exclusivamente en el diseño con vectores, tal es el caso de Arthur Mount.
Arthur Mount crea ilustraciones para una amplia variedad de clientes de un diverso espectro de industrias. Su trabajo se publica en forma regular y se ha creado para impresión y web, publicidad y editorial, televisión y el cine, asi como para gigantes de la industria y empresas nacientes, los deportes y la moda, jóvenes y viejos, grandes y pequeños.

http://www.arthurmount.com

Fuente: Gratificante el blog


Jun 30 2009

Como se compone un logotipo

Hace algunos meses recorriendo el blog Gratificante habiamos leido un interesante y muy completo articulo acerca de como diseñar un logotipo. Hoy nos volvemos a encontrar con este articulo y esta vez queremos compartirlo con Ustedes.
Nos podran decir que ya hemos posteado varios articulos sobre este tema, y es cierto. Sin embargo, el articulo en cuestion, mas que decirnos los pasos para diseñar un logotipo, se enfoca en las diferentes maneras en que se puede crear un logotipo basandose en sus elementos, es decir, existen logotipos realizados solo con el nombre o firma de su propietario, otros combinan un elemento visual junto con el nombre, algunos mas utilizan solo las iniciales de la empresa, etc.
Enseguida reproducimos el articulo originalmente posteado en Gratificante el blog:

› Continue reading


Jun 29 2009

7 Consejos para lograr fotos increibles

Todos los que somos aficionados a la fotografia, queremos siempre de buenas a primeras lograr fotos fantasticas, tomar esas fotos que vemos en los sitios de fotografia y que a nuestros ojos no son tan dificiles de lograr, sin embargo esto no es tan facil como aparenta, se requiere de practica y dedicacion, conocimiento del tema y sobre todo aprender a manejar una buena camara.
El blog dZoom nos regala con una serie consejos que sin duda son decisivos para lograr esas fotos que nos haran famosos.

Dispara Siempre a la Máxima Resolución Posible

No cabe duda de que las imágenes en su máxima calidad y resolución ocupan mucho más que otras más modestas. Pero no es menos cierto que el precio de las tarjetas de memoria ha caído en picado. Piensa siempre que, si haces la foto de tu vida a baja resolución, nunca vas a poder recuperar el detalle de aquel mágico momento. Merece la pena disparar siempre a la máxima resolución.

Aprende a Manejar tu Cámara

En general somos un poco perezosos a la hora de enfrentarnos al manual de nuestra cámara. Es curioso: uno de los temas más repetidos en el foro de dZoom (aunque su cometido no es ese) es el de los manuales en castellano. Me gustaría conocer el porcentaje de la gente que tras una intensiva búsqueda del manual de su cámara en español luego se lo lee. Tu cámara puede hacer mucho más de lo que te imaginas: merece la pena que aprendas a usarla para sacarle el máximo partido.

Dispara Tanto como Puedas

En la fotografía digital disparar es GRATIS: sólo gastas un poco de energía de tus baterías y un poco de espacio en tu tarjeta. Tanto unas (las baterias) como otras (las tarjetas) son muy económicas y siempre se pueden recargar (las primeras) o vaciar (las segundas). Dispara todo lo que puedas: nunca sabes cuál va a ser el momento de ese instante mágico. Disparando a todo trapo, maximizas la probabilidad de realizar una captura inolvidable.

 Aprende Composición: Nunca Olvides la Regla de los Tercios

Es curioso como se concentra el concepto de la belleza en una serie de reglas que determinan el encuadre más bello. Date tiempo para conocer y poner en práctica las reglas básicas de la composición, especialmente la Regla de los Tercios. Una buena foto depende mucho más de un buen encuadre que de una buena cámara… Y un buen encuadre es mucho más económico que una buena cámara

Siempre Hay Detrás una Historia que Contar

Una foto siempre habla de algo: siempre cuenta una historia. Cuando dispares, piensa qué es lo que quieres ilustrar, cuál es el recuerdo que pretendes evocar, o cuál el mensaje que deseas transmitir… Si lo piensas bien, es posible que cambies el modo de realizar la instantánea.  

El Fondo Sencillo, sin Detalles

Uno de los elementos fundamentales con los que hay que jugar en fotografía es con el centro de atención. Debes tener capacidad de síntesis y saber comprender cuales son los elementos que deben captar el interés del que observe tu fotografía. Por eso, es especialmente interesante recoger fondos no muy llamativos ni con muchos detalles, para centrar la atención del observador en el motivo principal de tu instantánea.

Mejor con Luz Natural Una fotografía recoge la luz que reflejan los motivos de interés. Los tonos y matices de la fuente de luz condicionan totalmente nuestra instantánea. En la mayoría de los casos, la riqueza de la luz natural la hace idónea frente a las fuentes artificiales de luz. Así que… sal afuera y toma luz natural siempre que puedas. Tus fotos te lo agradecerán.

 

Fuente: dZoom


Jun 29 2009

Mapas, mapas y mas mapas, gracias a Strange maps

Buscar y coleccionar mapas antiguos y raros es uno de mis pasatiempos  favoritos, de hecho este blog y su imagen deben su nombre gracias a esta aficion, incluso nuestro anterior sitio tiene una imagen con base en este tipo de mapas.
Bien, hemos encontrado un blog que tiene por tematica los mapas extraños, antiguos, originales, en fin toda clase de mapas que se salgan del comun al que todos estamos acostumbrados a ver.
El blog lleva por titulo Strange Maps y recorriendolo podemos encontrar los mas variados mapas, desde mapas antiguos, estadisticos, humoristicos, informativos en fin.Y lo mejor de todo es que cada mapa es comentado y explicado asi como en muchas ocasiones enlazado asu sitio original. Una verdadera delicia para quienes como un servidor es aficionado a este tipo de artificios.


Jun 29 2009

Algunos buenos ejemplos de identidad corporativa

Cuando un cliente solicita el diseño de su imagen corporativa, esto no quiere decir que solo haya que crear o diseñar un logotipo. Una imagen corporativa encierra todo lo relacionado a la imagen que esta empresa  dara ante sus clientes, esto es sobres, hojas membretadas, tarjetas de presentacion, folletos, brochures, incluso el diseño de una campaña publicitaria es parte de la identidad corporativa de una empresa, pero esto es tema aparte.
Lo que este post trata al referirnos a imagen corporativa, es mas que nada al diseño de lo que comunmente llamariamos papeleria, y gracias a Diego Mattei podemos hacernos de algunos archivos en formato PSD, que mas que nada deben servirnos de ejemplo para saber que elementos componen y cuales son las medidas estandar que componen una identidad corporativa, solo por esto vale la pena guardarlos en nuestro baul de recursos, mas que el diseño en si, que ese podemos desarrollarlo nosotros mismos.

Descarga | Elementos Corporativos (23.9 Mb)

Fuente: Diego Mattei


Jun 29 2009

Sue McGrew, una artista polifacetica

Pocas veces encontramos artistas tan polifaceticos como Sue McGrew. Esta genial artista radicada en Tacoma, Washingnton en Estados Unidos, domina varias artes plasticas entre las que destacan la ceramica, pintura, ilustracion y escultura.
Pero donde su creatividad resalta por las obras que produce es en la escultura de arena, sus obras son extraordinarias por la complejidad de las mismas asi como el tiempo invertido en su creacion y lo efimero de su duracion.
Podemos admirar todo su arte, no solo sus esculturas de arena en su galeria en deviantArt, ya que al parecer aun no tiene un portafolio personal o cuando menos no pudimos encontarlo.

http://suzuko42.deviantart.com/

La encontramos gracias a Designflavr


Jun 28 2009

Como el empaque puede influir en nuestra decision de compra.

Los colores siempre han influido en nuestros sentidos y estados de animo, así el amarillo actúa como estimulante mental y nervioso. El naranja es un excitante emotivo. El rojo, aumenta la tensión muscular y la presión sanguínea. El verde dilata los capilares y tiene un efecto reductivo de la presión. El azul es un calmante que actúa sobre el corazón y los pulmones y aumenta la resistencia de los tejidos. De igual manera las texturas pueden influir en nuestra seleccion de un producto. El packaging moderno aprovecha estos dos elementos para sacar un mayor provecho a la hora de diseñar los empaques que vemos en los anaqueles.

Desde Enfasis Packaging Online recibimos este articulo que nos revela como el color y los materiales influyen de manera directa en nosotros para determinar nuestras preferencias de compra:

› Continue reading


Jun 28 2009

Alverto Seveso, portafolio

Alberto Seveso, ilustrador y diseñador grafico italiano, freelancer disponible para trabajos privados o por comision. Esto es lo que podemos encontrar en su perfil, ademas de decirnos que no importa quien es o de donde viene, o que el mundo no tiene fronteras.

Y tiene razon, ya que a final de cuentas lo que nos interesa es su trabajo, y esta habla mas que una pagina llena de palabras (aunque a veces ayuda). A destacar sus trabajos de luces y sombras en combinacion con la fusion de imagenes, logra unos resultados bastante atractivos.

 

http://www.burdu976.com/

Fuente: Cosas Visuales

 

 

 


Jun 28 2009

Marketing Mix, la escencia para vender un producto

Se denomina Mezcla de Mercadotecnia (llamado también Marketing Mix, Mezcla Comercial, Mix Comercial, etc.) a las herramientas o variables de las que dispone el responsable de mercadotecnia para cumplir con los objetivos de la compañía. Son la estrategia de marketing, o esfuerzo de marketing y deben incluirse en el plan de Marketing (plan operativo).(Wikipedia).

Comicpublicidad, una de nuestras fuentes en cuanto a temas de publicidad y marketing se refiere, nos explica en un detallado pero sencillo articulo cuales son sus elementos y que pasa si sustituimos o eliminamos uno de ellos. todo aderezado con ejemplos llevados a la practica:

Con demasiada frecuencia, se pide a la agencia de publicidad que sustituya una de las patas del marketing mix por otra.

Recordemos que el Marketing Mix es lo que hace que un producto se venda de forma rentable, y que tiene de forma coloquial “cuatro Patas” (O cuatro “P”)

Tres en manos del cliente:

  • Producto
  • Precio
  • Plaza (Distribución)

Una en manos de la agencia:

  • Promoción (Publicidad)

Las cuatro son imprescindibles y aunque en ocasiones unas pueden suplir las carencias de las otras, el equilibrio de las cuatro garantiza el éxito.

 

De nada sirve que se diseñe una campaña muy sugerente y un plan de medios con cobertura asegurada, si el precio es inaccesible, no se encuentra en las tiendas, o el producto es simplemente malo. Por eso, la promoción y publicidad, por sí sola no es suficiente. Podríamos generar demanda, pero demanda y éxito no es lo mismo.

Existen casos concretos en los que parece que no hay “P” de promoción, porque no hay inversión controlada, pero cuentan con la mejor de todas las promociones, la ayuda del “boca oreja” y los clientes Apóstoles.

Un caso concreto es el best seller “El Niño con el Pijama a Rayas” que sin casi publicidad ha llegado a ser uno de los libros más vendidos, gracias a la recomendación entre lectores como “El libro del que habla todo el mundo“. Las opiniones son para todos los gustos, desde genial a insufrible, pero en definitiva, se sitúa según las fuentes consultadas y las semanas por delante o por detrás de “Harry Potter” y “Un Mundo Sin Fin“, con una inversión multimillonaria en publicidad y relaciones públicas.

Lo que queda claro es que el marketing mix sigue siendo, en la era 2.0 y On-Line lo que hay que tener en cuenta y que si eres capaz de dominar las cuatro patas, tienes un éxito garantizado.

Las grandes compañías de distribución (tipo El Corte Inglés, Carrefour…) basan su poder en el control de todas las patas:

La cuestión es que en sin las tres primeras patas del Marketing Mix, la agencia no puede hacer gran cosa, más que MENTIR y DEFRAUDAR al consumidor.

 

  • Marca propia: Producto y Precio
  • Punto de venta propio: Distribución y precio.
  • Medios promocionales propios: Clubs de fidelización, revistas corporativas, PLV…

Pero volviendo al origen del post…al final, lo primero de lo primero, es el producto, y es en él donde hay que aplicar las mayores dosis de creatividad.

Un claro ejemplo de creatividad y cuidado por el producto es el Menú Nocturno de Vips.

Quien no conozca las costumbres madrileñas, debe saber que así como para la comida son normales los “menús del día” y es difícil encontrar mesa por la cantidad de gente que come fuera de casa, por las noches, muchos bares y restaurantes no tienen servicio de cocina y quien lo tiene, es a la carta.

Así, las opciones para cenar fuera de casa son los restaurantes de un nivel medio, alto, los temáticos internacionales, y los fast food.

El Menú Nocturno aprovecha los cuatro elementos del Marketing Mix:
Un producto atractivo y novedoso, una red propia de establecimientos, una promoción rentable con su “club de clientes” (¡1.350.000 socios!) y medios propios y por supuesto, un precio competitivo.

Con esta iniciativa, el Grupo Vips vuelve a ser pionero, y se mueve para combatir una latente crisis que retrae a los clientes nocturnos de entre semana y sin duda, mejorará la ocupación y rentabilidad de sus numerosos establecimientos, con miles de plazas y cientos de camareros esperando a ser rentables.

En este caso, como publicitario, tengo que decir que es difícil hacerlo mal, ya que el producto se vende casi por sí solo. Aunque no es el caso, porque tradicionalmente es uno de los anunciantes más creativos. Tal vez algún día pueda dedicarles un post al respecto.

La idea es muy simple, tan simple que como siempre en estos casos, sorprende que nadie lo haya hecho antes: Un menú a precio fijo para las cenas.

 

Gracias a Comicpublicidad por prestarnos su articulo (aunque no le hayamos pedido permiso)