La pregunta más común que recibo cuando asesoro en ADPList es "¿Qué recursos recomendaría para los sistemas de diseño?" Siento que esta es una pregunta difícil de responder porque depende de una multitud de cosas: conocimiento actual, intereses, objetivos profesionales, etc. A continuación se muestra mi intento de responder a la pregunta.

Desglosaré los sistemas de diseño en lo que creo que son las partes clave y algunos recursos para comenzar.

PD: Ya sea que esté comenzando en su viaje de diseño o sea un profesional experimentado, hay algo para todos en estos artículos, así que lea y responda, y tal vez sugiera un recurso propio.

Cómo funcionan los sistemas de diseño

Para obtener un rol en los sistemas de diseño, debe comprender realmente qué es un sistema de diseño, cómo funciona y por qué necesita uno en primer lugar.

A continuación se presentan los mejores libros que mis colegas y yo hemos leído y recomendado sobre el tema:

Manual de sistemas de diseño — DesignBetterCo

167 páginas: si desea comprender si los sistemas de diseño son para usted o simplemente necesita una descripción general, este manual es el mejor lugar para comenzar.

Sentando los cimientos - Andrew Couldwell

293 páginas: cuando desee llegar al siguiente nivel de conocimiento de los sistemas de diseño, 'Laying the Foundations' proporciona una guía completa para vender, diseñar, documentar y mantener un sistema de diseño.

Diseño atómico — Brad Frost

235 páginas: considerado fundamental en el movimiento del sistema de diseño moderno, " Diseño atómico " proporcionará una buena comprensión del marco de herencia de componentes populares.

Sistemas de diseño : libros electrónicos sensacionales

313 páginas: este libro electrónico proporciona más ejemplos prácticos de patrones y principios de sistemas de diseño. Es mejor leer este libro una vez que tenga una buena comprensión de los sistemas de diseño.

Usabilidad y accesibilidad

El núcleo de un sistema de diseño es su facilidad de uso y accesibilidad; sin él, son solo píxeles bonitos. Como diseñador de sistemas de diseño, es importante tener una buena comprensión básica de ambas prácticas.

Búsqueda: 'mejores prácticas de usabilidad en el componente X'

Conocer las mejores prácticas de usabilidad componente por componente hará maravillas en su carrera. Busque cosas como "Prácticas recomendadas de usabilidad en botones" y, por lo general, encontrará artículos de UX Matters , UX Planet o NNg que desglosan las mejores prácticas de usabilidad.

Estudiar las pautas de las WCAG

No necesita convertirse en un experto en accesibilidad para sobrevivir como diseñador de sistemas de diseño, pero sí necesita una buena base. Obsesiónese con las proporciones de contraste de color , las pautas de WCAG y la sintaxis del lector de pantalla para empezar.

figma

Figma es la herramienta para los sistemas de diseño (en estos días) y, según mi experiencia, muchos diseñadores no conocen Figma tanto como deberían. Figma actualiza constantemente su funcionalidad para que la administración de la biblioteca Figma de un sistema de diseño sea más fácil y más cercana al código, por lo que se debe hacer un esfuerzo para mantener su conocimiento actualizado.

Aprende Figma a través de parques infantiles

La mejor manera de aprender Figma es usarlo. Un buen lugar para comenzar es su página de la comunidad , donde encontrará muchos archivos de juegos que lo guiarán a través de todas las funciones avanzadas y para principiantes de Figma.

TikToker Zander Whitehurst

Zander utiliza el mega contenido de formato corto de TikTok para proporcionar increíbles consejos y atajos de Figma. Sigue a Zander y aprende cómo mejorar tus habilidades de Figma y presumir ante tus compañeros.

Lanzamientos de Figma

Cuando Figma lanza una nueva función, generalmente es para facilitar la administración de su archivo o componentes, y para convertirse en un experto en Figma, debe mantenerse actualizado con las últimas versiones. Literalmente, reviso esta página todos los días: es el lugar más fácil para conocer las nuevas funciones y las áreas de juego de FigJam/Figma para aprenderlas.

Comparación de sistemas de diseño

Es útil comparar otros sistemas de diseño y tomar nota de cualquier similitud o diferencia. Tenga en cuenta que lo que ve públicamente en otras organizaciones no siempre es su estado actual, las versiones tardan un tiempo en llegar a la comunidad.

Sistemas de diseño para Figma

Una manera fácil de encontrar todas las organizaciones que han diseñado sus sistemas de diseño utilizando Figma.

Conferencias del sistema de diseño

Las conferencias generalmente abren el telón y muestran lo que está sucediendo dentro de algunas de las principales organizaciones y, con suerte, despiertan ideas en usted sobre cómo crecer como diseñador de sistemas de diseño. Afortunadamente, tenemos algunas conferencias específicas del sistema de diseño para sumergirse.

Esquema de Figma

Figma ha creado su propia conferencia específica sobre sistemas de diseño llamada Schema , que el año pasado tuvo eventos en Tokio, Londres y Nueva York.

Converger

Un evento de un solo día organizado en Londres, el año pasado Converge presentó a Dan Mall, una figura clave en los sistemas de diseño.

Claridad

Clarity es una conferencia de sistemas de diseño que ofrece conocimientos prácticos, herramientas y estrategias para crear sistemas de diseño cohesivos y escalables.

Sistemas de diseño exterior

No se limite a aprender sobre sistemas de diseño, amplíe sus conocimientos y aprenda más sobre los atributos de un buen diseñador. Un buen diseñador es alguien que va más allá de hacer que las cosas se vean bien y funcionen bien. Son buenos vendedores, facilitadores, comunicadores y oyentes, por nombrar algunos. A continuación se presentan algunos de los libros que han ayudado a dar forma a mi carrera:

• Aprende a presentar con Talk like Ted de Carmine Gallo
• Aprende a vender con Start with Why de Simon Sinek
• Aprende a presentar con Talk like Ted de Carmine Gallo
• Aprende a perseverar con Grit de Angela Duckworth
• Aprenda a organizar reuniones exitosas con Meeting Design de Phil Hoffman
• Aprenda cómo trabajan los equipos de diseño con Org Design for Design Orgs por Peter Merholz

Como diseñador híbrido (o tecnólogo de diseño), descubrí que aprender a codificar es beneficioso para mi carrera; no estaría donde estoy hoy sin saber codificar. No creo que deba ser un requisito previo para un rol de sistemas de diseño, ya que siempre se necesitan diseñadores 'puros'. Si desea expandir sus horizontes como diseñador y aprender más sobre el viaje de principio a fin del concepto a la producción y cómo los sistemas de diseño desempeñan su papel, aprender a codificar lo llevará allí.

Curso: React JS — Stephen Grider

La mayoría de los componentes en los sistemas de diseño se construyen actualmente con un marco javascript moderno ReactJS . Aprendí ReactJS de Stephen Grider y sus cursos me parecieron largos pero increíbles. Si no tiene 50 horas para aprender, puede ver un curso intensivo de 2 horas en YouTube.

Tecnología: Libro de cuentos

Storybook es una herramienta que le permite visualizar los componentes React (codificados) de sus sistemas de diseño. Puede ver todas las variaciones de cada componente y los accesorios (propiedades) disponibles. La mayoría de los sistemas de diseño pequeños y medianos utilizarán un libro de cuentos para demostrar los componentes a cualquier persona dentro de la organización.

Conclusión

Espero que hayas encontrado algo útil en este artículo. Su objetivo es ser un volcado de cerebro que cambia para siempre, así que siéntase libre de marcar esta página como favorito, ya que editaré este artículo a medida que tenga disponible nueva información y conocimientos que cambien mi opinión sobre lo que es un diseñador de sistemas de diseño.