[life feelings] deepin 15设计规范: 动画的使⽤原则
Tofloor
poster avatar
神末shenmo
deepin
Spark-App
Q&A Team
2024-11-25 19:50
Author

群友不知从哪里搞到了这东西

https://cloud.hiksemi.cn/#share-B9TCX2 提取码:6032


以下摘自deepin 设计规范

避免不必要的动画

动画并⾮越多越好,不必要或者不合逻辑的动画会很快让⽤户感到厌恶甚⾄烦躁。所以必须得确保加上去的动画效果都是为了加强⽤户对功能的理解⽽设计的。

不要让动画喧宾夺主,抢占⽤户太多的关注

交互⾥⾯的动画和游戏动画不⼀样,交互⾥⾯的是为交互服务的,⽽不仅仅是⼀个效果,除⾮你是在做⼀款游戏,你可以⽤各种美妙和酷炫的动画来吸引⽤户。但是对于交互来说,过多的动画效果反⽽会分散⽤户的注意⼒,让⽤户注意到的是动画效果⽽不是内容本身,得不偿失。最好的动画效果应该在不过分引⼈注意的前提下帮助⽤户更好地理解应⽤。

利⽤动画告知⽤户当前操作可能造成的影响。 在⽤户还没真正执⾏这个操作之前就先展示结果可以让⽤户明⽩操作结果以及树⽴信⼼,同时避免犯错。⽐如在launcher⾥⾯拖动⼀个图标到另外⼀个位置,在⿏标松开之前后⾯的图标按顺序被೿到后⾯去了,⽤户很快就知道当他松开⿏标的时候这个图标会放在哪⾥,以及后⾯的图标会怎么摆放。

多⽤逼真的物理效果。 有时候逼真的物理效果甚⾄⽐逼真的图像要管⽤。⽤户是带着现实⽣活中的⼼智模型在使⽤电脑的,如果在电脑⾥⾯也能看到在现实⽣活中感受到的各种真实的物理效果能让⽤户更有亲切感和熟悉感,⽽且对相关的操作理解起来也会更快。

利⽤动画来展示⼀个 UI 元素的状态变化。 当 UI 元素从⼀种状态转变到另⼀种状态的时候,可以⽤动画来做过渡。这样可以让⽤户更好地理解界⾯上发⽣了什么,能给⼈⼀种更好的控制感。⽐如任务栏上的wififi图标,⽤户尝试连接了某⼀个热点后wififi的图标信号会从0格⼀直到满格循环,直⾄连接上后显示连接后的状态,并显示信号值,这就是⼀种很好的引导作⽤。当⼀个操作快到⽤户看不到的时候,可以⽤动画来让⽤户察觉到这种变化。 ⽐如说窗⼝的最⼩化,对机器来说就是⼀条指令的事情,但是窗⼝如果突然消失,对⽤户来说是⽆法理解发⽣了什么的。所以我们可以⽤流畅的缩⼩动画告诉⽤户窗⼝最⼩化到哪⾥了。

Reply Favorite View the author
All Replies
1 / 2
To page
wlly-lzh
deepin
2024-11-25 20:12
#1

感觉好假……

Reply View the author
funny
deepin
2024-11-25 20:13
#2

你是懂阴阳怪气的哈哈哈哈

Reply View the author
神末shenmo
deepin
Spark-App
Q&A Team
2024-11-25 20:13
#3
wlly-lzh

感觉好假……

确实...但是说的挺对的

Reply View the author
神末shenmo
deepin
Spark-App
Q&A Team
2024-11-25 20:14
#4
funny

你是懂阴阳怪气的哈哈哈哈

我反正是要用起来这个东西,感觉收获还是挺大的,用来启蒙刚刚好,手里还有产品可以对照

Reply View the author
funny
deepin
2024-11-25 20:25
#5
神末shenmo

我反正是要用起来这个东西,感觉收获还是挺大的,用来启蒙刚刚好,手里还有产品可以对照

看板咋清空了

Reply View the author
神末shenmo
deepin
Spark-App
Q&A Team
2024-11-25 20:30
#6
funny

看板咋清空了

Gitee bug
图片.png

Reply View the author
buyike
deepin
2024-11-25 20:47
#7
wlly-lzh

感觉好假……

假就对了,规矩是写给别人的。

Reply View the author
神末shenmo
deepin
Spark-App
Q&A Team
2024-11-25 21:21
#8
buyike

假就对了,规矩是写给别人的。

自己不执行那写这个干什么....


好像现在这个动画还真.....(挠头)

好吧,就当是写给我的,我好好学习下

Reply View the author
buyike
deepin
2024-11-25 21:25
#9
神末shenmo

自己不执行那写这个干什么....


好像现在这个动画还真.....(挠头)

好吧,就当是写给我的,我好好学习下

你算了吧,等你的系统做大了,你也会写出这样的,然后你自己不遵守。

没办法,位置不同看问题的角度就不同,做出的选择也就不同了。

Reply View the author
funny
deepin
2024-11-25 21:26
#10
buyike

假就对了,规矩是写给别人的。

deepin v15的规则 跟deepin v23有啥关系 你得这样想

Reply View the author
funny
deepin
2024-11-25 21:33
#11
buyike

你算了吧,等你的系统做大了,你也会写出这样的,然后你自己不遵守。

没办法,位置不同看问题的角度就不同,做出的选择也就不同了。

现在deepin被定义为uos的实验田简称小白鼠 跟之前没有uos的时候不一样 没办法

Reply View the author
神末shenmo
deepin
Spark-App
Q&A Team
2024-11-25 21:51
#12
buyike

你算了吧,等你的系统做大了,你也会写出这样的,然后你自己不遵守。

没办法,位置不同看问题的角度就不同,做出的选择也就不同了。

你说这个我认

我尽量做到吧,毕竟自己做到了才能表率joy


Reply View the author
猫粮
deepin
2024-11-26 03:45
#13
wlly-lzh

感觉好假……

这个嘛,倒也不假。

在deepin11到deepin15之间的确是有不少考虑过用户的设计,现在嘛就不好说了。

说个事,有时间可以看看openkylin的公众号,搜索“设计”,会发现他们做设计基本上全都是以用户体验为前提去设计,有种deepin转生的感觉。

举个例子开始菜单:

Screenshot_20241126-034226.png

明说了让用户可以自行固定app是出于用户习惯,目前deepin那个自动最近使用排序占一大块,我不知道是谁的习惯,起码不是我的。

Reply View the author
198******21
deepin
2024-11-26 13:49
#14
猫粮

这个嘛,倒也不假。

在deepin11到deepin15之间的确是有不少考虑过用户的设计,现在嘛就不好说了。

说个事,有时间可以看看openkylin的公众号,搜索“设计”,会发现他们做设计基本上全都是以用户体验为前提去设计,有种deepin转生的感觉。

举个例子开始菜单:

Screenshot_20241126-034226.png

明说了让用户可以自行固定app是出于用户习惯,目前deepin那个自动最近使用排序占一大块,我不知道是谁的习惯,起码不是我的。

麒麟给你开工资吗?

麒麟没有论坛可以玩吗?

Reply View the author
猫粮
deepin
2024-11-26 14:01
#15
198******21

麒麟给你开工资吗?

麒麟没有论坛可以玩吗?

怎么了,我违反了生活园地这个板块哪部分版规吗?

Reply View the author
神末shenmo
deepin
Spark-App
Q&A Team
2024-11-26 14:02
#16
猫粮

这个嘛,倒也不假。

在deepin11到deepin15之间的确是有不少考虑过用户的设计,现在嘛就不好说了。

说个事,有时间可以看看openkylin的公众号,搜索“设计”,会发现他们做设计基本上全都是以用户体验为前提去设计,有种deepin转生的感觉。

举个例子开始菜单:

Screenshot_20241126-034226.png

明说了让用户可以自行固定app是出于用户习惯,目前deepin那个自动最近使用排序占一大块,我不知道是谁的习惯,起码不是我的。

使用频率排序这个应该deepin一直是这样的


产品定位的区别?能自定义排列会更接近手机上的桌面,而根据使用频率排序更像是应用轮盘这种快速启动工具

Reply View the author
神末shenmo
deepin
Spark-App
Q&A Team
2024-11-26 14:07
#17
猫粮

怎么了,我违反了生活园地这个板块哪部分版规吗?

吓我一跳以为对我喷的


Reply View the author
198******21
deepin
2024-11-26 14:07
#18

deepin设计师的论坛ID是啥,是不是能@来看看

Reply View the author
198******21
deepin
2024-11-26 14:08
#19
猫粮

怎么了,我违反了生活园地这个板块哪部分版规吗?

并没有,单纯好奇

Reply View the author
神末shenmo
deepin
Spark-App
Q&A Team
2024-11-26 14:09
#20
198******21

deepin设计师的论坛ID是啥,是不是能@来看看

没用

Reply View the author
1 / 2
To page