Release date:2021, June 2

Author:Alan Ayoubi

Skill level:Beginner

Language:English

Exercise files:Yes

Hi everyone welcome to Adobe XD mega course.

Before I jump into the details of the course I want to quickly tell what adobe xd is used for.

Adobe XD is a simple easy to use application dedicated to UI UX design we can call it user interface or user? basically, we use adobe xd to design mobile apps and websites

Just like our other mega courses this course is designed to take you from absolute beginner to advanced level in UI design.

This course is divided into 4 main parts, basics of design mode, basics of prototype mode, advanced technique and finally working with real projects.

In the design mode basics. We will start with downloading Adobe XD and installing then we will open it for the first time.

I will show you how to work with artboards, shape tools line tools, I will teach you how to use text tools, how to use images easily and effectively. After that, we will cover alignment tools and boolean operations. Then I will show you how to work with components and assets inside XD. later, we will cover a very exciting feature in XD which is a repeat grid. After that, we will cover responsive resize I will show how to use it and how to get an advantage from it for your designs. The last thing we will cover some free Plugins, we will cover the most useful ones. When you finish this part you will have a complete understanding of Adobe XD design tools, you will be ready to use what you have learnt to create some professional design. Together we are going to design two screens of a finance app, we will use all that we learnt in the design mode basics part.

After we covered and practised everything about design mode we will move to the prototype model. We will start with the basics and then we will cover all of the tools and settings in the prototype mode. We will cover time transition, component states, scrolling groups, overly animation, drag animation, sound, voice and keyboard triggers and much more. At the end we will cover an exciting prototype feature which is auto animate, we are going to animate the design we made in the design part with auto animate.

After we covered both design and prototype mode we will cover some advanced techniques. Like 3D transform and animation, Glassmorphisms, input prototype, scroll number scroll colours.

At the end of the course, we are going to create two projects together, the first one is a website homepage for a financial company, we will create it from scratch, we will start with the brainstorming and written form then we will design and prototype it.

The second project will be an e-commerce app, we will start this one from the brainstorming to the design and then to prototyping.

After you finish this course you will have a full understanding of Ui design and Adobe XD. You will be ready to use Adobe XD effectively and professionally. You will be ready to start your carrier with UI design.

01 – adobe-xd-mega-course-introduction 02 – difference-between-ui-and-ux-designer 03 – basics-design-mode 04 – 1-download-adobe-xd-first-time-opening-it 05 – 2-working-with-artboards 06 – 3-working-with-shapes-and-lines 07 – 4-working-with-text 08 – 5-working-with-images 09 – 6-alignment-tools-boolean-operations 10 – 7-assets-components 11 – 8-repeat-grid 12 – 9-responsive-resize 13 – 10-plugins 14 – finance-app-homework 15 – 1-background-and-credit-card-design-4k 16 – 2-buttons-and-the-rest-of-the-screen-design-4k-2 17 – 3-second-screen-design-4k 18 – everything-about-prototyping 19 – 1-basics-and-time-transition 20 – 2-component-states 21 – 3-overlay-scroll-and-drag-prototype 22 – 4-voice-sound-gamepad-key-prototype 23 – 5-auto-animate 24 – prototype-homework 25 – some-advanced-techniques 26 – 1-color-number-scroll-effect 27 – 2-character-input-prototype 28 – 3-glassmorphism 29 – 4-3d-transform-and-prototype 30 – advanced-section-homework 31 – wallet-x-website-ui 32 – 1-menu-bar-and-bg 33 – 2-landing-page-p1 34 – 3-landing-page-p2 35 – 4-benefits 36 – 5-credit-card-and-more 37 – 6-prototype 38 – e-commerce-app 39 – 1-onboarding-screen-design 40 – 2-login-and-signup-screen-design 41 – 3-nike-home-screen-design-p1 42 – 4-nike-home-screen-design-p2 43 – 5-puma-adidas-home-screen-design 44 – 6-single-product-preview-design 45 – 7-favourite-screen-design 46 – 8-profile-screen-design 47 – 9-my-cart-screen-design 48 – 10-search-screen-design 49 – 11-prototype-onboarding-sign-in-sign-up 50 – 12-prototype-scrolling-effect 51 – 13-prototype-between-nike-adidas-and-puma-screens 52 – 14-prototype-single-product-preview 53 – 15-prototype-favorites-screen 54 – 16-prototype-profile-screen 55 – 17-prototype-my-cart-screen 56 – 18-prototype-search-and-finalize 57 – 19-prototype-running-your-app-on-mobile 58 – end

  Channel    and      Group

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