UI设计中，“小元素”有大用处！

荔枝FM / AcFun / 众安保险 / 飞猪 / 他趣

7. 音量条

目前很多产品都将原本弹窗形式的音量显示，改为固定在顶部的条状形式。目的是为了不影响用户的使用体验，能够更沉浸的使用产品。

Instagram

8. 按钮

这里的按钮以uber为例：

在登录时，输入完成手机号下一步的时候，按钮会变成等待状态。按钮与等待演示动效相结合，用流畅的动画消除了用户等待时产生的负面情绪，让整体简洁的页面变得充满活力。

因此，我们在设计按钮的时候，结合场景，可以添加创意，让死板的按钮变得有趣起来。

Uber

9. 提示性文字

我们常可以看到在产品中的“我的”页面中，标题右侧会有一行文字提示。有些是单纯的提示性文字，而有些则会显示重要的数据，方便用户在不点开二级页面的情况下进行查看。

不仅如此，设计师还可以对这类字体进行设计，或是添加图标来丰富它的设计样式。

荔枝FM

二、功能类

1. 标签栏

作为一个基础控件，位于底部区域的标签栏已经演化出多种丰富的样式。

①刷新/返回顶部

瀑布流类的首页形式，为了方便用户更新内容，在刷到一定位置后原本的首页按钮都会变为刷新状态。一些产品也将返回顶部一起做到了页面中。例如马蜂窝，就将返回顶部按钮放到了顶部右上角的位置，刷新、返回两不误。

淘宝

马蜂窝

②添加按钮

除此之外，一些具有添加或是上传功能的按钮常常被固定在标签栏中间位置，可以让用户第一时间发觉。

小红书

穷游

这些巧妙的设计不占用过多空间，又能很好的解决用户遇到的问题，非常方便。

2. 悬浮按钮

（编辑：PHP编程网 - 湛江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!