Release date:2018

Author: Daniel Walter Scott, Instructor HQ

Skill level:Beginner

Language:English

Exercise files:Yes

What you’ll learn

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.

Build & test a full website design.

You will have a project of your own to add to your portfolio.

42 lectures of well-structured, step by step content.

Learn to design websites & mobile phone apps.

Work with fonts & colours.

Prototype your designs with interactions.

Test on mobile phones.

You’ll create realistic prototype complete with micro interactions.

Send your designs for feedback & commenting.

Export production ready assets.

Create your first UX brief & persona.

Create quick wireframes.

Hi there, my name is Dan & I am an Adobe Certified Instructor. Together we are going to learn how to use Adobe XD. We will use this UX UI design tool to create a beautiful User Interface & streamlined User Experience.

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!”

During our course we will use an actual freelance project which I am working on. It’s a project that needs both a website interface & a mobile app, so it will give you a good idea of how to manage your own UX projects.

This course is aimed at people new to design & user experience. We will start right at the beginning and work our way through step by step.

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.

First I’ll show you how to construct a good brief & UX persona. Then you will learn to create simple wireframes, from there we will learn how to implement colours & images correctly in your designs. You will learn learn the do’s and don’ts of choosing fonts for web & mobile apps. We will also cheat a little by exploring pre-made UI kits to speed up our workflow.

We will build & prototype both a website design and a mobile app design, connecting pages and also adding full interactivity ready for user testing. I will share with you all the secret tricks inside Adobe XD that help you speed up repetitive tasks and we will work all the way through to exporting correct files & creating your design specs.

There is a project for you to complete during this class which will help develop your skills and will give you something for your own portfolio.

01. Overview 01. Introduction 02. Getting started with your Adobe XD project 03. What is UI vs UX – User Interface vs User Experience 04. The brief & persona for our real life project

02. Wireframing Low Fidelity 01. Wireframing (low fidelity) in Adobe XD 02. Working with existing UI kits in Adobe XD 03. Working with type in your XD wireframes 04. How to create forms, checkboxes & buttons in Adobe XD 05. Free icons for your Adobe XD & UX UI projects 06. Prototyping & adding interactivity to Adobe XD 07. Production video – student views in Adobe XD 08. How to make & use symbols in Adobe XD 09. Using the repeat grid in Adobe XD 10. Mocking up an App in Adobe XD 11. How to use the XD App on iPhone & Android 12. Production Video – Sign up screen & Dashboard 13. Sharing Wireframes for comments in Adobe XD

03. High Fidelity UI Design 02. Why do you need a 12 column grid in Adobe XD 03. How to create a 12 Column Grid in Adobe XD 2018 04. Working with colors inside Adobe XD CC 05. Use Web safe fonts or iOS or Android specific fonts in Adobe XD 06. How to use Character Styles in Adobe XD 07. Creating realistic buttons in Adobe XD with paste properties 08. How to draw your own custom icons in Adobe XD 09. How to make a gradient & blur in Adobe XD 10. The pros & cons for working with images inside Adobe XD 11. Working with Illustrator, Photoshop & InDesign in Adobe XD 12. How to mask in Adobe XD 13. Production Video – Adding text fields & buttons in Adobe XD 14. How to make a popup model in Adobe XD with a blurred background 15. Creating 12 column card dashboard using the repeat grid tool in Adobe XD 16. How to make a mobile phone mockup with Adobe XD & Photoshop 17. Make an APP version of your Adobe XD UX project 18. Hidden features for Adobe XD Repeat Grid 19. Advanced prototyping using buttons & dropdown menus in Adobe XD 20. One more Prototype trick & faking depth of field for mockup 21. UX User Testing in Adobe XD 22. How to export images & code from Adobe XD for developers

04. What Next 01. Class Project for Adobe XD 02. Shortcuts & Cheat Sheet for Adobe XD 03. BONUS Software Updates 04. Conclusion for Adobe XD training course

Web UI UX Design using Adobe XD – User Experience Design.7z

  Channel    and      Group

下载说明:用户需登录后获取相关资源
1、登录后,打赏30元成为VIP会员,全站资源免费获取!
2、资源默认为百度网盘链接,请用浏览器打开输入提取码不要有多余空格,如无法获取 请联系微信 yunqiaonet 补发。
3、分卷压缩包资源 需全部下载后解压第一个压缩包即可,下载过程不要强制中断 建议用winrar解压或360解压缩软件解压!
4、云桥网络平台所发布资源仅供用户自学自用,用户需以学习为目的,按需下载,严禁批量采集搬运共享资源等行为,望知悉!!!
5、云桥网络-CG数字艺术学习与资源分享平台,感谢您的赞赏与支持!平台所收取打赏费用仅作为平台服务器租赁及人员维护资金 费用不为素材本身费用,望理解知悉!