¡Hola!
Me alegra volver con ustedes, queridos lectores de la comunidad, y compartir la experiencia y los conocimientos adquiridos a través del trabajo en la empresa de TI Omega.
El tema de los sistemas de diseño, al parecer, ya se ha considerado desde todos los lados: puede encontrar muchos artículos, publicaciones, informes y otros materiales. A pesar de esto, todo el que se encuentra con este término tiene muchas preguntas. Intentaré responder en detalle las principales:
¿Qué es un sistema de diseño?
¿Para qué sirve?
¿Cómo crearlo?
¿Qué es un sistema de diseño?
Vamos a resolverlo en orden. El sistema de diseño es una combinación de tres entidades:
El lenguaje visual es lo que vemos.
Framework : biblioteca de lenguaje visual, su código.
Directrices : reglas sobre cómo debe verse todo y cómo aplicarlo.
Se puede considerar que el sistema de diseño es un producto separado dentro de cualquier producto de TI.
Lenguaje visual
El componente visual del sistema de diseño incluye muchos elementos, los principales de los cuales son:
Colores
UI-
– . , , . - , , , .
, , -, , , ? ? , .
Framework
– , , . .
. , « ». , « ».
, ? , . , ? , ?
, .
Guidelines
, -, « », .
, , . , - . . .
, . , ? , :
?
?
?
UI- : , .
, - . , - . , , .
-?
IT-, : -? , – « »?
. , . .
– . - .
, Figma . , , .
- . . .
– . .
, , , , .
, : , , .
IT- .
, : , , .
UX
, , . , , .
- user flow (, , ). , user flow .
- . , , .
-
-, , , .
-, - – . . - . : , - .
, - . - , .
, - - , , Figma. , UI-kit. , Figma ,
-?
-. , . , . (Brad Frost) «Atomic Web Design».
, :
Después de crear un sistema de diseño, es importante descubrir cómo implementarlo en la práctica de la empresa. En el segundo artículo, hablaré sobre cómo construir paso a paso el proceso de implementación de un sistema de diseño en cualquier empresa.
Espero que todos hayan aprendido mucho del artículo. Y una vez más me convencí de que el trabajo en el artículo estructura el conocimiento y motiva el estudio adicional.
¡Gracias por su atención!