Adobe XD for UI Design (Plus Muse)

Create Web and Mobile User Interfaces

4.05 (31 reviews)
Udemy
platform
English
language
User Experience
category
instructor
238
students
5.5 hours
content
Feb 2018
last update
$19.99
regular price

What you will learn

How to create a UI for Website

XD Interface & Tools

Master Adobe XD Tips & Tricks

Prototyping transitions

Working with Adobe Muse

Creating a responsive website

Description

Version: This course includes all the new features of Adobe XD CC 1.0, such as Libraries!

Do you want to design interfaces quickly and without issues? Adobe Experience Design is an extremely versatile tool for UI/UX designers because it also lets the users create interactive prototypes. Not only are we going to discuss working techniques for Adobe XD but also make our project into a working website with Adobe Muse!

Course lessons will show you how to exchange data between Adobe XD, Photoshop, Illustrator, and even mobile apps, which you can use to quickly prototype with your tablet or smart phone. Wireframes created this way can be easily imported to XD where you can continue your work. In Experience Design, you can use Assets panel and Creative Cloud Libraries to manage all the assets and keep them consistent in your software.

This course focuses on the creation of a practical website project. The site advertises the intelligent home app we have worked on during our previous UI courses. However, the start might seem a bit unusual because we deal with a desktop view, then we create a responsive view and test it on a mobile phone. Next we prototype transitions and interactions for a finished project and prepare graphic assets to be exported to the Web.

Content

Introduction

Introduction
Grids and Artboards
Resolutions and Retina Screens
Assets Exchange
Document Navigation
Interface and Shortcuts
Searching for Inspiration
Colors and Structure
Typography
Working with Shapes
Symbols
Working with Image Assets
Import from Text File
Pen Tool
Repeat Grid
Generating Grid
Next Screens
Testimonials Screen
Boolean Operations
Repeat Grid Sections
Working with Form
Prototyping
Sharing your Work
Mobile Version
Device Preview
Exporting Assets
Muse Import
Using Google Fonts
Mobile Menu
Second Screen
Third and Fourth Screen
Fifth Screen
Sixth Screen
Seventh and Eight Screen
Interactive Elements
Exporting to Server
Thank You

Screenshots

Adobe XD for UI Design (Plus Muse) - Screenshot_01Adobe XD for UI Design (Plus Muse) - Screenshot_02Adobe XD for UI Design (Plus Muse) - Screenshot_03Adobe XD for UI Design (Plus Muse) - Screenshot_04

Reviews

FahedMichel
April 25, 2020
I would have put more efforts on explaining the workflow process in the introduction; The instructor is showing the steps of designing a UI and at the same time explaining how XD works which is good but this should be explained from the start to avoid any confusion. One more thing I would put the content into chapters.
Alessandro
July 12, 2018
Curso muito bom. Já tinha um certo conhecimento na ferramenta MUSE mas aprendi muitas coisas novas pena que a ferramenta vai ser descontinuada. Na parte de XD poderia ter aulas mais avançadas mas para quem ta aprendo o curso é ótimo.
Daniela
January 4, 2018
I feel that explanation is really not very clear and so fast, that is almost impossible to follow and absorb all info. I am on the beginning of the course, I will see later if it will be better.
Yu
December 6, 2017
A Little bit hard to understand the accent of the lectures speech as English is my second language. But overall its an exciting and practical course that I would recommend.

Charts

Price

Adobe XD for UI Design (Plus Muse) - Price chart

Rating

Adobe XD for UI Design (Plus Muse) - Ratings chart

Enrollment distribution

Adobe XD for UI Design (Plus Muse) - Distribution chart
1412246
udemy ID
10/28/2017
course created date
11/21/2019
course indexed date
Bot
course submited by