admin管理员组

文章数量:1535051

2024年5月11日发(作者:)

官网:/ 创想设计学院

APP顶部UI设计分析

我最近在做改版设计,所以很长时间没有更文了。期间遇到了很多问题,其中一个就是顶部栏

配色,后来我索性就针对移动端顶部栏设计做一个总结,在这里分享给大家。

顶部栏样式

下图是我们最常见的顶部栏样式。上面是状态栏status bar,中间是界面标题,左右可能会有

icon,代表着返回,消息提示,设置等操作。

UI设计

但是我看了一下手机上的应用,并不是每款产品都采用了这种样式。我挑选了几个“异类”,

逐个进行分析。

去标题化

一些产品中的一级界面删除了顶部栏中的标题。要知道为什么被删除,首先要知道为什么而存

在。很简单,标题的功能就是告诉用户当前界面的名称。但是这个功能跟底部栏菜单有些重叠,

官网:/ 创想设计学院

官网:/ 创想设计学院

因为用户从底部栏的选中状态也能知道自己当前在哪个界面。那么我刚才也强调了,是一级界

面,如果进入了二级界面,一旦没有了底部栏菜单,标题还是要拿回来的。

上面阐述的是一级界面删标题的条件,接下来我们来说说删标题的动机。一个产品的一级界面

一般最多只有5个,我们必须在有限的空间中展示足够多的功能和内容,而删标题就是一个不

错的方法。下图就是我对支付宝首页做的一个修改,如果加了标题,我们会发现首页展示的内

容就会减少一些。

官网:/ 创想设计学院

本文标签: 界面标题设计功能