Cuando te inicies en los procesos de creación y aplicación de tus propias Guías de Estilo, debes saber que no estás solo. Las Guías de Estilo hace ya algún tiempo que existen así que hay un montón de información disponible. Puedes aprender un montón examinando lo que hay por ahí fuera.
También existen algunas herramientas y recursos estupendos que puedes usar en tus proyectos, la mayoría de los cuales son gratuitos. En este artículo vamos a revisar todo el material de Guías de Estilo que tienes a tu disposición. También añadiremos, así que si apareciesen nuevos recursos que llamasen nuestra atención, ¡puedes esperar que se extiendan más allá de los 50!
Nota: Como ya habrás leído en nuestra introducción a esta serie sobre Guías de Estilo, en ocasiones el término «Guía de Estilo» se emplea indistintamente con otros términos similares. Siguiendo esta línea, algunos de los recursos que vamos a citar podrían con razón caber dentro de una clasificación diferente.
Recursos para aprender sobre guías de estilo
Echa un vistazo a los siguientes excelentes artículos y tutoriales sobre el trabajo con Guías de Estilo:
Definición de guía de estilo según la Wikipedia
Primer gran intento de definición clásica de Guías de Estilo.
Mantener la consistencia con una guía de estilo
Tuts + Aaron Lumsden nos llevan a través de la creación de una Guía de Estilo.
Crear una marca para una estrella del rock, logo y guía de estilo en Illustrator.
Un fascinante recorrido detrás de las escenas de la creación de la marca «Rockable Press» y de su Guía de Estilo.
La forma en la que construimos la web está cambiamdo
Un vistazo a algunos de las fuerzas que han llevado al surgimiento de las Guías de Estilo, desde Natasha Postolovski en el blog de «Envato».
Una guía de estilo mantenible
Una discusión de Ian Feather sobre como mantener las Guías de Estilo de un modo eficiente y actualizadas.
Guías de estilo para el front-end y para los patrones de librerías
Una considerable colección de guías de estilo de ejemplo y Librerías de Patrones de Anna Debenham
Guías de estilo de marcas de todo el mundo
La gran lista de guías de estilo para crear imagen marca e identidad de las principales compañías e instituciones.
Crear guías de estilo
Por Susan Robertson en A List Apart.
Guías de estilo para el front-end
Por Anna Debenham en 24 Ways.
Guías de estilo para el front-end: una guía de bolsillo
Otro recurso de Anna Debenham. Parte de la colección Guías de Bolsillo Cinco Simples Pasos.
Ejemplos de guías de estilo
Echa un vistazo a algunas de las Guías de Estilo de algunos de las mayores y mejores marcas de la web, además de algunos geniales comentarios de personalidades:
Manual de los estándares gráficos para la autoridad del tránsito de Nueva York
Primero tenemos la icónica primera edición del Manual de Normas gráficas de NYCTA diseñado por Massimo Vignelli. Si sigues un enlace de este resumen, que sea éste.
Guía de estilo de Tuts+
Voz y tono, imagen de marca, formateado y mucho más.
Recursos y guía de estilo de Twitter
Manual para el uso del logo, paleta de color y tipografía.
Guía de imagen de marca de Adobe Corporate
Una comprensible guías de seis páginas sobre todo lo que te puedas imaginar hacer con Adobe, incluyendo logos, marca, fotografía, papelería corporativa y objetos promocionales.
Guía de estilo web de BBC GEL
La BBC ha intentado precisar con exactitud todo lo que tenga que ver con su presencia web, apodando a su Guía de Estilo «Global Experience Language» (Lenguaje de Experiencia Global).
Guía de estilo de Mozilla
La Guía de Estilo de Mozilla es extremadamente exhaustiva. En ella aíslan la identidad y la imagen de marca de para cada uno de los principales aspectos de su oferta; Mozilla, Firefox, Familly Brownser, Firefox OS, Marketplace, Webmaker y Thunderbird. Después continúan tratando sobre los estilos de sus sitios web, presentaciones, vídeos, tipografía y texto de los contenidos. Por último, proporcionan una Guías de Estilo para Firefox OS. Este es uno de los mejores ejemplos de Guía de Estilo.
Guía de estilo de Lonely Planet
La Guía de Estilo de Lonely Planet cubre completamente todo lo relativo a sus Elementos de Diseño, Componentes UI, Componentes JS y CSS, con cada categoría desglosada en subcategorías que enumeran componentes individuales.
Guía de estilo de Skype
La Guía de Estilo de Skype realiza un excelente trabajo transmitiendo la identidad de la compañía a través de su imagen de marca y estilo global de diseño.
Guía de estilo de Salesforce
Una Guía de Estilo que traza sus directrices de una forma muy visual, color, tipografía e iconos con componentes y ejemplos.
facebookbrand.com
Los recursos para la imagen de marca y las guías de estilo de la mayor red social del mundo.
Guía de estilo de Salesforce
Algunos bellos elementos visuales del gigante de la Gestión de Relaciones con el Cliente.
findguidelin.es
¡La forma más rápida de encontrar los recursos de la imagen de multitud de marcas!
Esto está empezando a convertirse en todas las guías de estilo, curadas en un pulcro Tumblog.
Lo que te queda por leer:
- Apple
- Sitios personales
- Guías de estilo para código
Deja una respuesta