Mr阿飞|UI设计中的小元素总结( 四 )
②添加按钮
除此之外 ， 一些具有添加或是上传功能的按钮常常被固定在标签栏中间位置 ， 可以让用户第一时间发觉 。
本文插图
小红书
本文插图
穷游
这些巧妙的设计不占用过多空间 ， 又能很好的解决用户遇到的问题 ， 非常方便 。
2. 悬浮按钮
悬浮按钮最开始属于安卓规范当中 ， 之后在iOS产品中也被保留了下来 。 虽然在官方规范中并没有此类按钮 ， 但因为他使用起来非常方便 ， 并且国内很多软件安卓端和iOS端都是使用一套页面 。 因此 ， 包括悬浮按钮等一些共性设计就都被保留了下来 ， 在两个平台均可得到使用 。
本文插图
马蜂窝
本文插图
荔枝fm
本文插图
马蜂窝
悬浮按钮不仅仅可以完成点击等常规操作 ， 还可以作为收藏容器将更多地功能结合在一起 。 而且位于屏幕右下角 ， 方便用户使用 。
3. 顶部扩展内容
扩展区域是我个人对它的命名 ， 这部分区域在页面的顶部 。 因为空间足够大 ， 所以许多产品可以添加更多的设计想法在里面 。 比如添加日期或者天气等 。
像一些特定的产品会在顶部的区域放置一些特有的功能 。 比如蚂蚁金服的智能助手等 。
本文插图
蚂蚁财富
本文插图
UC浏览器
本文插图
看理想
4. 功能性按钮
此类按钮也是非常多见的 。 比如 ， 导航栏右侧或标题栏右侧的更多按钮 ， 它的形式多以三点为主 ， 也有文字、阵列点灯样式 。
三道杠icon多是抽屉导航代表图形;箭头基本都是下一页或返回的固定图标形式 。 以上图标均被广泛使用 ， 已经成为了用户的一种固有认识 。
因此 ， 我们在设计时可以在此基础上进行升级或创意性优化 。 切不可过分颠覆他们 ， 不然会增加用户的学习成本 。
本文插图
5. 下拉/上划
①下拉刷新功能已经成为了一种默认操作 。 根据产品的属性定位 ， 我们会见到各种不同风格或是设计元素的下拉动效 。 设计师可以根据品牌延展元素 ， 融入更多的想法 ， 让页面变得更有趣 。
本文插图
土豆视频
②拿点融投资来举例 ， 上划到页面底部会出现宝箱图案 。 随着我们上划的幅度 ， 宝箱会打开出现宝物和品牌形象 。 上划到底则直接跳转到另一页面 。 这种设计让我对页面底部的空间有了更多的想法 。
本文插图
点融投资
6. 视频进度条
视频进度条放置在视频底部 ， 是视频类产品不可或缺的重要控件 。 当视频播放时会自动隐藏 。 除此之外 ， 进度条位置上还可以集成其他功能 。 比如全屏、点赞、收藏、弹幕开关等 。
推荐阅读
- 新机发布|全面屏新方案！vivo发布IFEA概念机，采用分离式镜头设计
- |vivo IFEA 分离式镜头设计斩获红点设计概念大奖
- 智能家居|物联网在智能家居中的应用与发展
- 融资并购|护肤品再细分，为富含黑色素人群设计，「4.5.6 Skin」获 82 万美元种子轮融资
- 系列|AloT+素皮设计 realme真我Q2系列10月13日发布
- moto手机,黑科技|模块化，手机发展历程中的辉煌一瞬
- 科辉网络|网站设计需要避免的错误主要有哪些？
- moto手机|模块化，手机发展历程中的辉煌一瞬
- |设计高端且“平民”化：realme Q2素皮版官宣
- 新机发布|斩获红点设计概念大奖 vivo IFEA分离式镜头手机亮相