January 18th, 2010
Además de recopilar iconos de múltiples sistemas operativos, es un pequeño editor que permite personalizar algunos aspectos de los iconos.
iconizer.net
Posted in Iconos | Comments Off
January 15th, 2010
Posted in CSS | Comments Off
January 14th, 2010
Aquí teneis una respuesta obvia y sencilla en que la mayoría de la gente no suele caer
¿por qué es importante un favicon?
Posted in Diseño, Iconos, Usabilidad | Comments Off
January 13th, 2010
Posted in Fotografía | Comments Off
January 13th, 2010
Posted in Ajax, CSS, XHTML | Comments Off
December 21st, 2009
Echando un vistazo a Ovillo, encuentro este interesante enlace
http://www.campaignmonitor.com/css/
Posted in Web, XHTML, newsletter | Comments Off
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
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.
Posted in Gráfico, Uncategorized | Comments Off
December 14th, 2009
Freaklances, Una historieta de un personaje con el que os identificareis facilmente.
Posted in Animación, Diseño, Web | Comments Off
December 14th, 2009
Este enlace hará que nos ahorremos unas pelillas
Descuentos en istockphotos
Posted in Imágenes, Web | Comments Off