• No hay productos en el carrito.

Impartido por Daniel Walter ScottPago único de $2,800 MXN · acceso por 12 meses

Adobe XD UI UX Design

Use XD to get a job in UI Design, User Interface, User Experience design, UX design & Web Design

Certificado con validez SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 60 h 100% autodidacta 21 unidades
Modalidad

Así estudias: curso autodidacta

  • Autodidacta y 100% en línea: contenido disponible 24/7.
  • Avanzas a tu ritmo: la plataforma guarda tu progreso.
  • Sin tutor ni clases en vivo: el curso está diseñado para estudiarse por tu cuenta.
  • Te evalúas con actividades automáticas, sin entregas a un tutor.
Qué aprenderás

Lo que serás capaz de hacer

Are you excited to get into the world of UI/UX but you don't know where to start? This course will allow you to add UX designer to your CV & start getting paid for your new skills. Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs. Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path. Aria: "This course is definitely above expectations so far. I didn't expect to get so much insight into the briefing and the communication between UX Designer and a client. It helps to see the brief and to learn that there are different tiers of income based on projects and experience. Love It!" This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too! First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and how to make use of existing UI design kits. I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device. Kate: Excellent course - Dan is an excellent teacher and I thoroughly enjoyed following along with his videos. Highly recommend! July 2018: I have updated this review with an extra star because of how useful this course has been in the months following it's completion. I am using Adobe XD daily and Dan's instruction was instrumental to adding this feather to my front-end web development hat. An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity. One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early. Leigh: "I really enjoyed this course. I was a UX designer before the course and was looking for more information on XD and getting to know the program itself better, and this course really nailed it! It has great UX references and a few refreshing perspectives. As well as it really helps you learn XD in the process. The instructor is engaging and fun to listen to. Really really great course. I highly recommend to any new UX designers, as well as veterans looking for a refresh, or just to learn how to use XD." There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio. It is now time to upgrade yourself & learn Adobe XD.

  • Become a UX designer.
  • You will be able to start earning money from your XD Skills.
  • You will be able to add UX designer to your CV
  • Build a UX project from beginning to end.
  • Become a UI designer.
  • Build & test a full mobile app.

Temario

UNIDAD 1 - Getting Started · 7 lecciones

UNIDAD 1 - Getting Started

  • Getting started with your Adobe XD project.Video · 2 min
  • What is Adobe XD for & does it do the codingVideo · 6 min
  • What's the difference between UI and UX in Adobe XDVideo · 4 min
  • What we are making in this Adobe XD courseVideo · 1 min
  • What is a persona & task flow in UX designVideo · 11 min
  • Class Project 01 - Create your own briefVideo · 3 min
  • Class Project 01 - Create your own briefCuestionario · 5 min
UNIDAD 2 - Wireframing Low Fidelity · 2 lecciones

UNIDAD 2 - Wireframing Low Fidelity

  • What is Lo Fi Wireframe vs High Fidelity in Adobe XDVideo · 3 min
  • Artboards & how wide should my website or app be in Adobe XDVideo · 10 min
UNIDAD 3 - Type, Color & Icon Introduction · 11 lecciones

UNIDAD 3 - Type, Color & Icon Introduction

  • Working with type in your XD wireframesVideo · 11 min
  • Rectangles, Circles, Buttons and Rounded corners in Adobe XDVideo · 8 min
  • How to use color in Adobe XDVideo · 6 min
  • Strokes & copy & paste appearance in Adobe XDVideo · 12 min
  • Class Project 02 - WireframeVideo · 4 min
  • Class Project 02 - WireframeCuestionario · 1 h 30 min
  • Free icons for your Adobe XD & UX UI projectsVideo · 8 min
  • How to find and use existing UI kits in Adobe XDVideo · 7 min
  • Groups & issues editing icons in Adobe XDVideo · 16 min
  • Class Project 03 - IconsVideo · 5 min
  • Class Project 03 - IconsCuestionario · 1 h
UNIDAD 4 - Prototyping - Level 1 · 5 lecciones

UNIDAD 4 - Prototyping - Level 1

  • How to add interaction to your prototype in Adobe XDVideo · 7 min
  • Prototype animation & easing in Adobe XDVideo · 6 min
  • How see your design on XD App on iPhone & AndroidVideo · 10 min
  • Class Project 04 - Testing on your phoneVideo · 5 min
  • Class project 04 - Testing on your phoneCuestionario · 20 min
UNIDAD 5 - Animation · 4 lecciones

UNIDAD 5 - Animation

  • Getting started with auto-animations in Adobe XDVideo · 11 min
  • Understanding more about animation in Adobe XDVideo · 10 min
  • Class Project 05 - My first animationVideo · 5 min
  • Class project 05 - My first animationCuestionario · 1 h
UNIDAD 6 - Feedback & Commenting · 1 lecciones

UNIDAD 6 - Feedback & Commenting

  • Sharing Wireframes for comments in Adobe XDVideo · 7 min
UNIDAD 7 - Moodboard - High Fidelity UI Design · 5 lecciones

UNIDAD 7 - Moodboard - High Fidelity UI Design

  • Mood Boards & resources for Hi fidelity UI design in Adobe XDVideo · 8 min
  • How to create a mood board in Adobe XDVideo · 8 min
  • Class project 06 - Mood BoardVideo · 2 min
  • Class Project 06 - MoodboardCuestionario · 30 min
  • How to work with Columns & Grids in Adobe XDVideo · 15 min
UNIDAD 8 - Columns & Grids · 2 lecciones

UNIDAD 8 - Columns & Grids

  • View port aka dotted line on the page in Adobe XDVideo · 4 min
  • How to add & delete guides to Adobe XDVideo · 4 min
UNIDAD 9 - Colors · 6 lecciones

UNIDAD 9 - Colors

  • Color Inspiration & the eyedropper in XDVideo · 7 min
  • How to create a color palette in Adobe XDVideo · 11 min
  • How to create gradients in Adobe XDVideo · 5 min
  • How to save and reused color swatches in Adobe XDVideo · 3 min
  • Class Project 07 - Colors & ColumnsVideo · 4 min
  • Class Project 07 - Colors & ColumnsCuestionario · 1 h
UNIDAD 10 - Text & Fonts - Level 2 · 7 lecciones

UNIDAD 10 - Text & Fonts - Level 2

  • What fonts can I use in my web or app design in Adobe XDVideo · 12 min
  • Check what other font’s people have usedVideo · 3 min
  • What common font sizes should I choose in web designVideo · 6 min
  • How to make Character Styles in Adobe XDVideo · 16 min
  • Plugin - Adding our first Plugin Lorem Ipsum to Adobe XDVideo · 5 min
  • Class project 08 - TextVideo · 5 min
  • Class Project 08 - TextCuestionario · 1 h
UNIDAD 11 - Drawing · 6 lecciones

UNIDAD 11 - Drawing

  • Drawing & editing shapes in Adobe XDVideo · 6 min
  • Strangeness with shapes in Adobe XDVideo · 5 min
  • Learn to draw with the pen tool in Adobe XDVideo · 9 min
  • Working with strokes & lines in Adobe XDVideo · 6 min
  • Class Project 09 - Icons & ButtonsVideo · 7 min
  • Class Project 09 - Icons & ButtonsCuestionario · 1 h
UNIDAD 12 - Working with Illustrator · 1 lecciones

UNIDAD 12 - Working with Illustrator

  • Do I need to know Illustrator with Adobe XDVideo · 10 min
UNIDAD 13 - Images · 4 lecciones

UNIDAD 13 - Images

  • Masking & cropping images in Adobe XDVideo · 5 min
  • Free images to use in your XD mockups - Unsplash Pexels FreeimageVideo · 3 min
  • Darkening background images with opacity in XDVideo · 4 min
  • Blurring backgrounds and objects in Adobe XDVideo · 6 min
UNIDAD 14 - Working with Photoshop · 4 lecciones

UNIDAD 14 - Working with Photoshop

  • Do I need to know Photoshop with Adobe XDVideo · 10 min
  • Snack bar Toast banners using masked image in Adobe XDVideo · 6 min
  • Class Project 10 - Add imagesVideo · 2 min
  • Class Project 10 - ImagesCuestionario · 45 min
UNIDAD 15 - Components & Instances · 5 lecciones

UNIDAD 15 - Components & Instances

  • How to make & use components in Adobe XDVideo · 7 min
  • Difference between Main & Instance Components in Adobe XDVideo · 13 min
  • How to create component hover states in XDVideo · 8 min
  • Class Project 11 - ButtonsVideo · 5 min
  • Class Project 11 - ButtonsCuestionario · 1 h
UNIDAD 16 - Repeat Grids · 4 lecciones

UNIDAD 16 - Repeat Grids

  • How to use the repeat grid in Adobe XDVideo · 7 min
  • Class Project 12 - Repeat GridVideo · 7 min
  • Class Project 12 - Repeat GridCuestionario · 1 h
  • Updating & issues with repeat grids of the edgeVideo · 3 min
UNIDAD 17 - Stacks · 3 lecciones

UNIDAD 17 - Stacks

  • How to use stacks in XD to make a formVideo · 11 min
  • Class Project 13 - Stacks & Checkout PageVideo · 2 min
  • Class Project 13 - Stacks & Checkout PageCuestionario · 1 h
UNIDAD 18 - Micro Interactions & Animations · 9 lecciones

UNIDAD 18 - Micro Interactions & Animations

  • The difference between animation & micro interactionsVideo · 6 min
  • Dan drawing stuff in Adobe XDVideo · 7 min
  • More animation in Adobe XDVideo · 11 min
  • Class Project 14 - My Second AnimationVideo · 2 min
  • Class Project 14 - My Second AnimationCuestionario · 1 h
  • Micro interaction toggle switch in Adobe XDVideo · 10 min
  • Micro interaction burger menu turned into a cross in XDVideo · 3 min
  • Class Project 15 - Micro interactionVideo · 2 min
  • Class Project 15 - Micro interactionCuestionario · 45 min
UNIDAD 19 - How to pin navigation to the top in Adobe XD · 6 lecciones

UNIDAD 19 - How to pin navigation to the top in Adobe XD

  • How to pin navigation to the top in Adobe XDVideo · 7 min
  • How to add a popup overlay modal in Adobe XDVideo · 8 min
  • Slide in mobile nav menu overlay in Adobe XDVideo · 11 min
  • Class Project 16 - Popup & NavigationVideo · 3 min
  • Class Project 16 - Popup & NavigationCuestionario · 1 h
  • What are Flows in Adobe XDVideo · 3 min
UNIDAD 20 - Exporting · 8 lecciones

UNIDAD 20 - Exporting

  • How to share your document with clients & stakeholders & user testersVideo · 13 min
  • Talking to your developer early in the XD design processVideo · 5 min
  • Export the right image file formats from Adobe XDVideo · 17 min
  • Batch export images at once using Mark for Export in XDVideo · 5 min
  • How to export code in XD for engineers using Design SpecsVideo · 7 min
  • What is a style guide in Adobe XDVideo · 12 min
  • Class Project 17 - Final DesignVideo · 3 min
  • Class Project 17 - Final DesignCuestionario · 1 h 30 min
UNIDAD 21 - What Next · 2 lecciones

UNIDAD 21 - What Next

  • Whats next after Adobe XD EssentialsVideo · 5 min
  • Continue learning with me! Links inside.Lectura · 0 min
Certificado oficial

Certificado con validez SEP: lo emite la SEP, no solo una plataforma

Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.

Tu certificado con INEC

  • Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
  • Documento oficial con folio verificable en línea
  • Lo otorga la Universidad Tecnológica Fidel Velázquez

Otras plataformas en línea

  • Constancia privada emitida por la misma plataforma
  • Solo acredita horas cursadas o asistencia
  • Sin respaldo de una autoridad educativa
Cómo funciona

Tu itinerario, de la inscripción al certificado

  1. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    21 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    17 cuestionarios para comprobar lo aprendido.

  4. 4

    Certificado

    Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Adobe XD UI UX Design

Muestra · verificable por folio y QR

  • Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
  • Contenido impartido por Daniel Walter Scott.
  • Folio y QR verificables para compartirlo con quien te contrate.
Medios que necesitas
Equipo de cómputo Conexión estable a internet
Pago único

Empieza hoy, a tu ritmo

Un solo pago y acceso inmediato al curso completo durante 12 meses.

  • 21 unidades · 102 lecciones · 60 h
  • 12 meses de acceso
  • 17 cuestionarios de evaluación
  • Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor de inscripción
Preguntas frecuentes

Sobre tu inscripción

¿Cómo es el pago?

Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.

¿Cuánto tiempo tengo acceso?

12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.

¿Quién imparte el contenido?

El curso es impartido por Daniel Walter Scott; INEC gestiona tu inscripción, evaluación y certificado.

¿Qué pasa cuando vence mi acceso?

Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.

¿El curso tiene validez SEP?

Sí. Al completar el curso recibes un certificado emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

¿El curso tiene tutor o clases en vivo?

No. Es un curso autodidacta: estudias por tu cuenta, a tu ritmo, sin tutor ni sesiones en vivo.

¿Cómo se evalúa?

Te evalúas con actividades automáticas, sin entregas a un tutor.

Cursos relacionados

Incluido en la Membresía Educativa

Este curso forma parte de los 647 cursos autodidactas con certificado que incluye la membresía, por un solo pago anual.

Membresía Educativa: cursos en línea con validez SEP

Certificado emitido por la SEP a través del Gobierno del Estado de México · Adobe XD UI UX Design

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture