杭州UI设计学习在哪|快速提升UI设计的效果
1.尽量使用一致且同心的圆弧角。
设计圆角控件时,如果没有嵌套,圆角需要一致,以保证整体视觉的统一。如果它们是嵌套的,它们的角需要有一个和谐的“同心”效果。
这种按比例缩小的角落更符合现实世界的逻辑,能营造出愉悦和谐的视觉体验,给人更精致、更专业的感知。
2.注意暗模式下标高变化对颜色的影响。
在黑暗模式下,不使用纯黑应该已经达成共识,尝试使用深灰色进行呈现也应该是众所周知的事情。但当UI控件相互重叠时,需要注意的是,当Z轴标高存在差异时,需要控制深灰色色阶的深度变化,以保证其在UI视觉逻辑上的合理性。
在现实世界中,一个元素离你越近,离光源越近,视觉上它的颜色应该越浅。在这种情况下,可以按照近浅远深的逻辑来控制色阶,使得界面“标高”的逻辑更加合理和自我修正。
在黑暗模式下,由于颜色一般是黑灰色,此时几乎不需要设计任何阴影。仅通过控制控件主色的色阶就足以表现出这一规律。

3.使用简短清晰的文本标签来传达信息
在上面两个设计例子中,小写是用更短更清晰的文字描述的,简洁明了地传达信息。
如果不是完整全面的解释,最好在排除可能的歧义后,尽可能简洁地表达大致的文字内容,这样可以帮助用户更好地得到自己想要的关键。
4.何时使用单选按钮和下拉菜单
在上面的两个设计例子中,一个使用单选按钮,另一个使用下拉菜单携带多个选项。
当涉及到像这个产品列表这样的选项设计时,UI控件的选择常常是混乱的。这两种设计看起来都很合理,但实际上它们是不同的。
一般来说,选择单选按钮或使用下拉菜单的关键标准是“用户的认知负荷”。通常,当可选选项的数量少于4个时,可以使用单选按钮。当数量超过4时,可以使用下拉菜单加载选项。