Los UI Kits, las guías de estilos y sistemas de diseño (Design Systems) también formaron parte de nuestros talleres sobre IxD y UID de esta semana. Definimos cada concepto, sus características, aplicabilidad y beneficios de uso.
Visita los contenidos públicos de nuestros grupos y canales relacionados con estos y otros temas sobre diseño de experiencia de usuario, diseño de interacción, diseño de interfaces de usuarios, entre muchos otros temas.
Aunque aún permanecemos en fase beta, visita este enlace https://www.formaciongrafica.net/comunidad-creativa/ e infórmate sobre nuestra Comunidad Creativa FG, un espacio de apoyo a nuestros talleres personalizados de diseño.
Saludos y bonita jornada.
Plácido Luna.
#comunidadCreativa #comunidadCreativaFG #CCFG #ixd #uid #uiKits #guíaDeEstilos #sistemaDeDiseño #designSystem #sistemasDeDiseño
www.formaciongrafica.net El miércoles pasado hablamos sobre UI Kits, style guides (guías de estilo) y design systems (sistemas de diseño) y analizamos algunos ejemplos (los tres primeros son parte central de nuestro taller de diseño UI):
- Material Design 3 (Android): https://m3.material.io/
- https://www.figma.com/community/file/1035203688168086460
- Human Interface Guidelines (para iOS y el ecosistema de Apple): https://developer.apple.com/design/human-interface-guidelines/
- https://developer.apple.com/design/
- https://developer.apple.com/design/resources/
- Atlassian Design Guidelines: https://adele.uxpin.com/atlassian-atlassian-design-guidelines
- Bootstrap 5: https://getbootstrap.com/
- Base Web React UI framework: https://baseweb.design/
- Carbon Design System (IBM): https://carbondesignsystem.com/
- Lightning Design System (salesforce): https://www.lightningdesignsystem.com/
- https://www.figma.com/@salesforce
- Mailchimp Pattern Library: https://ux.mailchimp.com/patterns/color
- Polaris (Shopify): https://polaris.shopify.com/
- Porsche Design System: https://designsystem.porsche.com/v3/
¿Conoces las diferencias entre UI Kit, guía de estilo y sistema de diseño?
Únete a nuestra Comunidad Creativa o infórmate sobre nuestras capacitaciones personalizadas en Formación Gráfica (https://www.formaciongrafica.net/capacitaciones/).
Plácido.
Imagen: Captura parcial desde https://developer.apple.com/design/
#designSystem #uiKit #styleGuide #recursosUI #recursosIx #recursosUx
