左边是主题色设置的说明,右边选择颜色,App 的浅色模式和深色模式可以设置不同的主色调。点击色卡上方表示选择浅色模式的主题色,点击色块下方则表示选择深色模式的主题色,选择后会有个勾。
目前的提示是这样的:点击色块上方选择浅色模式的主题色,点击色块下方选择深色模式的主题色,怎么讲更加通熟易懂?
看来我这描述是不太好,其实浅色和深色模式都可以选择下方的任意(不止 6 个还会添加)颜色作为主题色。
1
wheat0r 2023-07-23 00:44:09 +08:00
首先,普通话一般说“通俗易懂”。
我建议你不如直接分成两个功能,一个设置浅色主题色,一个设置深色主题色。 |
2
GeruzoniAnsasu 2023-07-23 00:55:10 +08:00
…… 你觉得这是提示语不够通俗的原因吗?
|
3
x77 OP @GeruzoniAnsasu
看着有点长,要不就是我太讲究了 |
4
Yourshell 2023-07-23 06:52:31 +08:00 via Android
你这设计也太不友好了吧,选择色彩模式后主题色选择一并切换不行吗,选自动时就加两个按钮跳到其它模式啊
|
5
cosmain 2023-07-23 08:35:56 +08:00
产品外行人问问这是啥产品原型工具?
|
6
shendaowu 2023-07-23 08:53:18 +08:00 1
@cosmain 看了一下 OP 的历史帖,感觉 OP 应该是个程序员。再加上链接里的 localhost ,因此我感觉应该是实际的网页,不是原型工具。
|
7
lc5900 2023-07-23 10:26:36 +08:00 1
还是设计的问题吧,这东西不是描述的锅,最好把两个主题的颜色设置明确的分隔开
|
8
prnews 2023-07-23 11:44:16 +08:00 1
点击上排色块、选择浅色模式主题色( 6 色),点击下排色块、选择深色模式主题色( 3 色)
|
9
GeruzoniAnsasu 2023-07-23 12:46:41 +08:00 1
@x77
要么就把浅色主题和深色主题的可用颜色用明度和饱和度来区分,要么深浅色主题可以使用完全一样的颜色 你现在这个设计,上排颜色勾在上排,下排颜色勾在下排,本来「上方」和「下方」就有二义性(指代勾的位置也可以,指色块的位置也可以),被选色块除了打钩也没有其它反馈(变浅、变深) 所以无论提示语怎么写,都是没法轻易理解的。 交互逻辑还要再优化一下,比如用高光覆盖/减暗覆盖来指示选项,或者干脆深浅色主题可用颜色单独排出两行等等。 好的 UX 是不需要人去读说明书的。 |
11
wheat0r 2023-07-23 14:47:34 +08:00
这附言看完感觉更迷惑了
|
12
x77 OP @wheat0r
好像“上方”、“下方”传达的信息不够准确,或内容太长、不通顺不易于阅读,总之让人认为“上方的色块是设置亮色主题色”,“下方是设置深色主题色”,于是有了附言,色块是通用的,上半部分的勾勾表示浅色主题色,下半部分的勾勾表示深色的主题色,感觉这么讲好啰嗦啊 |
13
IvanLi127 2023-07-23 18:22:49 +08:00 via Android 1
为啥不完全分开?
浅色和深色的主题色不应该有一些差异吗? 一定要这样做,建议直接在指针悬浮到色块上时把色块一分为二,他指上半部分就提示它设置浅色的,反之就是提示它设置深色的。 |
14
x77 OP @IvanLi127
大部分主题颜色都是浅色和深色都可以用,一开始我也觉得分开,看了 Windows 11 的主题色设置,我就想着直接抄微软的界面得了,然后搞点创新,微软 Windows11 不能分别设置深浅模式的主题色,我这可以。 |
15
XiFanL1 2023-07-24 15:50:23 +08:00 1
建议直接把上对勾换成 [浅色模式] tag ,下对勾换成 [深色模式] tag ,左边描述都可以省了
|