Average Rating: 5 stars (based on 76 ratings)

Herramientas que todo Diseñador Web debe conocer

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 (algo que también haremos), vamos a revisar qué tipo de herramientas son imprescindibles para que un diseñador web prepare el mejor diseño posible.

  • Adobe Color CC

Si necesitas crear una paleta de color para tu proyecto Adobe Kuler es tu solución. Una aplicación de internet de Adobe gratuita, que te permitirá crear y buscar combinaciones de colores. Para hacer uso de esta aplicación deberás estar registrado como usuario en la página de Adobe, y con tu usuario y password podrás tener acceso a él.

  • 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.

  • Un logotipo adecuado para mi web

Como ya hemos indicado en otros posts de nuestro 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, incluída 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.

  • Codekit

Es una herramienta que te ayuda a construir webs de manera más rápida y más ordenada. Además te permite compilar Sass y Less y optimiza tus archivos. Con Codekit podrás importar tus frameworks de manera que si haces un include de algún archivo lo buscará primero en el proyecto concreto en el que estés trabajando y, si no lo encuentra, recorrerá tus frameworks para incluirlo.

  • Proto-io

Si lo que estás diseñando es una aplicación proto.io es una de las herramientas más potentes de prototipado que ofrece el mercado de las apps hoy en día.

Ofrece un entorno de creación de prototipos que podrás usar para crear y presentar el diseño de tu futura aplicación. Posee multitud de opciones para incluir y configurar nuevos componentes, así como definir los agentes (iPhone y iPad, de momento) que deberán acceder al proyecto creado.

También te permite decidir si la aplicación será mostrada en posición horizontal o vertical, por ejemplo, así como incluir botones, formularios, código html, barras, textos, listas, menús, etc., todo sobre una pantalla dividida en zonas para facilitar la posición correcta de cada componente.

La versión gratuita está limitada a un proyecto y un agente, permitiendo guardarlo dentro del subdominio que decidamos.

Estas herramientas que te hemos mostrado es una pequeña recolección de las más aceptadas y utilizadas por los diseñadores web hoy en día y que mejor te pueden funcionar.

Existen todavía más herramientas enfocadas al diseño web que cubren otros aspectos de este proceso, pero hemos definido aquellas más fundamentales para todo profesional del sector. En Blimx trabajamos con éstas y muchas otras utilidades, pero no servirían de mucho si no contásemos con un gran equipo de diseño web, que lleva a cabo cada uno de los proyectos de nuestros clientes con gran pasión y dedicación.

Leave a reply