|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/adobe-xd-mega-course-user-experience-design/
课程评论:没有评论
课程名称:Adobe XD Mega Course - 用户体验设计 课程概述: 欢迎参加Adobe XD mega课程!在开始详细介绍课程之前,我想先简要介绍一下Adobe XD的用途。Adobe XD是一款简单易用的应用程序,专注于UI/UX设计,我们可以称之为用户界面或用户体验设计。主要用于设计移动应用和网站。本课程旨在将学员从零基础带到UI设计的高级水平,分为四个主要部分:设计模式基础、原型模式基础、高级技巧以及实际项目实操。 在设计模式基础部分,我们将从下载安装Adobe XD开始,首次打开软件时,我会向你展示如何使用画板、形状工具、线条工具,以及文字工具和图像处理技巧。接下来,我们会学习对齐工具和布尔运算,工作组件和资产,以及Adobe XD的一个激动人心的功能:重复网格。我们还将学习如何使用响应式缩放及其在设计中的优势,最后介绍一些实用的免费插件。完成这一部分后,你将对Adobe XD设计工具有完整的理解,并能够运用所学知识创作专业设计。我们将共同设计一个财务应用的两个界面,运用之前在设计模式基础部分学到的知识。 在掌握设计模式后,我们将转向原型模式。我们将从基本知识入手,逐步覆盖原型模式中的所有工具和设置,包括时间过渡、组件状态、滚动组、覆盖动画、拖拽动画、声音、语音和键盘触发器等。最后,我们会介绍一个令人兴奋的原型特色:自动动画,我们将使用自动动画对之前设计的作品进行动画处理。 接下来,我们将学习一些高级技巧,如3D变换和动画、玻璃效果、输入原型、滚动数字和颜色滚动等。在课程结束时,我们将共同完成两个项目,第一个是为一家金融公司设计的网页主页,从头脑风暴到设计和原型制作,第二个是一个电子商务应用,同样从头脑风暴到设计再到原型制作。 完成本课程后,你将全面理解UI设计及Adobe XD的使用,能够有效且专业地使用Adobe XD,为你的UI设计职业生涯做好准备。
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 websitesJust 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.