Adobe xd动画交互笔记

我的内容都是干货 只是比较懒 就不上图嘿嘿嘿
自己当做笔记记录下
1.原型栏目中溶解的效果是不透明度的改变。叠加效果会不显示画板本来的填充颜色,直接覆盖你要叠加的画板上。
2.模拟输入时键盘出现的效果,可以连接单独设置好的画板键盘,然后效果设置叠加上滑。
3.制作长图滑动查看页面的效果,可以在设计里设置滚动为垂直,视口高度设置为812(也就是iPhone x的高度)。预览就可以查看。如果不想手机标签栏移动可以选定这部分勾选固定位置。
4.查看详情可以这样设置:复制同样的一个画板不过信息要多点长点,把查看详情连接到另一张相同位置时勾选保留滚动位置即可。
5.原型里按 Ctrl加A可以查看全部动效。想要复制页面动效,必须要原型里复制才可以移动到另一个页面。动效都是可以复制的。
6.xd可以自动制作动画。动作设置为自动制作动画。上一个画板效果可以同样反向作用自动动画效果。但是前提是两张画板中的元素必须具有相同的名称。
7.拖移动手势可以制作滑动图片效果。触发是拖移,动作可以是自动制作动画。两个画板必须是对称的,对用户会点击的那个部位进行动画设置,尽量不要在同一个已经设置了动画的继续设置,效果会混淆的。
8.语音交互效果不支持中文。电脑要有语音功能录音功能。预览可以空格说出语音。展现出来的画板触发是时间,动作是语音播放。
9.xd自带背景模糊功能,比调整不透明度后设置模糊度方便。
10.市场上ui设计使用的苹果手机都是 iPhone678 尺寸也就是750x1334 px必须牢记。状态栏40导航栏88标签栏98。在xd中就分别20,44,49。能够用苹果公司官方的套件更好,自己做的太不规范了。做设计时候最避讳出现小数点,因为图片边缘会出现半透明模糊情况,导出时会有格式问题。一定要在设计大小时尽量为整偶数!两倍图中乘以1.5是三倍图,也要考虑三倍图中图形大小是整数不能出现小数点。安卓是xhdpi也就是720x1280px。xd没有固定尺寸。xd中只有苹果是pt尺寸,安卓是dp尺寸。其他自己设置的都是标准的px。
11.大公司分红比较细。如果是低保真模型一般是交给交互设计师做的,但是小公司很有可能ui设计师就做了。要培养自己做低保真图的习惯。
12. Adobe xd做ui非常棒,基本不用换算成px.苹果标题文字17-34pt,正文17pt,说明文字/脚注13pt,文字不小于11pt.苹果常用页边距为20pt.
13. 点击图标按alt键可以显示间距。
14.苹果官方规定:
字体标题17-34区间内,如果字体大小20,那么行间距25,字间距+19。如果字体大小22,那么行间距28,字间距自己+16。如果字体大小28,那么行间距34,字间距自己+13。如果字体大小34,那么行间距41,字间距自己+11。

正文字体大小17,那么行间距22,字间距-24,
如果字体大小16,那么行间距21,字间距自己-20。如果字体大小15,那么行间距20,字间距自己-16。如果字体大小13,那么行间距18,字间距自己-6。如果字体大小12,那么行间距18,字间距0。

15.xd可以点击画板后勾选网格,形式是板面。可以调整页边距。很方便。版面设计不用自己建立参考线了,又可以平均分配距离,非常规范,可以自己设置列数。
16.按住shift加方向箭头可以移动10个单位。
17.不要出现0.5等小数点的间距,如果手动对齐不了可以勾选对象对齐像素网格。间距必须是整数。
18.xd最好自己有背景也要做个矩形或者形状图层。这样直接托入图片会很方便。自己提前准备好图片。
20.重复网格的对象可以是编组的也可以是按住shift键多选的。
21.一般把低保真模型交给用户看看进行流水测试。如果是高保真模型那改动就比较麻烦了。

发布了5 篇原创文章 · 获赞 6 · 访问量 95

猜你喜欢

转载自blog.csdn.net/qq_47168970/article/details/105666841
今日推荐