Hoy estaremos compartiendo recursos para el diseño UI en Figma. Únete al grupo UID | Diseño de interfaces de usuarios (https://cc.formaciongrafica.net/grupo/uid-diseño-de-interfaces-de-usuario) o sigue los canales dedicados a estos temas:
- UID | Diseño de interfaces de usuarios: https://cc.formaciongrafica.net/canal/uid-diseño-de-interfaces-de-usuario
- HIG: https://cc.formaciongrafica.net/canal/human-interface-guidelines
- Material Design: https://cc.formaciongrafica.net/canal/material-design
Saludos y bonita jornada para ti.
Plácido.
#UID #MaterialDesign #MaterialDesign3 #HIG #iOS #Android #UI #RecursosUI #RecursosFigma #Figma
Tal vez esto te parezca evidente, pero recuerda:
Por más que la veas en un dispositivo móvil, las páginas de un sitio web no son aplicaciones nativas de ese dispositivo. Si diseñas para web debes considerar las retículas, estilos y demás variables asociadas con el framework que estés usando, conversa siempre sobre este aspecto con el equipo de desarrollo (desarrolladores si trabajas bajo SCRUM).
Es más frecuente de lo que imaginas este tipo de confusiones entre quienes se incorporan recién al diseño de interfaces de usuario, aplicando retículas de las HIG (https://developer.apple.com/design/human-interface-guidelines/) o de MD (https://m3.material.io/) al diseño de sus páginas web cuando prototipan para pequeños dispositivos móviles, obviando frameworks tales como
- Bootstrap (https://getbootstrap.com/)
- Bulma (https://bulma.io/)
- Tailwind CSS (https://tailwindcss.com/)
- Ant Design (https://ant.design/)
- Milligram (https://milligram.io/)
- Semantic UI (https://semantic-ui.com/)
- Pure.css (https://purecss.io/)
- UIKit (https://getuikit.com/)
- o el sólido y veterano Foundation (https://get.foundation/)
Como te decía antes, recuerda conversar con el equipo de desarrollo para determinar el framework que se utilizará. Los ya mencionados son solo algunos ejemplos, además de otros completos y complejos como React, Angular, Django, Flask, Laravel, Symfony o Vue.js, entre otros.
Saludos y bonita jornada para ti.
Plácido.
#Frameworks #FrameworksWeb #Bootstrap #Bulma #Tailwind #AntDesign #Milligram #SemanticUI #PureCSS #UIKit #Foundation #MD #MD3 #HIG #Prototipado #prototipadoWeb #UI #UID #notasDeClases #fuentesDeInvestigación #Motivación
