Quizás de ayuda para aquellos que usan Adobe XD pueden utilizar el plugin Blen Colors, el cuál te genera una gama de colores entre dos previamente seleccionados y así facilitar la elección del gradiente. 😃
Interfaces
Bienvenida al curso de Diseño de Interfaces
¿Qué es una interfaz?
¿UX y UI?
Interfaces físicas, digitales, auditivas y otras
Don Norman, referente del diseño UX
Productos digitales
Creación y planeación de un producto digital
Boceteando el producto digital
Cómo instalar XD
Los foundations y principios del diseño de productos digitales
Creación de Foundations de nuestro producto digital
Definición del producto (Arquitectura tecnológica)
Cómo se usa Coggle.it
Mapa de Flujo del producto
Definición y Producción
¿Qué son los Wireframes?
Haciendo Wireframing en nuestro proyecto
Prototipo
Haciendo un prototipo
Reto: hacer el prototipo de la sección de domiciliarios
Patrones y componentes
Definición de estilo de interfaces
Reto: crea el moodboard de tu app y compartelo en el panel de discusiones
Definición de estilo de Rocket Pizza
Definición y prototipado de microinteracciones.
Jerarquía visual
Diseñando con grid y espaciado
Orden de pantallas y buenas prácticas
Reto: crear el formulario de edición de perfil
Utilizando gradientes
Tips para seleccionar colores
Diseñando íconos flat
Diseñando íconos Real Effect
Preparación para implementación
Preparando el material para el flujo de trabajo con tu equipo
Buenas prácticas para incluir elementos visuales en apps
Cómo medir los objetivos de tu componente con KPIs
UI KIT
Starter Kit
Cierre
Conclusiones
Contenido Bonus
¿En qué se diferencia el UX del UI?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Utilizando gradientes
28/39Recursos
Los Gradientes son una escala o espectro de tonos entre 2 colores de forma progresiva.
Para hacer buenos gradientes se requiere:
- Experimentar esto te permitirá desarrollar tu criterio de selección, lo que llamamos “un buen ojo”
- Revisar las tendencias en cuanto a colores
Toma en cuenta que los colores de tus gradientes no se van a ver igual en tu pantalla y en otras, así que no te olvides de testear en otros dispositivos.
Aportes 26
Preguntas 3
Ordenar por:
Les dejo algunos sitios que guardo en mi dashboard de diseño, todos tienen la posibilidad de copiar el código para incluirlo en el código para la parte de desarrollo, lo cual es muy útil para los desarrolladores.
https://webgradients.com/
https://mdbootstrap.com/docs/jquery/css/gradients/
https://mycolor.space/
Diseñamos para multitud de pantallas con diferentes calibraciones y especificaciones, ten muy en cuenta esto ya que todos los usuarios no verán igual de bien los gradientes que has diseñado.
Hola. les dejo aquí una explicación de como hacer gradientes más bonitos o aceptables. A mi me sirvió mucho.
https://www.youtube.com/watch?v=yHBskCQ8XFo
Buenas, respecto a copiar y pegar estilos, note que solo puedo pegar, pero no copiar.
Para poder copiar tengo que literal dar clic derecho,copiarlo,dar clic derecho de nuevo y clic en pegar apariencia.
Como hago con los shortcuts para copiar y luego pegar mis estilos?
Por aca les dejo unas herramientas muy útiles para generar paletas.
https://color.adobe.com/es/
http://colorhunt.co
https://coolors.co
Son recomendaciones de otro curso de platzi, introduccion al diseño.
¿Dónde puedes checar las tendencia de colores?
¿Como hago para seguir o saber las tendencias de diseño?
28. Utilizando gradientes
- Depende mucho de la calibración de las pantallas donde se ven
- Un gradiente de B&N para calibrar pantallas
- Si se ven manchas en transición
- Puedes usar gradientes para dar más jerarquía
- Ver tendencias e gradientes actuales
También conozco este tipo de gradiantes en las sombras de los objetos.
esta nitido la clase
Soy del team SIMPLE
mi bebe
Buena clase
Tener en cuenta el momento y fecha de utilizar estos, ya que hay tendencias que ayudan a nuestro productos a verse mejor, y esas tendencias también tienen que ver con el color.
Siempre utilizo Adobe Colors como apoyo para generar paletas de colores y buenas combinaciones cromáticas, las cuales bien pueden ser empleadas con gradientes. Les dejo el link: https://color.adobe.com/es/create/color-wheel
La experimentación es clave para identificar cual es el gradiente mas conveniente
¿Que tan buena o mala práctica es usar colores gradientes? ¿Es más difícil a la hora de llevar a código?
Para pegar el estilo completo el shortcut es: ⌥ + ⌘ + v
Si quieren inspiración sobre gradientes les comparto este sitio: https://www.grabient.com/
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?