15 Guías de estilo en formato Sketch, PSD y AI para Diseñadores UX
Algo que siempre viene bien y que nos va a simplificar el trabajo enormemente. Aunque muchas veces veremos proyectos que no cuentan con una guía de estilos adecuada, el tenerla reducirá mucho el tiempo de trabajo y las discusiones de los equipos.
Guías de Estilo en Formato Sketch
Guía de Estilo Simple
Como su propio nombre indica, una plantilla simple, pero adecuada para la mayoría de los proyectos.
Guía de Estilo Responsiva
En este caso, tenemos una guía de estilo centrada en formatos responsivos, con representación de distintos formatos (web, tablet, mobile).
Como crear una guía de estilo en Sketch en 3 segundos
En este caso, no tenemos una plantilla, sino un artículo (en inglés) sobre como crear una guía de estilo usando Sketch y Craft de InVision. El artículo es muy corto y simple, así que incluso aquellos con un nivel muy básico de inglés pueden entenderlo.
UIDE Kit – Plantilla de guía de estilos
Probablemente la más completa de la lista, incluye todo tipo de elementos
Creación de guías de estilo en Sketch
Otro tutorial, otra vez en inglés, pero esta vez muchísimo más completo (y complejo). Para aquellos que necesiten comprender cómo construir guías desde cero, especialmente para proyectos grandes
Guías de Estilo en Formato PSD
Plantilla de Guía de Estilos UI
Bastante completa, con una buena selección de elementos y luce muy bien. Además, gratis.
Plantilla y Tutorial de Guía de Estilo
En este caso, tenemos la plantilla en PSD, pero además el autor Rafal Tomal nos enseña la teoría para construir la guía, la cual podremos adaptar para nuestros fines. Atención: Requiere registrarse en forma gratuita.
Style Tiles
Un concepto muy interesante: más que una guía de estilo, la diseñadora Samantha Warren construye algo así como una pre-guía de estilo para evitar generar trabajo adicional. Incluye tanto el tutorial sobre cómo trabajar con este concepto, como una plantilla en PSD para que podamos empezar. Personalmente, lo veo como una guía de estilos muy simplificada, pero vean por ustedes mismos.
Guía de Estilo y Workflow
Esta plantilla realizada por la diseñadora francesa Stephanie Walter es muy completa e incluye algo que nadie más consideró: Accesibilidad. El archivo PSD usa artboards, por lo que se requiere al menos la versión 2015 de Photoshop. Se descarga desde GitHub, por lo que se puede hacer fork del proyecto.
Como Diseñar una Guía de Estilo Perfecta
Un artículo que incluye un PSD de ejemplo sobre cómo crear una “guía de estilo perfecta” (sic). Los conceptos están muy bien, y pueden ser de utilidad, especialmente para principiantes.
Incluyo esto como una curiosidad, ya que en mi modesta opinión esto no es ni siquiera una guía de estilo. Quizás me estoy perdiendo algo, así que les agradeceré que comenten y me lo hagan saber.
Guías de Estilo en Formato AI (Illustrator)
Guía de Estilo de Marca
Plantilla para guías destinadas a ser impresas, bien de “vieja escuela”. Sirve tanto para proyectos de trabajo como para presentar en algún trabajo de la universidad. ¡Muy bueno!
Plantilla de Estilo de Marca
Otra plantilla pensada para impresión, incluye un PDF con instrucciones. Simple y algo limitada, pero puede funcionar bien como complemento de mood boards.
Cool Blue – Plantilla de lineamientos de marca
Excelente opción para impresión, 8 páginas en la versión gratuita, o 26 en la versión paga. Realmente vale la pena. Atención: Requiere registro
The Harmony – Libro de lineamientos de marca
Igual que el anterior, y realizado por el mismo diseñador. Un libro de imagen de marca de 8 páginas, muy bien diseñado y sofisticado, listo para imprimir. Incluye archivos en formato AI, INDD, IDML y PDF. Imperdible. Atención: Requiere registro
Cómo crear una gran guía de imagen de marca
Un muy buen tutorial (en inglés) con una excelente plantilla en formato .AI. Para obtener la plantilla hay que registrarse y el archivo no funciona en versiones viejas de Illustrator. Si no les molesta el bombardeo de spam, o usan direcciones de email sólo para estos propósitos, realmente lo recomiendo.
Conclusión
Las guías de estilo son de gran importancia para nuestros proyectos, espero que la citadas en este artículo les sean de utilidad y no duden en comentar y contarnos cómo usaron estos recursos
Lic en Comunicación Social UBA.
Cursando Master en HCI @ Parsons, NYC
Entusiasta de HCI, los NY Knicks, Boca y el Barca