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…

He leido en Seomoz.org este artículo sobre como realizar diagramas que nos ayuden a la hora de diseñar y definir los enlaces internos en nuestros sites y me ha parecido bastante interesante a sí que me he decidido a traducirlo. La traducción es un poco libre y mi inglés no es especialmente bueno a sí que espero sepáis disculparlo.

Ahí va el artículo:

El mes pasado estaba trabajando en un nuevo proyecto, y antes de empezarlo necesitaba familiarizarme con todas las páginas y la arquitectura del sitio. Por un lado, era necesario seleccionar las keywords que íba a usar en cada página. Para realizar esto, hice un diagrama que me ayudase a ser consistente cuando combinase estas palabras con: enlaces internos, anchor text, meta etiquetas y los textos del body para todas las páginas del sitio web.

Dos artículos me ayudaron especialmente a entender la importancia de ser consistente cuando trabajamos con enlaces internos, anchor text, y keywords. El primero es: “My Personal Opinion: 90 % of the Rankings Equation Lies in These 4 Factors” y el otro: “Best Practices for Targeting Generic & Specific Terms & Phrases.” Si todavía no los habéis leido os recomiendo hacerlo.

Nota del traductor: aunque, como es lógico, están en inglés son bastante fáciles de entender.

Ejemplo y Diagrama

Supongamos que vamos a trabajar con un sitio compuesto por una página principal y 3 secciones o páginas de segundo nivel (uso esta estructura básica para que resulte lo más sencillo posible entender la estructura de los diagramas). Para referirme a la palabra “keyword” escribo “KW” seguida de un número para indicar concretamente a cual nos referimos.

Imaginemos también que la compañía vende juguetes (siendo “juguetes” la palabra más genérica de los productos que ofrece la compañía), y la URL de la compañía es juguetes.com. Hemos seleccionado 4 keywords en las que centrarnos (desde luego podríamos trabajar en más de una keyword por página, pero para este ejemplo usaremos una por simplificar):

Leer más…

En Flash 7, cada vez que escalabamos o rotabamos una imágenen se suavizaba automáticamente. Sin importar que la imagen se cargara dinámicamente o incrustada. El suavizado da un aspecto suave a la imagen, sin él resulta cortante y con bordes duros, es decir que se notan los pixels demasiado.

Ahora con Flash 9 cuando cargas dinámicamente una imagen usando la clase Loader, el suavizado está desactivado por defecto. El método recomendado para suavizar la imagen es copiar el contenido en un objeto Bitmap y permitir el suavizado sobre el mismo. El problema es que las imágenes que están alojadas en otro servidor, no tiene acceso BitmapData, por lo que no hay forma de suavizar la imagen.

Hay 2 soluciones, las cuales lamentablemente no son factibles en la mayor parte de los casos:

• Usar un proxy. Suele ser prohibitivo para aplicaciones en gran escala en términios de coste de ancho de banda.
• Usar crossdomain.xml. Sólo funciona si se tiene acceso al servidor donde está alojada la imagen.

En mi opinión, debería ser posible obtener el suavizado con imágenes alojadas en otros servidores. Se podría solucionar de 2 formas:

• Permitir acceso a otros servidores a la clase BitmapData (aunque parece que esto no va a ocurrir [EN]).
• Añadir la propiedad de suavizado a la clase Loader. Esperemos que Adobe lo tenga en cuenta para un futuro Flash Player.

Si quieres que Adobe añada la propiedad de suavizado a la clase Loader en su próxima versión del Flash Player, puedes pedirlo en la página de consulta de adobe.

Nota del traductor: Creo que no hay mas opciones que estas pero si conoceis alguna manera de hacerlo podeis compartirlo en los comentarios y actualizaré el post.

(libre traducción de Airtight Interactive)