Creación de Foundations en Adobe XD: Colores y Tipografía
Todos los cursos GRATIS
Se acaba en:
:::
Resumen
En esta clase definimos nuestros Foundations de color y de tipografía.
Colores: Definimos los colores que vamos a utilizar. Creamos los colores primarios, secundarios, los positivos y negativos. Realizamos la declaración de nuestros colores claros y oscuros, además de nuestros fondos y grises para texto.
Tipografía: Definimos nuestras tipografías para títulos y para textos, definimos los tamaños y fuentes.
Adobe XD nos permite guardar nuestros colores y tipografías en nuestra colección, siempre es muy útil nombrarlos para reutilizarlos a futuro.
Recuerda que no siempre se utiliza la misma clasificación de foundations por lo que tienes que definir los usos de tus proyectos para definir lo que se vaya a necesitar.
Hola Adriana esta muy cool, solo la luna parece un queso.
Esta genial tu Foundation!
Les dejo mi trabajo:
Wow, que trabajo tan bien hecho!!
Muchas gracias @LuisAdanX
me gusto tu logo
¡Increíble trabajo, @paoparra! :smile:
Seguro tendrás un trabajo increíble al terminar el curso
Genial, justo estoy armando proyectos personales. Soy diseñador gráfico y estoy migrando a Frontend UI.
Un saludo colega, estoy en el mismo proceso
me gusta, pero tengo unas sugerencias. deberias dar un medio introducción al programa sencilla pero si seria util, y dos tomando en cuenta que es un curso y pensando en que muchas personas no sabran ni que es primarios secundarios sobre todo backgrounds, deberías explicar que hace o que papel jugara cada uno de ellos, en la aplicacion
apoyo este aporte, en mi caso particular vengo recién entrando al mundo de diseño desde la perspectiva de un programador front. Encontré esto en un articulo que quizás despeje la duda para personas como yo.
Color Principal - Primary
Suele coincidir con el color principal de tu logotipo.
Úsalo en el 80% de los elementos que tengan color en tu web como por ejemplo la cabecera, los botones, los enlaces y los fondos de las secciones.
Si no quieres usarlo tanto como color plano, puedes degradarlo o integrarlo con imágenes.
También puedes usar diferentes tonalidades del mismo color para crear una web más colorida pero que mantenga un mismo estilo cromático.
Colores ayudantes
Escoge uno o dos colores más usando la rueda cromática y las herramientas adecuadas. Usa estos dos colores en el 20-30% de los elementos coloridos de tu web:
Úsalos para los botones cuando el fondo del botón coincida con el color principal.
Úsalos para los iconos y las imágenes cuando ya hayas usado demasiado el color principal.
Puedes usarlos también para elementos menos importantes como los divisores o fondos de secciones.
Si usas cajas de precios, haz que el principal sea el protagonista de la caja de precio que más te conviene vender y un color ayudante para el resto de cajas de precios. Si has usado correctamente el color principal, esto hará que esa caja destaque entre el resto.
Siguiendo Material Desing, pueden seguir su manual en Material System
Hola :D @fabyalvarez
Excelente aporte, muchas gracias :D
Excelente aporteee
Quiero hacer un comentario y es que no sabia nada de adobe xd cuando inicie el curso pero mis ganas de aprender fueron muchas entonces hice un alto en el curso y en youtube estaba haciendo un curso de como te expican muy bien el programa para poder seguir adelante con el curso platzi, quisiera compartirles el enlace de los cursos y espero les sea de gran ayuda. ☺🤗🙂😉
Mis foundations hasta ahora con los aportes de los compañeros.
Sin duda, comería aca!
(
se recomienda que la tipografía del logotipo no se utilice en el resto de sistemas de diseño, ya que el objetivo de la tipografía del logo es que sea única e irrepetible.