[Exchange and share] deepin v23 Alpha2,设置中心的选项需要UI设计分类,提高用户辨识度
Tofloor
poster avatar
deepin
2023-02-21 01:13
Author

在之前我对deepin v20版的**设置中心(v20版称为“控制中心”)**提过几次建议,主要是希望设置中心的UI界面元素能和现在智能手机的设置中心界面保持一致。

建议一设置中心的功能选项需统一图标,可拟物化、扁平化】

如果你经常使用手机的设置中心,其界面中的功能选项并不是单纯的图片显示,而是拟物化、扁平化的icon图标。就以华为手机鸿蒙系统中的设置中心界面为例,其功能选项的图标都是圆形小窗口设计,图标设计中的标识也很容易辨识其作用,而不是单纯的图片设计。

WechatIMG1212.jpeg

如上图,手机中的桌面和壁纸声音和振动等功能选项的图标都是圆形、扁平化设计,而且图标内容也采用拟物化元素,让用户的辨识度提高不少。
WechatIMG1213.png

而且,我们在接触deepin v23 Alpha2版更多内容时,你会发现它的控制开关中的界面图标与手机的控制中心界面风格已经没有太大差异。

deepin设置中心的功能选项图标,需要与控制开关中的图标风格保持一致,这样让用户看起来更加整体协调。

建议二:设置中心的功能选项需要用“圆角框”进行分类,划分其功能用途

在手机、平板电脑中,其设置界面会通过“圆角框”对其功能选项进行用途的划分、分类

WechatIMG1214.jpeg

如上图,WLAN、蓝牙、移动网络、超级终端、更多连接选项被放在一个圆角框中,桌面和壁纸显示和亮度被划分到另一个圆角框中,让用户知道连接的功能都有哪些、桌面的设置有哪些,而不是全部单独错开选择使用。

我们再看下市面上一些优质平板电脑的设置界面,即便采用树形结构的功能菜单目录,其目录选项也用“圆角框”对其用途划分。

WechatIMG1211.jpeg

可以看到,圆形框对设置界面中的功能选项进行划分,其用途、类型都不在变得混乱,用户查找也更容易。

FC015854345429539BCE42D925C864A2.jpg

我们再看deepin V23版设置中心的功能选项界面,假如真的使用“圆角框”分类,我们可以把显示个性化这两个功能选项放在一个圆角框中,让用户能够很快的进行系统桌面UI的个性化设置。

结语:

希望deepin的设置中心界面能够和现在的控制开关界面在UI图标上面能够保持风格一致,让设置像智能手机一样变得更简单,不用花更多时间去搜索、查找。

当系统的UI风格与智能手机趋于大同时,也会降低deepin应用软件的设计难度,让程序员们能够花更多时间用在业务和核心服务。

Reply Favorite View the author
All Replies
Amber
deepin
2023-02-21 02:07
#1

like

Reply View the author
deltacatxx
deepin
2023-02-21 04:52
#2

这里提一下,我感觉deepin可以取消掉控制中心的首页了,打开就直接进入第二页。这样感觉更方便一些
image.png

Reply View the author
方老四
deepin
2023-02-21 05:16
#3

v23的控制中心对空间的利用要高一些,二级菜单放在了上面,比放在左侧要美观、协调得多。

Reply View the author
deepin
2023-02-21 05:33
#4
deltacatxx

这里提一下,我感觉deepin可以取消掉控制中心的首页了,打开就直接进入第二页。这样感觉更方便一些
image.png

以前提过,但有些人一直想保留这个首页。实际上,直接采用树形目录结构就完事了,因为有搜索也可以快速查找选项。

Reply View the author
deepin
2023-02-21 05:34
#5
方老四

v23的控制中心对空间的利用要高一些,二级菜单放在了上面,比放在左侧要美观、协调得多。

没错,但是这种方式需要更多借鉴手机的界面操作,尽量让系统的设置功能最大限度接近手机的操作习惯。

Reply View the author
WANDERER
deepin
2023-02-21 05:36
#6

我个人觉得开始菜单有点臃肿,还有时尚模式的任务栏有点割裂和杂乱

Reply View the author
deepin
2023-02-21 05:39
#7
WANDERER

我个人觉得开始菜单有点臃肿,还有时尚模式的任务栏有点割裂和杂乱

时尚模式还可以,其实系统每次更新都会增加一些新的内容,系统需要通过dock栏进行功能的分类,而分类恰恰考验用户的真实体验感受。

Reply View the author
zsj8888
deepin
2023-02-23 17:51
#8

大圆角取消掉吧。不美观,看着臃肿笨器,小圆脚看着生硬,参考win11 mac os 系统,感觉比较好

Reply View the author
deepin
2023-02-23 20:22
#9
zsj8888

大圆角取消掉吧。不美观,看着臃肿笨器,小圆脚看着生硬,参考win11 mac os 系统,感觉比较好

个性化,可以设置圆角角度

Reply View the author
zsj8888
deepin
2023-02-25 04:48
#10

个性化,可以设置圆角角度

设置里的。那小圆角也不好。看着很生硬,还有设置了小圆角。下面任务栏 电源 显示时间那白色阴影部分变成直角了,看着也不搭。很难看的

Reply View the author
deepin
2023-02-25 05:03
#11
zsj8888

设置里的。那小圆角也不好。看着很生硬,还有设置了小圆角。下面任务栏 电源 显示时间那白色阴影部分变成直角了,看着也不搭。很难看的

后期会优化的

Reply View the author