Sistema de diseño
Primeros pasos diseño
Si estas comenzando a diseñar con Oxygen ¡te damos la bienvenida! Y te contamos lo que necesitas saber para arrancar y hacer un buen uso del sistema en tus diseños.
1: Sobre Oxygen
Es una herramienta colaborativa, compuesta de patrones, componentes y pautas de diseño de interacción en una gramática común. Su objetivo es generar coherencia en el ecosistema de productos digitales de Repsol, y eficiencia en la creación y evolución de los productos.
Buenas prácticas
Consejos y reglas para aprovechar al máximo Oxygen y hacer buen uso de los componentes
Contribución diseño
Conoce como los equipos pueden aportar de manera coherente y consistente al sistema
2: Figma Repsol
Librerías
Nuestras librerías de diseño están en Figma y contienen todos los componentes y estilos que están disponibles para tus diseños.
Activa desde el panel de Assets las librerías que se ajusten a tus necesidades, según el tipo de producto que vayas a realizar (Web, App...) Y recuerda seguir la metodología de trabajo y revisar las buenas prácticas de uso, para asegurarte de estar al día con las últimas versiones de componentes.
Activa desde el panel de Assets las librerías que se ajusten a tus necesidades, según el tipo de producto que vayas a realizar (Web, App...) Y recuerda seguir la metodología de trabajo y revisar las buenas prácticas de uso, para asegurarte de estar al día con las últimas versiones de componentes.
Assets
Nuestras librerías de diseño están en Figma y contienen todos los componentes y estilos que están disponibles para tus diseños.
Activa desde el panel de Assets las librerías que se ajusten a tus necesidades, según el tipo de producto que vayas a realizar (Web, App...) Y recuerda seguir la metodología de trabajo y revisar las buenas prácticas de uso, para asegurarte de estar al día con las últimas versiones de componentes.
Activa desde el panel de Assets las librerías que se ajusten a tus necesidades, según el tipo de producto que vayas a realizar (Web, App...) Y recuerda seguir la metodología de trabajo y revisar las buenas prácticas de uso, para asegurarte de estar al día con las últimas versiones de componentes.
3: Metodología
Uso de las covers según la fase de trabajo
Existen 4 tipos de covers para los archivos, que tienen que usarse según el tipo de archivo y en la fase en que se encuentre:
Cover azul: Uso exclusivo de las librerías.
Cover negra: Para archivos que se encuentran dentro del proyecto de Task, y por tanto están en proceso de trabajo. Son diseños aun sin validar y que sirven de exploración.
Cover verde: Para archivos finales que pasan a formas parte del proyecto de Main. Se consideran archivos cerrados y entregados a los equipos de desarrollo.
Cover gris: Para todos los archivos que ya no se van a usar pero se quieren conservar. Pasarán a formar parte del proyecto de Archive.
Cover azul: Uso exclusivo de las librerías.
Cover negra: Para archivos que se encuentran dentro del proyecto de Task, y por tanto están en proceso de trabajo. Son diseños aun sin validar y que sirven de exploración.
Cover verde: Para archivos finales que pasan a formas parte del proyecto de Main. Se consideran archivos cerrados y entregados a los equipos de desarrollo.
Cover gris: Para todos los archivos que ya no se van a usar pero se quieren conservar. Pasarán a formar parte del proyecto de Archive.
Medición del sistema
Seguir esta metodología de organización de archivos nos permite medir el uso del sistema en las fases de diseño. Todos los Q medimos la rutilización de componentes dentro de los archivos que están entregados a desarrollo, y por tanto están en una carpeta “Main” y con cover verde.
Recursos
Librerías
Los componentes, estilos y recursos de diseño que se utilizan para mantener la consistencia visual y la eficiencia en el proceso de diseño.
Assets
Todos aquellos recursos que complementan las librerías de estilos y componentes. Agnósticos al versionado y transversales a todos los productos.
Tutoriales
Aquí encontrarás videos tutoriales que te ayudarán a utilizar el sistema de diseño de manera eficiente y consistente. ¡No te los pierdas!
Contacto
Descubre cómo Oxygen te ayudará a crear mejores productos y a generar nuevos modelos de relación y hábitos energéticos entre nuestros clientes.