[Suggestions for Improvement] 创新的原则和底线:从deepin V23窗口右上角图标由三点变两点谈起
Tofloor
poster avatar
鹤舞白沙
deepin
2024-04-08 14:05
Author

一、三点变两点事件

deepin V23将控制中心和文件管理器右上角的三道横线变成了三个圆点外加一个圆圈,最近又将圆圈中的三个圆点变成了两个。上述变动在deepin用户(特别是资深用户)中引起了轩然大波,用户通过深度开源社区内测群和deepin论坛等多个渠道对此进行吐槽,我们暂且将其称之为“三点变两点事件”,本篇文章就针对这一事件进行分析。

图片1:deepin 20.9控制中心右上角的设置图标样式(如下图所示)

1、deepin 20.9控制中心右上角的设置图标样式.png

图片2:deepin V23控制中心右上角的设置图标样式(如下图所示)

2、deepin V23控制中心右上角的设置图标样式.png

图片3:deepin 20.9文件管理器右上角的设置图标样式(如下图所示)

3、deepin 20.9文件管理器右上角的设置图标样式.png

图片4:deepin V23文件管理器右上角的设置图标样式(如下图所示)

4、deepin V23文件管理器右上角的设置图标样式.png

二、图标是否可以随意设计?

2.1 三道横线或三个圆点表示还有子菜单或窗口,长期以来这已经形成了一种惯例,已经算是操作系统和应用软件设计行业和用户默认的图标设计规范了,微信、钉钉在图标设计上都遵循了这一规范。而****两个圆点外加一个圆圈就像一个卡通人头,已经失去了三道横线或三个圆点的原有意义,属于强行变更通用标识,是图标设计的大忌

2.2 强行变更通用标识的样式反映的是设计人员的思维问题,说明其思想深处是想标新立异,一切以追求不同为核心,而不是以用户体验为核心。改变应用的功能图标与改变红绿灯样式的做法是一样的,都是试图改变人们已经习惯了的标识,是很愚蠢的做法。不要总是试图去改变通用标识,我们可以回忆一下,把红绿灯改成九宫格模式的那帮人被骂成什么样子了?按照有些人的逻辑,自己觉得红绿灯不好看,是不是就要把红绿灯改成蓝紫灯?这都是什么思维?是不是总想重新定义规则?谁给了你们这样的勇气?梁静茹吗?

2.3 把三道横线改成三个圆点虽然没有实质意义,因为表达的意思相同,但尚且可以接受,因为它至少不会引起用户认知的混乱。而在三个圆点外加一个圆圈则是画蛇添足,再把圆圈中的三个圆点改成两个圆点则是错上加错,是设计人员滥用权力的表现。

2.4 既然是设计人员的思维问题,那么“三点变两点事件”就只是思维问题的表现之一,有之一就有之二。“改变deepin应用商店左侧目录树中的分类名称前的图标;强行改变获得用户普遍好评的deepin 15.11的应用商店的整体界面格局,而不是在其基础上进行优化;把控制中心由‘左中右三段,每段自上而下列表’这么流畅的设计模式改变为‘左中右三段或左右两段,最右一段又在顶部设置横向按钮’这样突兀变化的模式”,如此等等,这些做法不都是上述思维问题的体现吗?其实质就是设计人员为了不同而不同,以此来彰显自己存在的价值,但随心所欲、恣意妄为的结果必须是引起用户的痛斥,骂设计人员是闲得屁股疼,不干正经事儿。不干这些事儿是不是就不会干活了?还是说就没有工作量了?

2.5 deepin V23底部任务栏右侧的“快捷设置”图标(就是那两道像感冒胶囊一样的粗线)实际上是想表示“更多设置”,但该图标看不出“更多”的意思,将图标修改为一个浅灰色的圆中有三个横向黑色小圆点(即:UOS家庭版高效模式下启动器中的“所有分类”左侧的图标)、三个横向黑色小圆点或者一个小齿轮不是更好吗?另外,当鼠标指向该图标时,应迅速向上弹出现有界面,没必要再让用户点击一次。如此明显影响用户识别和操作效率的设计缺陷,deepin的设计者为什么发现不了呢?是不是因为把过多精力放在了标新立异上,而并没有真正关注用户的痛点?在此,抄录一下有些资深用户发出的灵魂拷问——deepin V23的开发者们平时使用自己开发的系统吗?

三、创新的原则和底线

3.1 三道横线或三个圆点表示还有子菜单或窗口,已经几乎成了默认的图标规范了。如果非要背道而驰,那设计人员不挨骂才怪。为了改而改,为了不同而不同,标新立异,为此连开发规范都不遵守了,那不叫创新,那叫有心理疾病,得治。

3.2 三个点、六个点的圆点个数代表不同的意思,三道横线、一道横线也同理,这都是长期以来形成的习惯,强行更改这些通用图标样式除了招来用户的一顿骂完全没有意义,用几个圆点、几道横线首先应考虑的不是图标是否美观,而是是否遵守了设计规范,设计规范和美观哪个的优先级更高。用两个圆点外加一个圆圈就更好看了?好看在哪儿?为什么一定要加圆圈?六个点是省略号,你觉得不好,非要用五个点或四个点代表省略号?开发软件也是一样的道理。

3.3 那么,在操作系统的UI设计上,创新的原则和底线到底是什么?笔者认为,创新应该针对用户的痛点下手,着重解决系统的操作效率问题,美观问题当然要解决,但不能将主次不分,把所谓“美观”(而且是设计者自己认为的美观)当成开发软件的最高标准,为了标新立异而刻意不同,图标的设计必须遵守设计规范

什么是设计规范?设计规范就是大家共同遵守的设计准则,不是谁想怎么干就怎么干,图标规范的意义就在于,用户看到这个图标就知道是什么意思。有人胡乱更改厕所的男女性别图标,导致入厕人员经常分不清男女厕所,软件开发中也存在同样的问题,而“三点变两点事件”恰恰是这一问题的典型案例。

3.4 最让人反感的就是所谓专业设计人员试图用自己或自己圈内的喜好来引导潮流,来教育大众,结果就是一地鸡毛,最后还得回到“用户为王”这一核心点上。要设计的产品应该是用户普遍喜欢的产品,而不是设计人员自己喜欢的产品(小众产品),针对这一问题,deepin的资深用户们已经讨论过多次了,可惜,deepin开发团队充耳不闻。

3.5 综上,笔者的意见是,用户普遍认可的deepin之前的设计尽量保留,用户不满意的地方再优化,不要为了变而变,那样除了做无用功,唯一的意义就是设计人员可以多混些工资但又不为公司创造价值。操作系统和应用软件UI设计的首要目标是提升操作效率,其次是美观(审美要符合用户的普遍偏好,不能用设计者的审美代替用户审美,当二者相冲突时,必须以用户普遍审美为准,如果有人说“不知道何为用户普遍审美”,那说明此人不会做调查分析或者故意不做调查,用心不良。

Reply Favorite View the author
All Replies
1 / 2
To page
感恩的心
deepin
2024-04-08 14:14
#1

楼主简直就是我的嘴替啊

https://bbs.deepin.org/post/270389

我也提出了质疑

设计人员出来讲讲,为啥这么改,让我们也学习学习,这不过分吧

Reply View the author
sshnuke
deepin
2024-04-08 14:15
#2

归根到底一个问题 深度的设计师日常到底用不用深度系统

Reply View the author
猫粮
deepin
2024-04-08 14:25
#3

还没看明白么,就是设计师要标新立异啊,所以我跑去用openkylin了,建议楼主也体验一下。

就我个人来说,openkylin现在2.0日更版的ui设计,已经完美符合我之前的需求了,优雅,符合直觉,方便易用。而deepin v23泄漏出来的那个ppt,真的把我吓跑了。

Reply View the author
sshnuke
deepin
2024-04-08 14:25
#4
It has been deleted!
忘记、过去
deepin
2024-04-08 14:28
#5

https://bbs.deepin.org.cn/post/269533

我猜如果 3 个点能满足所有用户需求的话,也不会故意要改成 2 个点吧......

又嫌弃对不齐,又要考虑图标变小,3 个点看不清,改成 2 个点感觉很正常吧...... confused

P.S. 虽然咱也不知道为啥要从横线改成圆圈就是了......用了挺久的横线突然改了也有点奇怪

Reply View the author
感恩的心
deepin
2024-04-08 14:30
#6
忘记、过去

https://bbs.deepin.org.cn/post/269533

我猜如果 3 个点能满足所有用户需求的话,也不会故意要改成 2 个点吧......

又嫌弃对不齐,又要考虑图标变小,3 个点看不清,改成 2 个点感觉很正常吧...... confused

P.S. 虽然咱也不知道为啥要从横线改成圆圈就是了......用了挺久的横线突然改了也有点奇怪

微信图片_20240408143547.jpg

看,视觉上还算和谐吧
把3个点外面的圆圈去了,不就行了?有那么难吗?

2024-04-08_14-37.png

论坛也同样设计呀

Reply View the author
鹤舞白沙
deepin
2024-04-08 14:31
#7
忘记、过去

https://bbs.deepin.org.cn/post/269533

我猜如果 3 个点能满足所有用户需求的话,也不会故意要改成 2 个点吧......

又嫌弃对不齐,又要考虑图标变小,3 个点看不清,改成 2 个点感觉很正常吧...... confused

P.S. 虽然咱也不知道为啥要从横线改成圆圈就是了......用了挺久的横线突然改了也有点奇怪

原来的三道横线不行,非要改成三个圆点?改成三个圆点还要在外面加个圆圈是什么意思?不加圆圈就难看得不行?图标大不就是因为那个画蛇添足的圆圈导致的吗?

Reply View the author
猫粮
deepin
2024-04-08 14:35
#8
忘记、过去

https://bbs.deepin.org.cn/post/269533

我猜如果 3 个点能满足所有用户需求的话,也不会故意要改成 2 个点吧......

又嫌弃对不齐,又要考虑图标变小,3 个点看不清,改成 2 个点感觉很正常吧...... confused

P.S. 虽然咱也不知道为啥要从横线改成圆圈就是了......用了挺久的横线突然改了也有点奇怪

你看看论坛回复那一列最后一个图标是什么😂

Reply View the author
感恩的心
deepin
2024-04-08 14:37
#9
猫粮

你看看论坛回复那一列最后一个图标是什么😂

绝杀,哈哈joy

Reply View the author
鹤舞白沙
deepin
2024-04-08 14:38
#10
猫粮

你看看论坛回复那一列最后一个图标是什么😂

这是灵魂拷问。deepin V23中有些地方的三个圆点还未修改为两个圆点,咱就不提醒设计人员了,省得他们把仅存的硕果给干掉了。😂

Reply View the author
猫粮
deepin
2024-04-08 14:40
#11
鹤舞白沙

这是灵魂拷问。deepin V23中有些地方的三个圆点还未修改为两个圆点,咱就不提醒设计人员了,省得他们把仅存的硕果给干掉了。😂

我是真搞不懂目前设计师想设计个啥,新版本ui那个泄漏图是真的吓到我,颜色乱用,透明乱用,没有重点,图标也是乱搭,虽然说只是一张目标ppt吧,但是这设计想法就挺吓人的。

Reply View the author
liwl
deepin
2024-04-08 14:48
#12

我有一个疑问,设计到底是按照什么来进行设计的?

是用户需求,还是个人爱好。。。

就比如房屋设计,到底是听房东的,还是听设计师的

Reply View the author
buyike
deepin
2024-04-08 15:02
#13
忘记、过去

https://bbs.deepin.org.cn/post/269533

我猜如果 3 个点能满足所有用户需求的话,也不会故意要改成 2 个点吧......

又嫌弃对不齐,又要考虑图标变小,3 个点看不清,改成 2 个点感觉很正常吧...... confused

P.S. 虽然咱也不知道为啥要从横线改成圆圈就是了......用了挺久的横线突然改了也有点奇怪

为什么将我的贴子翻开,我没说这三个点加圈的图标不好吧。

我只是说同级图标有模糊、色差和对齐逻辑的问题呀。

我是尽量选简单的说了,还有线、线面、面混用的没提呢。

Reply View the author
忘记、过去
deepin
2024-04-08 15:18
#14
buyike

为什么将我的贴子翻开,我没说这三个点加圈的图标不好吧。

我只是说同级图标有模糊、色差和对齐逻辑的问题呀。

我是尽量选简单的说了,还有线、线面、面混用的没提呢。

猜测设计的动机,印象里看到你的帖子之后没多久就改成 2 个点了......可能就是走查之后决定改的?

Reply View the author
buyike
deepin
2024-04-08 15:19
#15
忘记、过去

猜测设计的动机,印象里看到你的帖子之后没多久就改成 2 个点了......可能就是走查之后决定改的?

sob 我的重点不是这个呀,误解了呀。

Reply View the author
猫粮
deepin
2024-04-08 15:20
#16
buyike

为什么将我的贴子翻开,我没说这三个点加圈的图标不好吧。

我只是说同级图标有模糊、色差和对齐逻辑的问题呀。

我是尽量选简单的说了,还有线、线面、面混用的没提呢。

最严重的就是图标线面混用,搞得像设计师搞到一个彩色图标,啪一下拉轮廓出来填充白色完事了,估计这个也是openkylin给人第一印象感觉整齐的原因。

微信图片_20240408151848.jpg

微信图片_20240408151842.jpg

Reply View the author
buyike
deepin
2024-04-08 15:33
#17
猫粮

最严重的就是图标线面混用,搞得像设计师搞到一个彩色图标,啪一下拉轮廓出来填充白色完事了,估计这个也是openkylin给人第一印象感觉整齐的原因。

微信图片_20240408151848.jpg

微信图片_20240408151842.jpg

线面混用那个还不是最重要的,还有更麻烦的,说实话我一直不敢提。

Reply View the author
buyike
deepin
2024-04-08 16:44
#18
忘记、过去

https://bbs.deepin.org.cn/post/269533

我猜如果 3 个点能满足所有用户需求的话,也不会故意要改成 2 个点吧......

又嫌弃对不齐,又要考虑图标变小,3 个点看不清,改成 2 个点感觉很正常吧...... confused

P.S. 虽然咱也不知道为啥要从横线改成圆圈就是了......用了挺久的横线突然改了也有点奇怪

破案了,不是因为我,而是早有计划,刚朋友发来的图可以证明。

Reply View the author
感恩的心
deepin
2024-04-08 16:54
#19
buyike

破案了,不是因为我,而是早有计划,刚朋友发来的图可以证明。

看到这图,我真有点无语了,心情复杂sweat

Reply View the author
enforcee
deepin
2024-04-08 19:12
#20

如果点完这个图标以后出现一个圆形窗口里面一左一右两个按钮,那我就夸这个图标生动形象
blush

Reply View the author
1 / 2
To page