Si hay algo útil, para un diseñador, es una presentación eficaz que haga parecer nuestros diseños como si ya estuvieran impresos y reales. Enamora al cliente y puede ahorrarnos horas de trabajo en una nueva versión del diseño. Gracias a las nuevas versiones de Photoshop, las capas inteligentes nos permiten, en cuestión de segundos, cambiar los diseños de este tipo de presentaciones y generar una preview en muy poco tiempo.
Un interesante tutorial Photoshop donde realizaremos, desde cero, el diseño de una agenda de piel.
¡Seguimos con la moda de colores planos! Aquí os dejo 47 iconos en PSD para que los uséis en vuestros diseños.
Si hay una serie que ha marcado a todos sus seguidores, desde el primer capítulo, es Breaking Bad. Y como no podía ser de otra forma, una serie que se hace famosa, siempre es referencia para diseñadores. El primer objetivo es dar con la tipografía de su identidad. En el caso que nos ocupa, hemos encontrado la tipografía Bundy. ¡Espero que os guste!
Si te dedicas al mundo del diseño Web o de Apps, uno de los aspectos más importantes, a la hora de presentar un proyecto, es que el diseño o boceto parezca real. A continuación os dejo el enlace de un sitio que os ayudará a crear estas presentaciones profesionales con un simple movimiento de ratón. Y es que, sólo tendrás que arrastrar la imagen y se montará automáticamente sobre una foto que elijas entre un amplio abanico de opciones.
Si quieres poner un reloj en tu Web, ya sea para marcar la hora, una cuenta atrás o cronómetro, FlipClock te ofrece un diseño cuidado y límpio.
Es increíble como el diseño se mueve, de forma tan evidente, por tendencias. En esta ocasión, hablo del gran movimiento que ha desatado Windows 8, o más bien, el que empezó generando algunas de las pantallas de su interfaz Metro. Como bien sabéis, aquellos que lo tengan instalado, destaca por sus colores planos (Flat Colors) y un diseño limpio, claro y con presencia de colores eléctricos.
En torno a esta estética han surgido numerosos recursos por todo Internet; Iconos, Interfaces, Tipografías, etc. para, con ayuda de estos, lograr acabados similares a Metro.
Yo, como no podía ser de otra forma, os voy a ayudar, aportando otro granito de arena, con un set de 100 iconos flat (Vectoriales, formato PSD):
Montar una tienda virtual, y que además venda, no es una tarea especialmente sencilla. Influyen infinidad de pequeños detalles que determinarán su éxito. A continuación os revelo 7 claves fundamentales:
Internet es un sitio «inseguro» por naturaleza. Nadie sabe realmente qué, o quién, se esconde tras una tienda virtual. Es por eso que la gente necesita una muestra de seguridad por tu parte y ¿qué mejor que devolverle el dinero al cliente si no está satisfecho con la compra? Creas compromiso, seguridad. Acompaña el diseño de tu tienda con algún banner o call to action donde expliques cómo y cuándo se aplica la garantía.
Si tienes la opción de ofrecer muestras, demos o triales (en caso de software) tendrás a muchos clientes desconfiados un paso más cerca de comprar en tu sitio. ¡Está demostrado! Cuando un cliente ha comprado o probado una tienda, siempre hay más posibilidades de que lo vuelva a hacer en esa tienda y no en otra de la competencia.
Tu tienda necesita que ningún usuario se pierda o dude de cómo usarla, debe ser accesible y sencilla. Una miga de pan (breadcumb), un teléfono de asistencia telefónica, un buen buscador… son detalles que pueden ayudar mucho a que el cliente sepa dónde se encuentra, cómo acceder a ciertos contenidos, etc. Si dispones de muchos contenidos, como por ejemplo en este servicio de comida a domicilio en DF con Sindelantal México, no será mala idea si estos aspectos toman el protagonismo de todo el diseño inicial.
Si la inseguridad sigue siendo un problema en los visitantes de tu web, entonces sería buena idea que entrevistaras a tus antiguos clientes para que fueran partícipes de artículos, entrevistas y encuestas de satisfacción. Con su consentimiento, podrías subir estos resultados a la tienda para que todos vean lo bien que les ha ido a otros consumidores contigo. ¡Los «Casos Reales» están de moda por algo!
El escaparate de una tienda virtual son las fotos de sus productos. Deben ser grandes, bien definidas y que muestren todas las partes interesantes del producto: fotos frontales, superiores, laterales, etc. No racanees a la hora de subir fotografías de todo tipo, si alguien está interesado en un artículo no hay nada como observarlo desde todas las posiciones y formas posibles. Una buena galería de imágenes por cada producto es de vital importancia. ¡No olvides marcar tus fotos con sellos o con tu propia marca para que no te las copien!
¿Qué es lo que diferencia a una tienda de otra si ambas venden el mismo producto? Los contenidos. La información. Es importante que despliegues tanta información como dispongas del producto y que, además, sea un texto «artesanal», hecho por ti, que no de lugar a ninguna opción de encontrarlo repetido. Google valora mucho la originalidad de los contenidos, si creas algo que no tiene nadie mas, serás premiado con un mejor posicionamiento. Para ayudarte en esta tarea, es buena idea que dispongas de un sistema de comentarios donde otros usuarios puedan contar sus experiencias, añadir más información y extender la ficha del artículo.
Internet está invadida por cientos de sitios donde montar tu tienda online en pocos pasos, a precios muy económicos, a base de plantillas y código precocinado. Es importante que, si realmente tienes interés en que tu tienda funcione, inviertas un dinero en hacer un sitio 100% a medida. Diseñado y maquetado de forma «artesanal». ¿Qué crees que hará Google cuando vea que la estructura, código y diseño de tu web es idéntica a la de otros cientos de sitios? Seguramente te será muchísimo más complicado posicionar tu web que a otra persona con una tienda personalizada y realizada por un estudio de diseño y programación profesional.
Si necesitís un sistema para mostrar errores en vuestros proyectos, esta es una de las opciones más estéticas y completas que he visto. PHP Error se configura en 2 líneas, colorea la sintaxis y funciona con Ajax.
Podéis descargar la última versión y leer toda la documentación relacionada en http://phperror.net/
Un buen lote de iconos (o glifos) vectoriales para que les saques el máximo partido posible en diseño web y gráfico.
