主页 > I和生活 >Adobe XD =得啖笑?用户界面设计好容易Adobe X >

Adobe XD =得啖笑?用户界面设计好容易Adobe X

2020-06-06464人浏览
Adobe XD =得啖笑?用户界面设计好容易Adobe X

Adobe XD 能够方便大家设计 UX / UI

Adobe XD 功能简介

纯文字解释好难明白,大家看看官网的影片,就知道 Adobe XD 的操作是如何简单了。如果你懂得用 Microsoft PowerPoint ,其实也应该很易上手,感觉操作都是一样那幺直觉~一开始要先选择装置的版面大小,设计是供 iPhone 7 / 8 / X 、 iPad 、 Android 手机、还是电脑用呢?因为每部装置的屏幕大小,以及解像度都不同。

Adobe XD =得啖笑?用户界面设计好容易Adobe X

选择装置版面

设定完成后就可以把电脑里的图片,直接拖拉到 Adobe XD 的画面,那就可以把图片加进去设计啦。之后你可以插入文字、更换字体和颜色、画出矩形或圆形的版块、加插按钮、调整各元素的大小及位置、增添更多页面,一步步丰富手机 App / 网站的内容。

Adobe XD =得啖笑?用户界面设计好容易Adobe X

一次过展示所有页面

Adobe XD =得啖笑?用户界面设计好容易Adobe X

把图片拉进去,变成页面背景。

Adobe XD =得啖笑?用户界面设计好容易Adobe X

更改字体

Adobe XD =得啖笑?用户界面设计好容易Adobe X

拖拉元素,搬到你想要的位置。

Adobe XD =得啖笑?用户界面设计好容易Adobe X

调整页面元素的大小

Adobe XD =得啖笑?用户界面设计好容易Adobe X

提供 Apple 、 Google 和 Microsoft 作业系统的 UI Kit。

做好美术方面的设计和内容后,就可以把不同的页面连结起来啰~例如你想用户在主页按下「价目表」按钮,就能连到价目表的页面,那就只需从「价目表」按钮拉出一个箭咀到价目表页面,便完成连接了,非常简单。或者你想用户从主页向左拨,就到价目表页面,其实也是一样拉箭咀,然后在选项选择「左拨」的动作就可。

Adobe XD =得啖笑?用户界面设计好容易Adobe X

用箭咀连结不同的页面

Adobe XD =得啖笑?用户界面设计好容易Adobe X

可选择用甚幺动作,如向左 / 右拨,就会连到下一页面。

完成设计后,你可以建立一条预览连结,分享给朋友同事看。当他们点进连结,就可以看到整个 App / 网站的流程(即是刚才所拉出的箭咀连结),试试操作 App ,看到文字的字体、颜色,以及可以留言提供意见。对公司团体合作,可谓十分方便。另外,用户亦可下载 Adobe XD 的 iPhone / Android App ,直接在手机体验自己设计的 App 喔。

Adobe XD =得啖笑?用户界面设计好容易Adobe X

同事可以留言,并指定该留言是与哪个页面、哪个位置有关,方便跟进。

Adobe XD =得啖笑?用户界面设计好容易Adobe X

下载 Adobe XD 的手机 App,就直接在手机预览体验你的作品了。

好,哔哩吧啦介绍了那幺多功能,我都很急不及待想下载 Adobe XD 来玩,不过 Adobe XD 也出了接近两年,为何我现在才发布这篇文章呢?其实因为 Adobe XD 最近有新版本了,上述功能依旧都有,但就加进一些更便捷的功能。为了让大家先了解 Adobe XD 是甚幺,就先写下这篇文章~想了解新版本的更新和如何下载永久免费版 Adobe XD,请按这里,谢谢 XD

下载 Adobe XD PC/Mac 版: 按此Adobe XD 手机应用程式

Android 版:按此
iOS 版:按此

Source:Adobe