A medida que aumentó la cantidad de productos servidos, nuestro sistema de diseño comenzó a desmoronarse. El umbral de entrada para los diseñadores ha crecido y se ha vuelto más difícil trabajar con él. En el artículo te contaré cómo pasamos a una arquitectura modular y no perdimos consistencia.
Aquí hay algunas notas introductorias para ayudarlo a comprender si nuestro caso es similar al suyo o no.
Hay varios productos.
Varios equipos de diseñadores y desarrolladores pueden fabricar un producto.
Hay Web, Móvil y Escritorio.
Hay mucho legado e inconsistencia.
Es posible que un diseñador de un producto no sepa lo que sucede en otro.
Si hay matices técnicos, entonces, en primer lugar, se entiende trabajar en Figma, pero creo que en Sketcha Fernanda todo es igual.
Problemas de los enfoques existentes para la construcción de bibliotecas
Desde el punto de vista de un diseñador, un buen DS comienza con una biblioteca con la que es conveniente trabajar.
La experiencia de diferentes equipos generalmente se describe mediante uno de estos patrones o una combinación extraña de ellos:
Los problemas en sí mismos se pueden describir de la siguiente manera:
Varias bibliotecas están conectadas a un archivo. Dentro del archivo hay un lío de componentes y estilos con diferentes padres. Los diseñadores temen tocar los componentes de la biblioteca porque no está claro dónde se utilizan y qué se puede romper.
. , . , , "". , .
, . , .
.
: , . , -, , . .
, - . , : - YAGNI SOLID, DRY KISS.
— , . .
, , ? — , .
, , , .
. , .
> >
>
>
-- , - .
, . , .
:
- "" , , . . , .
, .
. "" , , , , , . , . , , .
, . , . " ".
- , . , , , .
, , , .
. - , .
"-" , , , . , .
-
, -. , , .
:
— .
— , , .
.
- .
, , .
, . . , , . . , , .
, - — , , , .
, :
Hay tantas bases como productos, pero todos intentan ser parecidos a la referencia.
Con este truco, mantenemos actualizaciones de productos asincrónicas y un alto nivel de consistencia, mientras nos alejamos del acoplamiento directo y los componentes redundantes en las bibliotecas de productos.
¿Que sigue?
De hecho, el tema de la biblioteca no se ha divulgado, y todavía queda mucha leña por romper. Hay matices en la nomenclatura, los componentes, los estilos e incluso en el proceso mismo de trabajar con ellos. Por eso, en las próximas notas, te contaré cómo montamos componentes, pantallas y qué tenemos con el versionado. Bueno, qué es un sistema de diseño sin describir el enfoque para ordenar los colores, la tipografía y los estilos, también te lo contaré.