提升UI设计技巧,让用户体验更优

发布时间:2024-05-16 20:02:57 浏览量:138次

1、 在 APP 当中保证底部标签栏内容不变

底部标签栏内容不变

绝大多数APP都采用底部标签栏作为主要导航模块,因此设计时要确保这部分功能固定明确,不会消失或变化,以避免给用户挫败感。

2、只需用字重字号变化即可构建层次

字重字号变化构建层次

通过字重和字号变化即可实现丰富信息层级,根据文本内容的重要性和优先级进行排列,优先级越高的文本字号和字重应当越大。同时,注意保持疏密排列,让相关性更高的文本块更靠近。

3、在移动端 UI 上使用更大的可点击区域

移动端UI可点击区域

在iOS上,可点击的最小区域为44×44pt,在Android上为48×48pt,要确保控件的可触发区域尽量大,提升用户体验。

4、使用尽量统一的导航设计

统一的导航设计

导航是用户探索主要行为路径的关键,保持导航一致性可避免用户感到困惑和沮丧。即使进行微小改变,也要在系统层级上保持统一。

5、对于内容丰富的网站,让搜索功能凸显

内容丰富网站搜索功能

对于内容较多的网站,搜索功能应当凸显在触手可及的位置,不要将搜索按钮隐藏,因为它可能是用户到达目标的主要途径。

6、不要随意选择字号

不要随意选择字号

使用TypeScale可帮助选择合适的字号,保持不同信息层级的文本大小保持1.25倍率,TypeScale可根据基本文本字体尺寸18px生成不同层级文本的大小,为排版带来自然舒适的节奏和体验。

热门课程推荐

热门资讯

请绑定手机号

x

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定