Como en toda disciplina vinculada a la creatividad, el diseño web requiere de una serie de herramientas que faciliten la labor del profesional y le permitan desarrollar toda su inventiva sin limitaciones.
En el contexto actual, un diseñador web utiliza, principalmente, herramientas web y software específico de su campo: editores de imágenes, bibliotecas de recursos gráficos, webs de referencia… y un largo etcétera de tools que van cambiando a lo largo del tiempo.
Más allá de ofrecer un listado de nombres, voy a revisar qué tipo de herramientas son imprescindibles para que un diseñador web prepare el mejor diseño posible.
Las herramientas harán más fácil el trabajo del diseñador web, pero su creatividad seguirá siendo clave para el éxito.
Pergen Mtez.
Editor de imagen
Tanto para grandes elementos que formen parte del diseño final de una web, como para pequeños detalles y retoques del mismo, un profesional de este sector deberá contar un programa de edición de imagen.
Aunque existen alternativas gratuitas, el dominador en este tipo de software sigue siendo Adobe Photoshop. También cabe destacar que existen ciertos diseñadores que prefieren trabajar con editores de imagen vectoriales. Cada uno con sus ventajas e inconvenientes, será el diseñador quien decida qué herramienta utilizar o, incluso, emplear ambas en su trabajo.
Herramientas de Wireframe
Antes de definir cómo será el aspecto visual de una web, lo ideal es precisar qué elementos compondrán cada página y qué estructura se seguirá: se establece un wireframe.
Existen ciertas aplicaciones específicamente preparadas para esta tarea, siendo algunas de las más comunes Sketch, Figma o Adobe XD.
Bancos de imágenes
Las imágenes juegan un papel esencial en la mayoría de diseños web. Pero encontrar la fotografía adecuada no siempre es tarea fácil para un profesional del sector.
Por ello, existen bancos de imágenes profesionales con un gran volumen de fotografías y otros recursos visuales a disposición del diseñador web.
Sin dejar de lado la calidad de las imágenes, en este tipo de herramienta es esencial poder buscar bajo distintos criterios: palabra clave, color, estilo, tamaño, tipo de fichero, licencia…
Biblioteca de tipografías, iconos y otros recursos gráficos
Además de las imágenes, un diseño web empleará tipografías e iconos. Por ello un diseñador web deberá contar con un amplio repertorio de fuentes de estos recursos donde hallar los más adecuados para su proyecto.
Fuentes de referencia
Ya sean otros sitios web o estilos visuales de otros medios (publicidad, prensa, televisión…), todo diseñador web contará con varios directorios de referencias y ejemplos visuales a través de los que inspirarse para sus diseños.
Logotipo adecuado
Como ya he indicado en otros posts del blog, el logo es un elemento imprescindible en una web corporativa, le da carácter y coherencia (o incoherencia) a todo lo que vamos a comunicar. Antes de crear un logotipo piensa que este debe adaptarse bien a todos los soportes, incluido la página web.
Herramientas de visualización de prototipos
Pese a que tenemos la posibilidad de enviar la propuesta de diseño web al cliente en formato imagen o PDF, existen herramientas que permiten visualizar el prototipo de diseño como si ya estuviera colgado en la web, incluso simular comportamientos como clics o pequeñas animaciones.
Esto permite una mayor comprensión por parte del cliente del que será el diseño final de su web. Una de las herramientas más utilizadas en este sentido es InVision.
Existen todavía más herramientas enfocadas al diseño web que cubren otros aspectos de este proceso, pero he definido aquellas más imprescindibles para todo profesional del sector.
