Empiezo una serie de artículos dedicados a errores comunes y algunos no tanto en el diseño web. Aunque intentaré no solo hacer una lista de cosas que no conviene hacer, sino de dar soluciones y alternativas. Por supuesto, estoy abierto a correcciones y aportaciones.

1. No confundas al usuario con varias versiones de la página

EL ERROR

Muchas veces se usa una página de inicio, de entrada, intros o splash screen, como lo queramos llamar. En ella en ocasiones se da a elegir al usuario que versión de la página quiere que se muestre. Que si resolución a 800×600, 1024×768, en HTML, en versión Flash, si tiene un router de 56kbps, 128kbps, que idioma hablas o si está sentado en una silla de mimbre. No hace falta decir que preguntar sobre que navegador estás usando y en base a ello mostrar una página u otra es intolerable.

El usuario no tiene porque saber nada de eso, y aunque lo supiese, lo que quiere es que se muestre el contenido de la web y te dejes de hacerle preguntas.

Leer más…

Buena recopilación de montajes los que tiene esta web rusa que he visto en LaMatéporunYogur. Hay que echarle horas y horas para conseguir algunas de estas imágenes, sobretodo las que parecen instantáneas donde cada persona está haciendo una cosa diferente.

Curioso top 40 de los mejores paisajes que se manteiene en esta web mediante votaciones. Algo de mano con el Photoshop también se ve aquí, pero el trabajo es más de ajustes de colores y niveles, más que de composicíon de elementos como en los montajes anteriores.

Como diseñador de páginas web puedes enfrentarte al reto de mostrar tu trabajo y habilidades a los demás. Si es este el caso, aquí hay una lista de 11 cosas diferentes que puedes hacer para llamar la atención.

1. Enviar tus diseños a galerías CSS

Las galerías CSS muestran diseños de alto nivel, puedes enviar el tuyo para que puedan considerar su inclusión. Las más importantes son (CSS Beauty, CSS Vault, CSS Drive, etc.), páginas que tienen mucha visibilidad. Además hay un gran número de galerías especializadas como Light on Dark, eduStyle, No Resolution, y Horizontal Way.

Nota del traductor: Una que suelo visitar con frecuencia y que me gusta mucho es WebCreme.

2. Empieza un blog

Como diseñador, mantener un blog puede ser una excelente manera de aumentar tu visibilidad. Las entradas del blog te darán la posibilidad de compartir tus conocimientos con los lectores, fomentar las visitas a tu web, incrementar el tráfico de los motores de búsqueda, e incluso puedes usar el blog para promocionar tus servicios y mostrar tus últimos proyectos. Escribir y mantener un blog lleva tiempo, pero te darás cuenta que la visibilidad adicional que proporciona vale la pena.

Leer más…

Una buena tarjeta de visita es una herramienta esencial cuando estás entablando relaciones con nuevos clientes o tu trabajo surge en alguna conversación, tu tarjeta es el enlace para estar seguro que tu conversación no caerá en el olvido.

Es importante pensar sobre lo que tu tarjeta dice de ti, tanto como que poner en ella y si pasa el test de la basura de las tarjetas de visita.

Cortesía de FaveUp, aqui tenemos 15 tarjetas de visita para inspirar:

Leer más…

Como todos saben, los diseñadores gráficos son la razón por la que hay tantas guerras y caos en el mundo. Se meten en nuestras mentes con los mensajes subliminales que usan en sus diseños, nos obligan a gastar nuestro dinero en productos inútiles, nos llevan a la depresión y a cometer actos violentos y claro, la mayoría de los diseñadores son comunistas.

Así que para salvar al mundo de los malvados diseñadores gráficos he creado esta lista de cosas que podemos hacer para asegurarnos de acabar con ellos y obligarlos a dejar su profesión… por siempre!!!!

1. Microsoft Office. Cuando tengas que mandarle un archivo a un diseñador grafico asegúrate que este hecho en algún programa de Microsoft Office, versión para PC de preferencia. Si le tienes que mandar imágenes asegúrate que estas estén incrustadas en un archivo de Office como Word o PowerPoint, esto lo volverá loco. No se te olvide bajarle la resolución lo mas que puedas a la imagen de esa manera tendrá que llamarte para pedirte una en mas alta resolución y cuando lo haga, mándale una aun más pequeña. Si usas email para enviársela olvida adjuntar el archivo un par de veces.

2. Fuentes. (Tipos de letra) Si el diseñador escoge Helvética, tú pídele Arial. Si él escoge Arial pídele Comic Sans. Si él escoge Comic Sans quiere decir que ya está medio loco y tu misión será más fácil.

3. Más es mejor. Digamos que mandaste a diseñar un volante. Los diseñadores gráficos siempre tratan de dejar espacio en blanco por todas partes: usan márgenes grandes, mucho espacio entre letras y entre las líneas de un párrafo. Ellos dicen que esto hace que sea más fácil de leer y que el diseño se verá más limpio y profesional. Mentira! La razón por la cual hacen esto es para que tu documento sea más grande y costoso. ¿Por qué hacen esto? Porque los diseñadores gráficos odian a la gente… también comen bebes…crudos.

Leer más…

Para los que han usado Freehand toda la vida, les resulta muy traumático pasar a Illustrator. Muchos se niegan en rotundo aunque saben que tarde o temprano tendrán que pasar. Por suerte empecé pronto con Illustrator por cuiriosidad aún cuando Freehand era el rey y ahora no me cuesta nada usarlo.

A través de un hilo de Domestika me he encontrado no obstante con un plugin bastante interesante, el cual permite tratar los nodos de una forma más parecida a los de Freehand.

BetterHandles es un plugin para Illustrator, que tiene distintas versiónes para los Mac y Windows, y a la vez para las distintas versiones del propio Illustrator. Tiene además otros plugins que mejoran alguna característica del programa.

Vale la pena echarle un vistazo.

Tu tarjeta de visita es a menudo la primera impresión que tiene un cliente potencial de tu empresa. El diseño y mensaje de tu tarjeta de visita determinarán si va a ser tirada al cubo de la basura o puesta en la cartera de contactos de alguna cartera.

Coge tu tarjeta de visita de tu cartera y sácala. Veamos si pasa el Test de la basura para tarjetas.

Tamaño: ¿Mide tu tarjeta más que las medidas standard? Cualquier cosa que no se adecue al tamaño de las carteras o los tarjeteros, irá a la basura.

Calidad del papel. ¿Tiene el diseño de tu tarjeta calidad profesional? ¿o es endeble con bordes perforados? Las tarjetas baratas van directas a la basura.

Tinta. Vierte algún líquido sobre la tarjeta, si la tinta se corre. A la basura.

Test de color. El color puede añadir muchas cosas en tu tarjeta de visita. Pero pasarse puede restarlas. Tira tu tarjeta a la basura si es en blanco y negro o tiene mas de 3 colores, siempre que no sea una fotografía.

Nota del traductor: Supongo que se refiere a que tengas un logo en color pero tu tarjeta esté en blanco y negro..Porque sino no estoy nada de acuerdo.

Mensaje en el diseño: Tu tarjeta de visita tiene que decir lo que haces, lo que ofreces, a lo que te dedicas, etc. No tener ningún mensaje conlleva a confusión, así que seguramente acabará en la basura.

Correspondencia de la imagen. El diseño de la tarjeta debe corresponder con la imagen corporativa de la empresa. Si eres un diseñador, la tarjeta debería ser creativa. Si la tarjeta no está en sincronía con tu imagen, tiempo perdido.

Tamaño de la fuente. ¿Está tu tarjeta repleta de información?. Usa el espacio en blanco para que el mensaje pueda ser más entendible. Si tienes mucho que decir, añádela en la parte posterior de la tarjeta. ¿La impresión tan pequeña que causa bizquera al leerla? A la basura.

Información de contacto. Tus clientes o clientes potenciales deberían tener diferentes maneras de ponerse en contacto contigo según sus preferencias. Tu tarjeta debería incluir: Teléfono, fax, email y web. La falta de información puede llevar a tu tarjeta a convivir con los papeles arrugados de la basura.

Solo tenemos una oportunidad de ofrecer una primera impresión. Asegúrate de invertir en la mejor tarjeta de visita que te puedas permitir. La tarjeta de visita es tu introducción a un cliente, para el bajo coste que tienen, es dinero bien invertido.

(libre traducción de About.com)

Muchas veces buscamos algún icono en concreto, con algo de calidad si puede ser, y varios modelos de diseño para escoger. Si en tus enlaces de sets de iconos no encuentras lo que buscas, prueba con alguno de estos buscadores a ver si tienes más suerte:

De los tres, el buscador que mas me gusta es SearchIcon, por cantidad y calidad. Iconfinder no está mal tampoco, pero tiene pocos iconos aun. Por último iconlet, que tiene bastantes pero no suelen ser iconos de tamaños grandes.

Estos enlaces van de cabeza al ikkaro.

No voy a hacer la típica lista interminable de atajos de Fireworks, para eso ya está la ayuda ( aclaro que hablo sobre la versión 8, aún de Macromedia ), sino sólo los que más uso en el día a día.

Algunos supongo que ya los sabréis:

• Mostrar todo el contenido: CTRL + 0
• Mostrar contenido a tamaño real (zoom 100%): CTRL + 1
• Zoom dinámico: CTRL + Rueda del ratón
• Mover visor: ESPACIO + Clic y arrastre de ratón
• Traer un nivel al frente el objeto seleccionado: CTRL + Flecha arriba
• Enviar un nivel al fondo el objeto seleccionado: CTRL + Flecha abajo
• Duplicar objeto: CTRL + ALT + D
• Mover objeto 10 pixels en alguna dirección: SHIFT + Flechas
• Pegar un objeto dentro de otro (con mascara): CTRL + SHIFT + v
• Pegar los atributos de estilo de un objeto a otro (color, efectos, etc.): CTRL + ALT + SHIFT + v (atención, peligro de lesión al usar una mano solo)
• Cambiar de fotogramas: RePág y AvPág
• Transformación libre de un objeto: Q

Estaría bien que nos dijerais cuales usáis con más frecuencia, seguro que hay muchos que no sabemos y que son realmente útiles.

Esta característica…

• Hizo de Google un lider mundial.
• Hace que los videojuegos sean tan jugables.
• Es por ella por la que los geeks prefieren usar el bloc de notas que el Word.
• Hace que algunas aplicaciones web sean tan frustrantes de usar.

Estamos hablando del tiempo de respuesta.

En el mundo real, tocas algo y se mueve. No tienes que esperar a que el universo tarde 3 segundos en calcular la nueva posición del objeto. Una respuesta inmediata es lo que espera el cerebro. Cualquier aplicación te hace esperar, esto mata el flujo de las acciones y el disfrute de la aplicación.

Sonic tenía un tiempo de respuesta inmediato. ¿Lo tiene tu aplicación?

Piensa sobre usar un ordenador 8 horas al día. Piensa cuanto tiempo estás esperando cosas:

• Esperando a que las páginas web se carguen.
• Esperando a que tu ordenador se reinicie.
• Esperando a que se inicien los programas (Photoshop por ejemplo)
• Tiempos de compilación o renderizado
• etc.

Coge estos tiempos y multiplícalos por las millones de veces que los has experimentado y tendrás un montón de tu tiempo malgastado.

Leer más…