6 de Septiembre de 2010

Esta plantilla para diseñar trípticos puede ser de gran ayuda para todos aquellos que dan sus primeros pasos en esto del diseño gráfico. Con ella tendrán todo bajo control ya que cuenta con todos los elementos necesarios para que a la hora de llevar los proyectos a imprenta no surjan imprevistos.

plantilla_triptico

Descargar plantilla para tríptico en formato Illustrator

Vía: Ricardo Lince

Archivado en : diseño gráfico, recursos |
9 de Julio de 2010

hp-retail
Finalizamos la semana con buen diseño. Una serie de anuncios para el grupo HP Retail Publishing por parte del estudio Lab Partners cuya idea era crear ambientes en blanco que pudieran albergar los productos de HP mediante el uso de ilustraciones modulares.
hp-retail02
hp-retail03
Y despedimos la semana deseando que este domingo la Selección Española continúe ofreciéndonos gran fútbol para conseguir hacer historia proclamándonos campeones del Mundial de Sudafrica 2010.

Archivado en : diseño gráfico, ilustración |
2 de Julio de 2010

typeface

Typeface, es un documental dirigido por Justine Nagan y producido por Kartemquin Films. Se centra en el museo rural de MidWestern donde artistas internacionales y artesanos jubilados se unen para unir el diseño moderno con la técnica tradicional.

Es jueves por la tarde y todo está tranquilo en Two Rivers, Wisconsin. La calle principal está prácticamente vacía, y no son pocos los carteles de “se alquila” en los escaparates. En los últimos años, la tasa de desempleo ha aumentado en la región y la ciudad lucha por reinventarse. Jim VanLanen, uno de los empresarios más trabajadores de la ciudad, ha comenzado a desarrollar pequeños museos como forma de atraer a los turistas y a la industria a la zona.

A pocas manzanas de la calle principal, se encuentra una antigua nave dónde se solían realizar trabajos de impresión. Allí, un empleado solitario espera a que lleguen los visitantes…y es que los viernes el museo se llena de vida. El zumbido de las máquinas de impresión, las prensas…un fin de semana al mes, la tranquilidad de Two Rivers es interrumpida por los furgones de los artesanos y artistas que se acercan a este lugar convirtiéndolo en un enclave de ensueño para el diseño.

El Museo se ha convertido en un símbolo dentro de la ciudad, pero lo que es aún más importante su existencia es esencial para la comunidad de diseño por unir el pasado y el futuro de esta industria.

Recomendamos Typeface a los amantes del arte y del diseño gráfico, a los docentes como recurso educativo y a cualquiera que busque una película sobre la perseverancia.

Archivado en : diseño gráfico, tipografía, video |
26 de Abril de 2010

Os dejamos este flujograma para elegir tipografía. Siempre viene bien un poco de ayuda en el difícil proceso de selección del tipo de letra más adecuado para cada uno de nuestros proyectos.

youneedatypaface_02

Destacar que la única manera de llegar a la Comic Sans, es cuando quieres preparar una invitación pero realmente no tienes a nadie a quien invitar…¡Genial!

Un trabajo realizado por el estudiante de diseño Julian Hansen.

Archivado en : diseño gráfico, tipografía |
8 de Marzo de 2010

El “Manual de Buenas Prácticas del Diseño” será de interés tanto para profesionales del diseño como para profesionales contratantes. Esta iniciativa de La Fundación Centro Tecnológico Andaluz de Diseño, aborda el tema del diseño desde una perspectiva global, mostrando sus ventajas y su campo de actuación.

El manual se divide en tres guías prácticas, según su contenido esté dirigido a profesionales -‘La profesión del diseño’-, empresas -‘La empresa y el diseño’- o la administración pública -‘La administración pública y el diseño’-. Los distintos volúmenes ofrecen información adaptada a las necesidades de cada uno de estos 3 públicos con el fin de que les sea más fácil llevar a cabo acciones productivas de diseño.

Si te interesa contar con esta herramienta trabajo puedes solicitarla de forma gratuita a Surgenia, ya que el Centro Tecnológico pretende ofrecerlo como una herramienta de trabajo al servicio cualquier profesional del diseño.

Vía: Gráffica.info

Archivado en : diseño gráfico, recursos |
1 de Marzo de 2010

Os dejamos a continuación una recopilación de ejemplos para el diseño de newsletters:news-example-01

news-example-02

news-example-03

news-example-04

news-example-05

news-example-06

news-example-071

news-example-08

news-example-09

news-example-10

news-example-11

Archivado en : diseño web, recursos |
26 de Febrero de 2010

Hemos cubierto ya algunos de los grandes capítulos en la construcción de una newsletter; diseño, factores técnicos…
Pero ahora una vez realizado en envío, es el momento de medir los resultados de la campaña y comprobar si hemos alcanzado los objetivos que nos marcamos en anteriores fases.

Deberemos analizar indicadores tales como:
- Tasa de apertura: ¿Cuántas personas que recibieron el correo lo abrieron?
- Tasa de click: ¿Cuántas hicieron click sobre algún enlace?
- Reenvío: si nuestra newsletter contaba con la función “enviar a un amigo”, ¿cuántas personas la emplearon?
- Cancelación de suscripción: ¿Qué número de personas han cancelado su suscripción?
- Tasa de conversión: ¿Cuántas personas tras leer la información realizaron una compra/acción?

Archivado en : diseño web, recursos |
25 de Febrero de 2010

Aunque es difícil encontrar una única fuente que nos facilite todo lo que debemos saber y necesitamos para diseñar nuestras newsletters, si contamos con una gran cantidad de recursos online.

Dave Greiner tiene una lista bastante interesante con sugerencias técnicas y trucos que vale la pena visitar y ver en su totalidad. Aquí os dejamos algunos destacados:

-   Usar tablas para la estructura, en lugar de CSS.
-   Las tablas anidadas son más fiables que el padding y el margin.
-   No utilizar imágenes PNG, porque Lotus Notes 6 y 7 no las muestran.
-   Establezca explícitamente un margen para los párrafos, los valores por defecto varían mucho.

Plantillas HTML y galerías de diseño:

- Free templates from Campaign Monitor

-   Themeforest templates

-   Free templates from MailChimp

- Campaign Monitor gallery of great designs

- SpamMeltdown email gallery

-   Beautiful Email Newsletters Gallery

- Inspirational Newsletter Designs: Flickr Set

Artículos interesantes de Campaign Monitor

- Guide to CSS rendering in email clients

- Does video work in email?

- Which email clients block images?

- Can I use a form in my email?

Herramientas para testar nuestras newsletters:

-   Litmus email testing

- Campaign Monitor design and spam testing

-   MailChimp’s Inbox Inspector

Otros:

-   42 HTML Email Design Resources: Un resumen de con los mejores recursos de diseño aplicado a clients de correo electrónico, que abarca visiones generales, normas, plantillas, checklists, herramientas de diseño y galerías entre otros.

Archivado en : diseño web, recursos |
24 de Febrero de 2010

Maquetar para clientes de correo es regresar al pasado y a la utilización de tablas. También es necesario definir los estilos CSS en línea, añadiéndolos a cada uno de los elementos.
Pero tampoco nos desesperemos, porque hay algunos servicios online que nos pueden ayudar con este proceso.
- Premailer
- The Automatic Inliner CSS tool: para los estilos
- Inline Styler: para convertir las reglas de estilo en estilos de línea.
Para una buena experiencia es conveniente además, incluir siempre una versión en texto plano, ya que algunas personas pueden tener su sistema bloqueado no pudiendo ver la vista HTML o simplemente su cliente de correo no lo permite por estar demasiado anticuado.
Ofrecer esta alternativa dará al usuario la posibilidad de leer el comunicado sean cuales sean las características de su cliente de correo.

Os dejamos un ejemplo de esta práctica:

texto-plano

Otro punto a tener en cuenta es la visualización de las imágenes.

Si utilizas Outlook o Gmail habrás visto en más de una ocasión que las imágenes no se muestran directamente en el mensaje sino que los lectores tienen que hacer clic para que estas se descarguen y muestren.

Os dejamos un par de tablas que resumen como tratan los clientes de correo tanto web como desktop el bloqueo de imágenes:

image-blocking-desktopmail

image-blocking-webmail

Finalmente os dejamos algunas ideas:

- Evitar las imágenes en el contenido relevante, como titulares, enlaces o llamadas a la acción, ya que si el lector no tiene activas las imágenes ese contenido aparecerá en blanco.

- Añadir un enlace a la versión web del boletín, de esta manera si su gestor no le permite la visualización correcta podrá hacerlo directamente desde la web.

-    Utilizar el atributo alt para que los usuario de gmail tengan un mejor experiencia.

-    Especificar la altura y anchura de las imágenes para asegurarse de que los marcadores de posición no las saquen del diseño.

- Realiza una prueba de envío con las imágenes inhabilitadas antes de enviarlo para chequear que el mensaje es comprensible.

¿Qué otros aspectos tenéis en cuenta en a la hora de maquetar newsletters?


Archivado en : diseño web, recursos |
22 de Febrero de 2010

Diseñar con un objetivo nos permitirá poder medir su eficacia.

Os dejamos un ejemplo a continuación para que veáis a que nos referimos:

news_example

Cuando diseñamos no podemos perseguir 10 objetivos, porque al final no alcanzaremos ningún, en muchos casos será necesario centrar con el cliente el objeto de la comunicación para poder crear una identidad visual que se ajuste a aquello que pretendemos conseguir.

Otro punto a tener en cuenta es la baja de los usuarios. En muchas ocasiones estamos tentados a poner este tipo de información en la parte inferior, bien pequeñito y en gris clarito, vamos todo lo escondido que se nos ocurre. Pero ¿qué sentido tiene complicarle la vida a aquellos usuarios para los que nuestra información ya no es relevante? Dificultarle el proceso sólo conseguirá que nos tachen de spamers, además de dejarles un mal sabor de boca sobre nuestra empresa.

Os dejamos un buen ejemplo de esta práctica:

unsuscribe

En el próximo artículo de la serie, hablaremos sobre el código.

Archivado en : diseño gráfico, recursos |
Copyright © 2009 Se ha ido ya mamá? CSS | XHTML