欢迎光临散文网 会员登陆 & 注册

UI 设计提示:尽量避免使用多重对齐方式

2023-03-26 13:50 作者:清大文森学堂  | 我要投稿

坚持单一对齐(或尽可能少)有助于简化界面,使其看起来更整洁。

UI 设计中最棘手和最重要的部分之一是对齐界面元素。正确对齐可以极大地提高美观性和可读性。

使用的对齐类型越多(左对齐、右对齐或居中对齐),界面看起来就越复杂和混乱。我们的眼睛在四处移动时被迫更加努力地工作以尝试跟随每一个对齐。当在一个小组件或界面部分中使用多个不同的对齐方式时,这一点会突出显示。

坚持单一对齐(或尽可能少)有助于简化界面,使其看起来更整洁。

示例 1

以下示例从居中对齐文本开始,然后更改为其他元素的左对齐。对齐的混合增加了不必要的复杂性,导致认知负荷略有增加和界面不那么整洁。

左对齐所有界面元素更简单、更整洁。笔直的左边缘也提高了可读性。

由于只有少量文本,还可以将所有元素居中对齐。使按钮全宽,以帮助左手和右手用户用一只手轻松触及它。

示例 2

这是另一个示例,演示了使用较少的对齐方式如何帮助简化界面。人名和角色居中对齐,照片右对齐,引用文本左对齐,星星居中对齐。当查看信息时,会感到眼睛呈锯齿状,看起来很凌乱。

将大部分元素向左对齐更简单、更整洁。

还可以通过将所有文本对齐到左边缘来提高可读性。右对齐的照片是可以的,因为大多数元素有 1 个对齐方式。

UI 设计不必如此困难。遵循逻辑规则系统(如上面的规则)可以帮助有效地做出明智的设计决策。

希望这个快速 UI 设计技巧对您有所帮助。


UI 设计提示:尽量避免使用多重对齐方式的评论 (共 条)

分享到微博请遵守国家法律