UI (User Interface / Interfaz de Usuario) Kit
Clase 14 de 18 • Curso de Adobe XD 2017
Contenido del curso
Clase 14 de 18 • Curso de Adobe XD 2017
Contenido del curso
Carlos Jimenez
Alejandro Sol Villaseñor
Camilo Andres Nuñez Sanchez Nuñez Sanchez
antonio marcano
Jose Perez
Alejandro Sol Villaseñor
Diego Hernán Moreno Amaya
Juan Cruz Rey
Christian Eduardo Ruiz Huamán
Alvise Leal
Alejandro Sol Villaseñor
Daniel Aarón Pipa Aguirre
Tania Ramírez
Iván Toro
Tania Ramírez
Bruno Valarezo
Alejandro Sol Villaseñor
Luis Miguel González
brayam alejandro valero perez
Juan Cruz Rey
Juan Simon Salazar
Yuri Añorga
Ezequiel Melogno
Cecilia Salazar
Héctor Gerardo Reyes Bautista
Antonio Rafael González Ferrer
Paula Andrea Sierra Alba
Christian Camilo Acevedo Rincon
Carlos Jimenez
Oscar Eduardo Celis Castro
Diego Forero
Alejandro Sol Villaseñor
Christian Camilo Acevedo Rincon
Antony C. Medina
Gerardo Ruiz
Carlos Cahuana Huanca
Buenas ideas para combinar fuentes:
Gracias por la herramienta!
Gracias !! :D :D
para un icono se recomienda no hacer algo menor a 24px. algunos secundarios podrían estar encima de los 16px o 20px. 24px seria lo recomendado
Buenos recursos para iconos:
Podemos descargarlos en formato PNG, SVG, EPS.
Gracias!
Paleta de colores:
Gracias!
Gracias por el aporte!
Aqui unas buenas herramientas para elegir facilmente una paleta de colores:
Coloors (muy completo)
Color Hunt (combinaciones prediseñadas para no pensar mucho)
Adobe Color (simple y efectivo)
Material Palette (ideal para interfaces Android)
Muchas gracias por las herramientas! De hecho para Android, es muy recomendable revisar Material Design, incluso es muy útil para las tipografías
Gracias!
Wow el corazón es muy fácil 😮
También mee sorprendió mucho la facilidad con que lo hizo. 😄
Ya siempre uso esa táctica 😄
CMD + 8 : Para convertir texto en forma
No solamente eso, es para convertir casi cualquier objeto en forma.
Les comparto mi UI Kit, si desean ver el seguimiento del wireframe en la clase anterior esta la justificación y objetivo del aplicativo
En mi caso particular, suelo usar el panel de Assets directamente, desde que empiezo mi proyecto adjunto todos los elementos que voy a utilizar así simplemente arrastro y coloco.
En ese caso, si necesito cambiar el color de un elemento, cambian de color todos los elementos que hayan sido coloreados desde ese color.
En un caso exclusivo en el que quieras que un ++asset++ sea independiente, simplemente le das click derecho -> desagrupar símbolo.
Gracias, lo vi en un speed design y no sabia como se llamaba!!, ya lo pude colocar
que buena técnica y orden de trabajo!
UI Kit, listo.
Aquí el mio
Me gustan mucho los colores!!!
Plugin para Adobe XD de creación de degradados: Color Blender
Mi actividad 😁
https://iconos8.es/ Les recomiendo esta app para sus iconos , ustedes escogen los colores de ellos!
Enlace de curso de Diseño Visual de Marca: https://platzi.com/clases/marca-visual/
¡ EL LINK ESTA ROTO !
Corregido, gracias.
El tema de colores dominantes es profundizado en el curso “Diseño visual de marca”?
Paleta de colores y todo lo que nos lleve a realizar un diseño de calidad?
Se ve en el curso de fundamentos de diseño.
En fundamentos de diseño aprenderás sobre como crear diseños más efectivos, al igual que la elección de colores. Sin embargo lo que el profesor menciona sobre el diseño visual de marcas, es a asociar un color que represente psicológicamente los valores de la marca, a esto se le conoce como branding.
¿Por qué cuanto intento mover cosas con las teclas de dirección me pone decimales? ¿Cómo lo evito?
presiona y suelta ALT
Mi UI Kit: