Adobe XD Intermedio: Personalización de Marca

Name: Adobe XD Intermedio: Personalización de Marca
Author: Jessica Henley

Personalice su marca mediante iconografía y fichas de diseño

Preview the first lesson free — get full access to all 4 lessons.

Curso: bajo demanda

Hola, mi nombre es Jessica Henley y en estas lecciones aprenderá íconos de marca, introducción a los tokens de diseño y Personalización de tokens de páginas web. En esta lección, te mostraré los íconos de marca. Para comenzar, quiero mostrarte cómo crear un archivo nuevo. Puede navegar hasta Archivo y hacer clic en Nuevo. También puede navegar a un nuevo archivo haciendo clic en Comando o Ctrl N para Nuevo. Aquí tenemos la ventana emergente. Hay varios tamaños para elegir, que incluyen iPhone 14, y su tamaño es de 430 por 932 píxeles. También tenemos un menú desplegable. Entonces tenemos el iPhone 14, iPhone 14 nuevamente, pero observe que tiene un tamaño diferente. También tiene la opción para la versión iPhone mini 13, iPhone XR, XS máximo 11, incluso Google Pixel y iPad. A continuación tenemos la página web, que tiene un tamaño de 1920 por 1080 píxeles. Si hago clic en él, puedes ver que se inicia. Si ese no es el tamaño que deseas, puedes seguir adelante y X. Déjame volver a Archivo, Nuevo. Aquí haciendo clic en el icono de abajo, También tenemos varios tamaños. Nuevamente para Web, teníamos 1920 por 1080. Entonces, si buscas alta definición, debes optar por este tamaño de archivo. Tienes Web 1366 por 768 y Web 1280 por 800. También tenemos Instagram Story. Para Instagram Story, tenemos alta definición de 1080 por 1920. Incluso tiene publicaciones en Twitter, que son 1024 por 512, y también tiene opciones de Facebook y opciones de YouTube. Si ninguna de estas opciones te funciona, también puedes poner una tamaño personalizado. Aquí voy a elegir la página web 1920 por 1080, que Ya lo tenemos abierto. Ahora, para los íconos, si quieres íconos prefabricados, puedes navegue hasta los complementos. Nuevamente, para complementos, asegúrese de estar en Diseño. Y aquí abajo tenemos Bibliotecas. Tenemos Capas. Observe que el atajo para Capas es Ctrl o Comando Y. Y tenemos complementos. El atajo para complementos es Shift Command P o Shift Ctrl P. Aquí, en Complementos, tengo íconos de EOS. Para obtener este complemento, debes navegar hasta la parte superior. Vaya a Complementos y haga clic en Explorar complementos. Una vez que esté aquí, podrá ver Administrar complementos y justo debajo Tenemos Buscar todos los complementos. Tú puede colocar en una palabra clave. En este caso voy a poner iconos. Como puedes ver, tengo dos instalados, IconScout, que Tendrá que crear una cuenta e iniciar sesión para poder utilizar sus íconos. Sin embargo, si quieres saltarte esa parte, tú puedes descargar Iconos de EOS. Así que aquí, para los íconos, tienen tantos íconos para elegir. de. Como puedes ver, dice que tiene más de 1.000 iconos gratuitos. disponible. También cuenta con 24 categorías diferentes y dos diferentes. temas disponibles. Y ofrecen soporte para sus íconos. Si desea este complemento de ícono, puede presionar Obtener. Como podéis ver no lo tiene disponible para mí porque Ya lo instalé. Tenga en cuenta que al buscar complementos, hay mucho que escoge de. Por lo tanto, recomiendo encarecidamente revisarlos. Por ejemplo, tenemos iconos MDI disponibles. También tenemos Open Icon, que tiene una colección de 70.000 Iconos gratuitos disponibles. Hay tantas opciones para elegir. Arriba, este es el que tengo instalado. Voy a salir. Profundicemos en lo que este complemento tiene disponible para nosotros. Aquí tenemos los íconos de EOS. Y dice que podemos buscar íconos de la colección EOS. O copie y pegue desde una de las opciones siguientes. Cuando hago clic en un icono, lo copiará. Y también mira, tenemos categorías, lo cual es realmente genial. Ahora, primero lo mantendré en Todo y luego volveré. arriba, y luego te daré una vista previa de cómo se ve cuando eliges una de las categorías. Y también tiene temas reales. En Acción, que nuevamente es Todo, así que se empieza desde arriba. Por supuesto, no los veremos todos. Navegaremos rápidamente. Así que voy a seguir adelante y acercarme a mi lienzo desplazándose hacia adentro. Para desplazarme, mantengo presionado Comando o Control y con mi desplazamiento, puedo desplazarme al mismo tiempo. Por ejemplo, este ícono bancario. Recuerde, dice que cuando haga clic en él, lo copiará. Entonces necesito hacer clic derecho y pegar. También puedes utilizar el acceso directo Control o Comando V. Y aquí está el ícono bancario. Antes de personalizar este icono, porque es posible que desees utilizar algunos de estos iconos para tu marca en particular. Sigamos adelante y hablemos de categorías. En Categorías, tenemos Acción, Alertas, Artificial Inteligencia. Incluso tenemos Comunicación y Diseño. Echemos un vistazo a Lugares. Entonces, si hago clic en Lugares, incluso tengo este paraguas aquí mismo. Entonces, si hago clic en eso, lo copiará. Haga clic derecho, pegue. Déjame ver Hardware. Entonces, para Hardware, puedo continuar y desplazarme. Tienen estos auriculares. Entonces, si hago clic en él, lo copia automáticamente. Haga clic derecho y pegue. Estos son nuestros íconos que he elegido. Voy a seguir adelante y centrar esto. Ahora echemos un vistazo a cómo puedes personalizarlos para tu marca particular. Es súper sencillo. Al hacer clic en el icono real que ha elegido, puedes ir a Apariencia. Tenga en cuenta que puede reducir la opacidad si así lo desea. Pero para completar, puedes hacer clic aquí y Desplácese hacia arriba así y cambie los colores. Y también puedes estar atento al código de color real. Así que aquí podría copiar el código. y haga clic derecho y cópielo. Ahora di si quisiera el mismo color. Como puedes ver, también puedes guardar muestras. Pero podría hacer clic derecho, pegar, y presione Entrar. También puedo presionar este signo más para almacenar este color. para la proxima vez. Y puedo hacer clic en este auricular y hacer lo mismo. En la próxima lección seguiré hablando de marca. iconos. Gracias por ver.

Intermedio Proveedor : Jessica Henley 4 lecciones · 31m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

Adobe XD ofrece una variedad de tamaños de documentos para iPhones, sitios web, plataformas de redes sociales y otros tamaños personalizados. Estas lecciones le enseñarán a elegir los tamaños adecuados que se adapten a sus necesidades de diseño. Aprenderá el papel que desempeñan los íconos en su diseño, cómo buscar complementos para encontrar íconos prefabricados, categorías y temas para íconos, y cómo cambiar los colores de los íconos prefabricados. También explorará cómo utilizar las herramientas de Adobe XD para crear iconos personalizados para su marca, incluyendo la modificación de formas en iconos personalizados cambiando su apariencia y añadiendo efectos. Esta lección también incluye tutoriales sobre el uso de complementos para navegar por plantillas de sitios web y la creación de tokens de diseño para su marca. Recibirá consejos para mantenerse organizado añadiendo colores y estilos de caracteres a sus activos de diseño. Cuando esté listo para previsualizar su diseño, podrá hacerlo en un navegador web y agregar comentarios, consultar especificaciones y ver variables dentro de los diseños.

En estas lecciones conocerá los tokens de diseño y aprenderá a personalizar sus diseños explorando la iconografía y los tokens para marcas comerciales.

Lo que aprenderás

Designar colores y estilos de caracteres para iconos en sus diseños
Explorar complementos para encontrar iconos prefabricados y cambiar sus colores, categorías y temas
Crear iconos de marca personalizados modificando formas, cambiando su apariencia y añadiendo efectos
Usar tokens de diseño para personalizar sitios web y tokens de página web para marcas comerciales
Obtener una vista previa de diseños en un navegador web para agregar comentarios, ver especificaciones e inspeccionar variables
Elegir tamaños de documento apropiados en Adobe XD para iPhones, sitios web, redes sociales y necesidades personalizadas

Puntos clave

Adobe XD ofrece una variedad de tamaños de documento para iPhones, sitios web, plataformas de redes sociales y otros tamaños personalizados para adaptarse a diferentes necesidades de diseño.
Los iconos juegan un papel en el diseño, y se pueden explorar complementos para encontrar iconos prefabricados organizados por categorías y temas cuyos colores se pueden cambiar.
Las herramientas de Adobe XD le permiten crear iconos de marca personalizados modificando formas, cambiando su apariencia y añadiendo efectos.
Se pueden crear tokens de diseño para una marca, y se pueden usar complementos para explorar plantillas de sitios web.
Los diseños se pueden obtener como vista previa en un navegador web, donde puede agregar comentarios, examinar especificaciones y ver variables dentro de los diseños.

Preguntas frecuentes

¿Qué aprenderé en este curso intermedio de Adobe XD?

Aprenderá a designar colores y estilos de caracteres para iconos, comprender las herramientas de diseño de iconos, y utilizar tokens de diseño para sitios web, mientras explora iconografía y tokens de diseño para marcas comerciales.

¿Qué lecciones incluye este curso?

El curso incluye cuatro lecciones: Iconos de marca (Parte 1), Iconos de marca (Parte 2), Introducción a los tokens de diseño, y Personalización de tokens de página web.

¿Cómo trabajo con iconos prefabricados en Adobe XD?

Aprenderá cómo explorar complementos para encontrar iconos prefabricados, trabajar con sus categorías y temas, y cambiar los colores de iconos prefabricados, así como crear iconos personalizados usando herramientas de Adobe XD.

¿Cómo puedo obtener una vista previa de mi diseño?

Cuando esté listo, puede obtener una vista previa de su diseño en un navegador web, donde puede agregar comentarios, examinar especificaciones y ver variables dentro de los diseños.

¿Qué habilidades cubre este curso?

Este curso cubre Adobe XD, Mejora de marca, Diseño de marca, y Diseño de aprendizaje.