教学视频 视频资料 设计相关知识

Adobe XD CC 官方使用教程(英文版视频)

官方提供的XD文件。可以用作练习:https://learndownload.adobe.com/pub/learn/xd/xd-getting-started-series.zip

1,什么是adobe XD

XD empowers designers with the speed, precision, and quality to seamlessly iterate and share interactive prototypes with team members and reviewers across devices and platforms, including Windows, Mac, iOS, and Android.

 

2,了解XD的工作空间

Get to know the XD interface. Explore the in-app resources available to help you learn how to use Adobe XD or get a head start on your designs. Navigate the Design and Prototype modes to learn about the tools available in each.

 

3,创建一个简单的设计

Focus on the structure and flow of an app before refining your design. Add artboards, placeholder text, and basic shapes to map out the design. Use Repeat Grid to place copies of text and objects in rows and columns. Set up symbols as placeholders for items that repeat throughout your design. Leverage templates and design elements from wireframe kits available for XD to quickly get a head start.

 

4,计划您APP的设计布局

Learn how to use the canvas to experiment with design concepts before updating artboards. Use Repeat Grids in various ways to speed up your design process. Modify a design element in a Repeat Grid to update elements in other cells simultaneously. Open UI kits and wireframe kits to copy and paste design elements into your document. Streamline the management of your documents assets, including color and character styles, from the Assets panel.

 

5,图标与矢量图形的画法

Use the Rectangle, Ellipse, Line, and Pen tools to draw simple icons. Refine the graphics in your app with the Boolean operators by adding, subtracting, intersecting, and excluding overlapped shapes. Import icons and illustrations created in Adobe Photoshop CC and Illustrator CC. Explore Symbols and Repeat Grids as you develop your design.

 

 

6,创建您更高级的设计

Fine-tune your app or website’s design by adding final images and text to your artboards and Repeat Grids. Add symbols and apply symbol overrides and use images, colors, and character styles from Creative Cloud Libraries and the Assets panel.

 

7,创建交互模型

Set up interactions in your prototype using a variety of customizable settings including target, transition, easing, and timing. Test and preview your prototype using the in-app preview feature.

 

8,预览交互模型

Make sure your designs look and perform the way you intended by viewing them on actual devices with the XD mobile app for iOS or Android.

 

9,分享交互模型预览效果

Share your prototypes with team members, stakeholders, or clients. Adobe XD CC will generate a web link that can be viewed in any browser. Viewers can make comments directly on your prototypes so you can quickly iterate your design, update the flow and interactions, and resolve comments.

 

10,与开发者共享设计规范

Learn how to share design specs in a web browser and improve communication between designers and developers with Adobe XD CC.

 

11,从Photoshop或Illustrator导入素材

Open Adobe Photoshop CC documents directly in Adobe XD CC to convert app and web designs into XD files. Copy, paste, or export design elements from Adobe Illustrator CC into Adobe XD. Use Adobe Creative Cloud Libraries to easily move design assets from Photoshop or Illustrator into XD.

 

作者介绍

我是一个普普通通的工作者。 专注于网页设计与网站前端开发、爱好摄影、热爱生活(其实有谁不热爱生活呢?)。 这个网站,就是展现一下我的作品,希望有一些美好的东西能让大家看到。 如果能从这个网站中获得一些感悟或者一些美好的东西,那是最好不过了。

也许,您还对以下文章感兴趣:
Adobe After Effect CC 简介

创建电影级影片字幕、片头和过渡。点一团火… 详情

【视频】2011年Youtube十佳视频

YouTube是世界上最大的视频分享网站… 详情

【视频】借电脑CG动画技术 天使赫本重现人间

好莱坞女明星奥黛丽·赫本可谓风华绝代,曾… 详情

How times have changed 阿诺施瓦辛格睡在雕像旁边的故事

施瓦辛格睡在雕像旁边的图片,实际上是施瓦… 详情