Babelia

Archive for December, 2009

Guía para la creación de newsletter

Monday, December 21st, 2009

Echando un vistazo a Ovillo, encuentro este interesante enlace

http://www.campaignmonitor.com/css/

Posted in Web, XHTML, newsletter | Comments Off

Código para el diseño de e-mails y newsletters

Monday, December 21st, 2009

Copiado de http://aurea.es/2009/05/27/codigo-para-el-diseno-de-e-mails-y-newsletters/

Días atrás me toco diseñar unas plantillas para los e-mails y newsletters de un proyecto. Voy a compartir algunos consejos y sobre todo una conclusión:

Si eres un obsesionado de los estándares web, empieza por poner algo de música relajante, hacerte un lavado de cerebro y retroceder unos cuantos años.

La cuestión es que webmails y gestores locales no suelen seguir estándares, por lo que al final cada uno hace lo que le da gana. Lo que buscamos es que el diseño del e-mail sea compatible con: Gmail, Yahoo! Mail, Hotmail, AOL, Thunderbird, Outlook, Outlook Express, Windows Live Mail, Apple Mail.
Para lograr cierta compatibilidad entre esta amalgama podemos seguir algunos consejos.

Por cierto, Gmail y Hotmail han dado peores resultados en test Acid, en cambio Thunderbird y Yahoo! Mail han dado mejor nota.

Meta-información

Sin Doctype DTD
Pero si poner un meta meta http-equiv="Content-Type" content="text/html; charset=utf-8"
Añadir un tittle
Podemos usar target="_blank" en los enlaces. De esta forma no se abrirá en la misma ventana si usamos un webmail.

Layout

Layout con tablas. Si si, es totalmente obligatorio!
Es recomendable usar una anchura fija de 600px.
En las tablas podemos usar parámetros como colspan="2", border="0", align="left".

Contenido

Lógicamente siempre debemos usar rutas absolutas.
Evitar el uso de videos, flash (object), en lugar de ello usemos imágenes y enlaces al recurso a href="recurso".
No hace falta que usemos etiquetas como font
Alternativamente podemos incluir un enlace a una versión web.

Estilo

En el head añadir el CSS necesario.
Independientemente de este CSS añadirlo inline a cada tag que lo requiera (aunque sea redundante).
Olvidemonos de usar formas abreviadas en el CSS.
Si no queremos bordes en las imágenes con enlace podemos añadir border="0" (además de tenerlo en cuenta por CSS).
Si necesitamos poner imágenes de fondo debemos usar el atributo bgcolor de una etiqueta td y nunca el background-image
Aunque sea redundante es necesario especificar en cada etiqueta (párrafo, enlace, etc) el estilo en linea si se desea personalizar.

Y un consejo último: Menos es más. En el caso de los e-mails cobra una especial importancia este principio. Por tanto en cuestión de diseño y contenidos quedémonos con lo imprescindible.

Posted in Web, XHTML, newsletter | Comments Off

Consejos para diseñar un buen logotipo

Friday, December 18th, 2009

De xeduced me traigo estos consejos útiles para diseñar un buen logotivo

Consejos para diseñar un buen logotipo

No uses nunca mas de 3 colores.
Deshazte de todo aquello que no resulte absolutamente necesario. La simplicidad es la clave cuando se trata de logotipos.
Escoge una fuente tipográfica que pueda leer incluso tu abuela.
Procura que el logotipo sea fácil de reconocer y familiarizarse con el.
Crea una única forma o diseño general para el logotipo.
Ignora completamente lo que tus padres y/o pareja opinen sobre tu diseño.
Confirma que el logotipo resulta atractivo al menos para 3 o mas personas distintas.
No combines y reutilices elementos de otros logotipos populares y pretendas hacerlo pasar por un trabajo original.
No se te ocurra utilizar cliparts bajo ninguna circunstancia.
El logotipo deberá verse bien en blanco y negro.
Comprueba que el logotipo sigue siendo reconocible cuando inviertes los colores.
Comprueba que el logotipo permanece reconocible cuando cambias sus dimensiones.
Si el logotipo incluye algún icono o símbolo además de texto, colócalos de manera que cada uno complemente al otro.
Evita copiar y seguir las tendencias recientes en cuanto a logotipos. En su lugar, procura diseñar un logotipo que pueda resistir el paso del tiempo o que tenga un look atemporal.
No uses efectos especiales (como por ejemplo: degradados, sombras paralelas, reflejos y destellos de luz).
Haz encajar el logotipo dentro de un marco cuadrado o rectangular si es posible y evita los diseños oscuros.
Evita detalles intrincados.
Ten en cuenta en tu diseño los diferentes lugares y maneras en que se presentará el logotipo.
Trata de provocar sentimientos de audacia y seguridad, nunca aburrimiento ni debilidad.
Se consciente que no vas a diseñar un logotipo perfecto, es imposible.
Usa lineas atrevidas para negocios dinámicos y mas suaves para el resto.
El logo debe tener alguna conexión con lo que representa.
Una foto no es un logo.
Tienes que sorprender a los clientes cuando se lo presentes.
No uses mas de dos fuentes tipográficas.
Cada elemento del logo necesita estar alineado. Izquierda, derecha, centrado, arriba o abajo.
El logotipo ha de transmitir solidez y equilibrio, sin elementos que agreguen inestabilidad visual al mismo.
Antes de comenzar a desarrollar ideas para el logotipo, piensa un poco en los destinatarios a quién va dirigido.
Siempre antepón funcionalidad a innovación.
Si el nombre de la marca es memorable, el nombre de la marca debería ser el logotipo.
El logotipo debe seguir siendo reconocible cuando lo pongas frente a un espejo.
Incluso las grandes compañías necesitan logotipos pequeños, ten esto siempre presente.
Debe de gustar a todo el mundo, no solo a un nicho concreto.
Crea variaciones. Cuantas mas variaciones hagas del mismo logotipo, mas te acercarás al resultado que buscas.
Mantener la coherencia cuando se vea el logotipo en distintas plataformas.
El logotipo ha de ser sencillo de describir.
No utilices slogans o taglines en el logotipo
Plasma algunas ideas en papel antes de empezar a trabajar delante del ordenador.
Mantén el diseño simple y limpio.
No uses en el logotipo símbolos del tipo “swoosh” (cómo el logo de nike) ni “globos terráqueos”, están demasiado vistos. Aparecen en infinidad de logotipos y se ha abusado tanto de ellos que lo único que conseguirás es un logo poco original y cansino.
El logo no debería distraer la atención de otros elementos.
Debe ser honesto en lo que representa.
El logotipo ha de ser visualmente equilibrado.
Evita los colores brillantes, neón, y también colores oscuros y aburridos.
El logotipo debe respetar todas las reglas anteriores.