[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
2 / 2
To page
fslong
deepin beta test group
2024-04-08 19:35
#21
enforcee

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

1、这个图标像不像🐽?

2、你是说点完变成O··?

Reply View the author
enforcee
deepin
2024-04-08 20:37
#22
fslong

1、这个图标像不像🐽?

2、你是说点完变成O··?

确实很像,让人浮想联翩

joy

Reply View the author
兆兆嘟嘟嘟
deepin
2024-04-08 22:46
#23

华为还改成了四个点,而且是2×2排列的。

Reply View the author
兆兆嘟嘟嘟
deepin
2024-04-08 22:49
#24
buyike

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

但这还是三个点。

Reply View the author
buyike
deepin
2024-04-08 22:51
#25
兆兆嘟嘟嘟

但这还是三个点。

两点,你看花眼了。

Reply View the author
神末shenmo
deepin
Spark-App
2024-04-08 22:52
#26
f@deepin

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

能否阐释一下呢?我这种外行说不出来为什么不好.....sad

Reply View the author
神末shenmo
deepin
Spark-App
2024-04-08 22:56
#27
猫粮

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

微信图片_20240408151848.jpg

微信图片_20240408151842.jpg

Oky这个感觉可以和Wubuntu碰一碰了

但是效果好像还真的挺不错的

看多了deepin的超饱和图标之后看点淡的感觉还真不错

换Classic之后观感还真好了不少
图片.png

Reply View the author
神末shenmo
deepin
Spark-App
2024-04-08 22:59
#28

还真别说,旧版的图标挺好看的
图片.png

Reply View the author
f@deepin
deepin
2024-04-09 06:49
#29
神末shenmo

能否阐释一下呢?我这种外行说不出来为什么不好.....sad

楼主阐述的很清楚了呀

Reply View the author
f@deepin
deepin
2024-04-09 06:50
#30
神末shenmo

还真别说,旧版的图标挺好看的
图片.png

所以我认为,设计在开倒车joy

Reply View the author
f@deepin
deepin
2024-04-09 06:54
#31
It has been deleted!
f@deepin
deepin
2024-04-09 06:56
#32
神末shenmo

能否阐释一下呢?我这种外行说不出来为什么不好.....sad

楼主阐述的很清楚了呀

那我再给你展开一下

2024-04-09_06-51-39.png

原先以为,3个点改成2个,是设计临时起意。看上图后,才意识到,这是早就设计好的。

所以,很无语,心情复杂

不知还有多少逆天设计,等着我们

Reply View the author
f@deepin
deepin
2024-04-09 07:23
#33
兆兆嘟嘟嘟

华为还改成了四个点,而且是2×2排列的。

那就让deepin坚持这个2点设计,看用户反响如何joy

Reply View the author
猫粮
deepin
2024-04-09 23:38
#34
神末shenmo

Oky这个感觉可以和Wubuntu碰一碰了

但是效果好像还真的挺不错的

看多了deepin的超饱和图标之后看点淡的感觉还真不错

换Classic之后观感还真好了不少
图片.png

我是长时间使用过v23跟ok这两个系统的,对我来说,deepin的ui完全是在闹着玩,初看可能很有新鲜感(比如v23的新任务栏),后来就会发现管看不管用,v23那个任务栏简直不是人用的,太难用了。。。后来泄漏的那个未来版本,更是恐怖到了极致,色彩乱用,主打一个满屏幕都是高饱和颜色轰炸,别说用,我看着都费眼。ok这方面真的好太多,ui设计规范(比如统一的按钮图标设计风格),不会胡乱用透明跟高饱和色,长时间对着用下来也不会感觉疲劳,这已经是非常接近windows的使用感觉了。

Reply View the author
神末shenmo
deepin
Spark-App
2024-04-09 23:53
#35
猫粮

我是长时间使用过v23跟ok这两个系统的,对我来说,deepin的ui完全是在闹着玩,初看可能很有新鲜感(比如v23的新任务栏),后来就会发现管看不管用,v23那个任务栏简直不是人用的,太难用了。。。后来泄漏的那个未来版本,更是恐怖到了极致,色彩乱用,主打一个满屏幕都是高饱和颜色轰炸,别说用,我看着都费眼。ok这方面真的好太多,ui设计规范(比如统一的按钮图标设计风格),不会胡乱用透明跟高饱和色,长时间对着用下来也不会感觉疲劳,这已经是非常接近windows的使用感觉了。

确实实在是太晃眼了,已经在主力机把图标主题换掉了

Reply View the author
deltacatxx
deepin beta test group
2024-04-10 00:51
#36
f@deepin

楼主阐述的很清楚了呀

那我再给你展开一下

2024-04-09_06-51-39.png

原先以为,3个点改成2个,是设计临时起意。看上图后,才意识到,这是早就设计好的。

所以,很无语,心情复杂

不知还有多少逆天设计,等着我们

我猜一下哈,可能是因为设计图里的标题栏变小了,图标也跟着变小了,可能是为了防止图标变小后,三个点容易看不清才做成两个点。

顺带求一下这张设计图原图,一直找不到

Reply View the author
deltacatxx
deepin beta test group
2024-04-10 00:55
#37

我认为确实需要统一一下图标的设计,V23B这方面有点混乱

Reply View the author
pzm9012
Moderator
2024-04-10 14:36
#38
神末shenmo

还真别说,旧版的图标挺好看的
图片.png

15始终是经典

Reply View the author
dgmenghuan
deepin
2024-04-18 14:07
#39

统一多好呀,为什么搞成这些东西

Reply View the author
baidxi
deepin
2024-09-09 14:38
#40

18的时候使用了半年,当时觉得UI设计的还不错,当21年再次安装了使用的时候,发现UI已经变的不那么好看了。现在已经使用debian 4年了。今天再次看到这UI的时候,觉得gnome都眉清目秀的了。

Reply View the author
2 / 2
To page