如何通熟易懂的描述这个操作?

292 天前
 x77

左边是主题色设置的说明,右边选择颜色,App 的浅色模式和深色模式可以设置不同的主色调。点击色卡上方表示选择浅色模式的主题色,点击色块下方则表示选择深色模式的主题色,选择后会有个勾。

目前的提示是这样的:点击色块上方选择浅色模式的主题色,点击色块下方选择深色模式的主题色,怎么讲更加通熟易懂?

1389 次点击
所在节点    程序员
16 条回复
wheat0r
292 天前
首先,普通话一般说“通俗易懂”。
我建议你不如直接分成两个功能,一个设置浅色主题色,一个设置深色主题色。
GeruzoniAnsasu
292 天前
…… 你觉得这是提示语不够通俗的原因吗?
x77
292 天前
@GeruzoniAnsasu
看着有点长,要不就是我太讲究了
Yourshell
292 天前
你这设计也太不友好了吧,选择色彩模式后主题色选择一并切换不行吗,选自动时就加两个按钮跳到其它模式啊
cosmain
291 天前
产品外行人问问这是啥产品原型工具?
shendaowu
291 天前
@cosmain 看了一下 OP 的历史帖,感觉 OP 应该是个程序员。再加上链接里的 localhost ,因此我感觉应该是实际的网页,不是原型工具。
lc5900
291 天前
还是设计的问题吧,这东西不是描述的锅,最好把两个主题的颜色设置明确的分隔开
prnews
291 天前
点击上排色块、选择浅色模式主题色( 6 色),点击下排色块、选择深色模式主题色( 3 色)
GeruzoniAnsasu
291 天前
@x77
要么就把浅色主题和深色主题的可用颜色用明度和饱和度来区分,要么深浅色主题可以使用完全一样的颜色

你现在这个设计,上排颜色勾在上排,下排颜色勾在下排,本来「上方」和「下方」就有二义性(指代勾的位置也可以,指色块的位置也可以),被选色块除了打钩也没有其它反馈(变浅、变深)

所以无论提示语怎么写,都是没法轻易理解的。

交互逻辑还要再优化一下,比如用高光覆盖/减暗覆盖来指示选项,或者干脆深浅色主题可用颜色单独排出两行等等。 好的 UX 是不需要人去读说明书的。
x77
291 天前
@Yourshell
选择模式后会自动切换配色,下面的色块是设置的,设置后会自动存储
wheat0r
291 天前
这附言看完感觉更迷惑了
x77
291 天前
@wheat0r

好像“上方”、“下方”传达的信息不够准确,或内容太长、不通顺不易于阅读,总之让人认为“上方的色块是设置亮色主题色”,“下方是设置深色主题色”,于是有了附言,色块是通用的,上半部分的勾勾表示浅色主题色,下半部分的勾勾表示深色的主题色,感觉这么讲好啰嗦啊
IvanLi127
291 天前
为啥不完全分开?
浅色和深色的主题色不应该有一些差异吗?

一定要这样做,建议直接在指针悬浮到色块上时把色块一分为二,他指上半部分就提示它设置浅色的,反之就是提示它设置深色的。
x77
291 天前
@IvanLi127

大部分主题颜色都是浅色和深色都可以用,一开始我也觉得分开,看了 Windows 11 的主题色设置,我就想着直接抄微软的界面得了,然后搞点创新,微软 Windows11 不能分别设置深浅模式的主题色,我这可以。
XiFanL1
290 天前
建议直接把上对勾换成 [浅色模式] tag ,下对勾换成 [深色模式] tag ,左边描述都可以省了
x77
290 天前
@XiFanL1 勾勾颜色换了?还是

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/958894

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX