For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
1. 尽量采用一致且同心的圆弧边角
在上面的两个设计示例中, 一个嵌套的矩形的圆角半径看起来不是同心的,另一个则显得更加一致合理。
在设计带有圆角的控件的时候,如果两者不是嵌套关系,那么圆角需要保持一致,确保整体视觉的统一性,如果是嵌套关系,那么需要让两者的边角是协调的「同心」的效果。
这种按照比例缩小的边角更加符合现实世界的逻辑,而且能够制造出令人愉悦和谐的视觉体验,给人感知会更加精致而专业。
2. 深色模式下注意高程变化对于颜色的影响
在深色模式下,不要用纯黑应该已经达成共识了,尽量使用深灰色来呈现应该已经是众所周知的事情。不过当 UI 控件有互相重叠的情况发生的时候,需要注意,控件在 Z 轴的高程上存在差异的时候,要控制好深灰色的色阶深浅变化,来确保它在 UI 视觉逻辑上的合理性。
在现实世界当中,元素距离你越近,一般也会距离光源越近,在视觉上颜色也应该越浅。在这种情况下,可以根据近浅远深的逻辑来控制色阶,让界面的「高程」逻辑 更加合理自恰。
在深色模式下,由于颜色总体偏黑灰,这个时候几乎不需要进行任何阴影上的设计,只需要控制控件主色的色阶变化,就足以呈现出这种规律。
3. 使用简短明确的文本标签来传递信息
在上方的两个设计范例当中,靠下的案例使用了更加简短明确的文本来描述,简略而明确地传递了信息。
如果不是要进行完整全面的解释,一般文本内容,最好在消除了可能存在的歧义之后,尽可能简短地表达,这样可以帮助用户更好地获得他们想要要的关键。
4. 何时使用单选按钮,何时使用下拉菜单
在上方的两个设计示例当中,一个使用了单选按钮,另一个采用了下来菜单来承载多个选项。
当涉及到类似这种产品列表的选项设计时,UI 控件的选取常常会出现混乱的情况,看起来两种设计似乎都是合理,但是实际上是要分情况的。
一般而言,是选用单选按钮,还是使用下拉菜单,关键的判据是「用户认知负荷」,通常当可选选项数目少于4个的时候,使用单选按钮即可,当数量超过4个的时候,使用下拉菜单来承载选项。
【免责声明】本文部分系转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与联系我们,我们会予以更改或删除相关文章,以保证您的权益!