Ago 29 2010

Diseño gráfico: tres sitios a visitar

He encontrado estos tres sitios que pasarán a formar parte de mi lista de recursos de diseño gráfico. Provienen de una serie que se publicó en Cosas Sencillas bajo el título Los mejores 40 sitios para estar al día en el diseño gráfico.

COLOURlovers; bajo distintas categorías te muestra además de casos reales, paletas de color, patrones de fondo y colores. Dispone también de un foro de discusión. De las tres webs que dejo, para mí es la que me ha parecido más interesante y completa.

MOTIONSPIRE; si lo tuyo es el diseño audiovisual, la edición y la animación, este lugar será más apropiado. Navegando por su lista de tags podrás encontrar las últimas novedades y tendencias. Dispone también de una pequeña sección de 2D.

The Best Designs;  en este site se recogen tan sólo ejemplos de diseño web, con muy buenos diseños, eso sí. Como su nombre indica. No hay que dejarla pasar por alto y procurar descubrir lo que nos ofrece su lista por categorías.


Ago 6 2010

Para comer a la vez que se teclea


Jul 21 2010

Los Cazafantasmas en formato gif

David Court comenzó dedicando parte de su tiempo libre a la recreación en formato GIF de algunas películas. Un proyecto bajo el que resume la trama de los largometrajes en más o menos un minuto y que le ha llevado a participar en campañas de publicidad y marketing.

No son una gran “obra maestra” y su aspecto es bastante Arcade, pero el resultado y el trabajo en sí tiene más de un punto a su favor; aunque sea por el grado de frikismo o para pasar un rato.

Os dejo con Los Cazafantasmas:


Jul 20 2010

Como volver loco a un diseñador

He encontrado estos tips y voy a compartirlos con vosotros. Eso sí, para echaros unas risas, nada de ponerlo en práctica, ¿eh? ;)

8 pasos como hacerle la vida impo­si­ble a los diseñadores:

1. Micro­soft Office

Cuando ten­gas que enviarle a un dise­ña­dor grá­fico un docu­mento, ase­gú­rate de que esté hecho con pro­gra­mas de Micro­soft Office. Ver­sión PC, si es posi­ble. Si tie­nes que enviarle fotos, ten­drás más posi­bi­li­da­des de vol­ver­los locos si, en lugar de limi­tarte a enviarle el JPG, copias el docu­mento den­tro de un fichero de Office, como Power­point o Word. No te olvi­des de redu­cir la cali­dad a 72 ppp para que nos les quede más reme­dio que vol­ver a con­tac­tar con­tigo para pedirte mayor reso­lu­ción. Cuando les envíes la ver­sión en “alta”, ase­gú­rate de que el fichero sea por lo menos un 50% más pequeño. Y si usas el correo elec­tró­nico para enviár­selo, olvida adjun­tar el fichero de tanto en tanto.

2.Tipografías

Si el dise­ña­dor elige Hel­vé­tica como fuente, pide que la cam­bie a Arial. Si elige Arial, pídele la Comic Sans. Si ha ele­gido Comic Sans es que ya se le está yendo la pinza, así que tie­nes el tra­bajo medio hecho.

3.Cuanto más, mejor

Diga­mos que quie­res un diseño para una news­let­ter. El dise­ña­dor grá­fico tra­tará de dejar espa­cio en blanco por todas par­tes. Gran­des már­ge­nes, inter­li­neado, sepa­ra­cio­nes entre párra­fos, etc. Te dirá que así es más fácil de leer, y que el aspecto será más lim­pio y pro­fe­sio­nal. No creas sus sucias men­ti­ras. La razón por la que hace eso es para hacer el docu­mento más grande, con más pági­nas, para que te cueste más dinero cuando lo lle­ves a la imprenta. ¿Por qué hacen eso? Por que los dise­ña­do­res te odian. Tam­bién comen bebés. Carne cruda y picada de bebé.

Así que ase­gú­rate de que ponga los már­ge­nes pega­dos y el texto muy, muy, muy pequeño. Tam­bién se sugiere usar muchas tipo­gra­fías dis­tin­tas (y mucho mejor si pides Comic Sans, Arial o Sand). Pide dibu­ji­tos de cli­part. Pide muchas fotos (si no sabes cómo enviár­se­las, remí­tete al punto 1). Inten­ta­rán dis­cu­tir y defen­der sus opi­nio­nes, pero no te preo­cu­pes: al final el cliente siem­pre tiene razón, y te harán caso en todo lo que pidas.

4.Logos

Si le tie­nes que enviar a un dise­ña­dor un logo para un pro­yecto con­creto, diga­mos de un patro­ci­na­dor o un part­ner, ase­gú­rate de que sea un GIFJPG en baja reso­lu­ción y muy muy pequeño o . De nuevo, mejor si lo metes den­tro de un docu­mento de Word. Qui­zás creas que con eso es sufi­ciente, pero si real­mente quie­res mer­mar la esta­bi­li­dad men­tal del dise­ña­dor, mejor envía­selo sobre un fondo del que sea difí­cil recor­tar el logo. Evita los fon­dos blan­cos o negros, muy fáci­les de recor­tar desde Pho­tos­hop. Una vez que el dise­ña­dor haya logrado extraer el logo, dile que lo nece­si­tas más grande.

Si nece­si­tas que te dise­ñen un logo, haz tus boce­tos en una ser­vi­lleta. O mejor, pídele a tu hijo de 9 años que lo dibuje. No debe lle­varte más de 5 minu­tos hacer el boceto. No debe ser algo que sea deta­llado y fácil de enten­der, puesto que cuanto menos entienda el dise­ña­dor lo que quie­res, más cam­bios le pue­des pedir a pos­te­riori. Nunca acep­tes el pri­mer logo que te envíe. Nunca acep­tes el noveno. Hazle hacer miles de modi­fi­ca­cio­nes: color, tipo­gra­fía e ima­gen. Pídele que ponga fotos en el logo. Relie­ves. Gra­dien­tes. Comic Sans. Cuando lleve 10 inten­tos, dile que te gus­taba la ver­sión número 2. Ya, es una cruel­dad, pero recuerda: los dise­ña­do­res grá­fi­cos son la causa de que exista cán­cer de mama entre las muje­res de mediana edad.

5.Elige bien las palabras

Cuando le digas lo que opi­nes de un diseño, ase­gú­rate de usar pala­bras que no sig­ni­fi­quen real­mente nada. Expre­sio­nes como “Lo quiero más diná­mico”, “¿Pue­des hacerlo más inter­ne­tero?”, “Me gus­ta­ría que el diseño fuese sexy” o “Quiero grá­fi­cos boni­tos, grá­fi­cos que cuando los mires pien­ses: Eso son grá­fi­cos boni­tos”. No te sien­tas mal, estás haciendo lo correcto. De hecho, es tu deber, por­que todo el mundo sabe que cuando hay luna llena, los dise­ña­do­res grá­fi­cos se con­vier­ten en hom­bres lobo.

6.Colores

El mejor sis­tema para ele­gir colo­res (por­que desde luego no vas a dejar que el dise­ña­dor los elija) es escri­bir colo­res al azar en peda­ci­tos de papel, meter­los en un som­brero, y sacar unos cuan­tos al azar. El dise­ña­dor insis­tirá en que os que­déis con 2 o 3 colo­res prin­ci­pa­les, pero no. Elige tan­tos como quie­ras, y ase­gú­rate de hacer lo del som­brero delante de él. Mien­tras lo haces, can­tu­rrea una can­cion­ci­lla desagradable.

7.Plazos

Cuando lle­gue el turno de apro­bar el diseño, tómate tu tiempo. No hay prisa. Tómate un par de días. O seis. Lo justo para que cuando se acer­que el plazo de fina­li­zar el pro­yecto pue­das enviar muchas más correc­cio­nes y cam­bios de los que el dise­ña­dor tenga tiempo de hacer. Al fin y al cabo, los dise­ña­do­res grá­fi­cos son los res­pon­sa­bles de los ata­ques del 11 de Septiembre.

¡Acaba con él!

Des­pués de haber apli­cado los ante­rio­res pun­tos a tu víc­tima, es humano (aun­que algu­nos duda­rían de que ellos fue­sen huma­nos) sen­tirse un poco inse­guro. Cuando se haya dado cuenta de que no puede satis­fa­cer todos tus deman­das, el dise­ña­dor grá­fico segu­ra­mente habrá aban­do­nado toda espe­ranza de razo­nar con­tigo y hará cual­quier cosa que le pidas sin dis­cu­sión. “¿Lo quiere en Morado? Pues en morado. ¿Seis Fuen­tes dife­ren­tes? ¡Sea!”

8.Rematar

Qui­zás pien­ses que lle­ga­dos a este punto, has ganado la par­tida. Pero no olvi­des tu obje­tivo: tiene que aban­do­nar la pro­fe­sión. Así que pre­pá­rate para el golpe de gra­cia. A la hora de tomar las últi­mas deci­sio­nes en colo­res, for­mas, tipo­gra­fías, etc. dile que estás muy dis­gus­tado con su falta de ini­cia­tiva. Recuér­dale que, al fin y al cabo, él es el dise­ña­dor, y debe­ría ser él el que aporte la pro­fe­sio­na­li­dad y talento en el tra­bajo, y no tú. Comén­tale que espe­ra­bas más opi­nio­nes y suge­ren­cias sobre el diseño por su parte.

Dile que ya te has har­tado de su falta de crea­ti­vi­dad y pro­fe­sio­na­li­dad, y que has deci­dido que te sale más ren­ta­ble hacer tus pro­pios dise­ños en el Publis­her que pagarle a él por hacer­los. Y ahí lo tie­nes. ¡A estás altu­ras ya debe­rías tener al dise­ña­dor grá­fico gol­peando su cabeza con­tra las pare­des de una celda acolchada!

Via: rockvertising


Jul 16 2010

Ejemplos de marketing de guerrilla


Jul 12 2010

Colorblind, accesibilidad y daltonismo.

Colorblind es un simulador on-line para comprobar como ven la web las personas que padecen de daltonismo.
Una ayuda más para hacer más accesibles nuestras páginas.

Enlace: Colorblind


Jun 28 2010

Básicos del diseño web para dispositivos móviles

Tenemos una web diseñada y nos piden crear una versión adaptada para móviles.

Lo que tendríamos que tener antes:

1. La web está ya diseñada siguiendo los standards y con una hoja de estilos separada: Esto nos permitirá jugar con la imagen de manera más simple y adaptar aquello que nos interese sin tener que depender del código generado por el CMS
2. No utiliza Flash, ni javascript, ni hay popups: Muchos móviles no soportan los embed y tienen problemas con plugins y scripts.
3. El gestor de contenidos tiene un sistema de plantillas: Lo que nos permitirá crear una plantilla adaptada si es necesario, sin cambiar para nada la actualización de contenidos.

Cosas básicas que tenemos que hacer:

1. Ancho máximo 120px: Consideramos que el ancho máximo es 120px (a tener en cuenta en las imágenes sobre todo)
2. Rediseñamos la cabecera: Mantenemos el logo pero usamos una versión alargada, minimizando el espacio que ocupa.
3. Estructuramos los bloques: Evitamos crear varias columnas, de manera que la lectura sea totalmente lineal, y las líneas lo más largas posibles.
4. Cambiamos los mecanismos de navegación
1. Utlizamos la miga de pan como elemento principal de navegación. Si es necesario creamos un menú con las mínimas opciones necesarias, pero siempre intentando que sea un línea.
2. Movemos el menú principal al final de la página. Si alguien quiere ver toda la navegación, ahí la tiene.
5. Ajustamos las imágenes: Ponemos solamente las imprescindibles, y si se puede las optimizamos este medio (más pequeñas, mínimo peso)
6. Comprobamos las fuentes: las aumentamos para facilitar la lectura en las pantallas o las optimizamos probando en distintos navegadores móviles
7. Usamos medidas relativas: Evitamos siempre medidas absolutas para permitir que según sea la pantalla móvil se adapte todo el contenido.
8. Evitamos el scroll horizontal

Visto en: Inclusión


Jun 26 2010

Material de oficina macabro

13th Street, el canal de televisión de terror y suspense, organizó un concurso para crear su nuevo material de oficina. El trabajo ganador es el que os muestro a continuación, de la agencia alemana Jung von Matt AG, sin duda muy merecido.  Es para ver al equipo creativo y darle una enorme Enhorabuena.

¡Me encanta!

Vía:  nopuedocreer


May 23 2010

Google Pacman

El viernes 21 Google nos sorprendió con un especial de su logo dedicado al mítico juego Pacman. Lo mejor de todo es que no solamente se curraron el diseño del logo si no que lo hicieron jugable. Otro vicio más al que engancharse durante un rato.

Algunos desarrolladores y blogueros estuvieron mirando cómo sacar el código para que el logo-juego de google estuviera disponible más allá del día del aniversario de Pacman. Que si estaba hecho así, que si estaba hecho asá… Pues bien, alguien ya ha publicado una réplica con la que podremos seguir picándonos. Os dejo el enlace, a ver quién consigue pasar más niveles.

Enlaces:
Google Pacman jugable
Otros logos de google

Actualización: Los de Google, después de ver el éxito que ha tenido este logo, han decidido hacerlo permanente en una página propia.

Enlace: Pacman Google


May 11 2010

En la oficina como en el baño

Esta mañana he encontrado este organizador de mesa y me ha parecido muy gracioso y con buen gusto, a pesar del tema con que trata el diseño.

¿No os parece original? Le quita sobriedad a cualquier oficina sin ser burdo, y eso que representa un WC.