admin管理员组文章数量:1535051
2024年5月11日发(作者:)
官网:/ 创想设计学院
APP顶部UI设计分析
我最近在做改版设计,所以很长时间没有更文了。期间遇到了很多问题,其中一个就是顶部栏
配色,后来我索性就针对移动端顶部栏设计做一个总结,在这里分享给大家。
顶部栏样式
下图是我们最常见的顶部栏样式。上面是状态栏status bar,中间是界面标题,左右可能会有
icon,代表着返回,消息提示,设置等操作。
UI设计
但是我看了一下手机上的应用,并不是每款产品都采用了这种样式。我挑选了几个“异类”,
逐个进行分析。
去标题化
一些产品中的一级界面删除了顶部栏中的标题。要知道为什么被删除,首先要知道为什么而存
在。很简单,标题的功能就是告诉用户当前界面的名称。但是这个功能跟底部栏菜单有些重叠,
官网:/ 创想设计学院
官网:/ 创想设计学院
因为用户从底部栏的选中状态也能知道自己当前在哪个界面。那么我刚才也强调了,是一级界
面,如果进入了二级界面,一旦没有了底部栏菜单,标题还是要拿回来的。
上面阐述的是一级界面删标题的条件,接下来我们来说说删标题的动机。一个产品的一级界面
一般最多只有5个,我们必须在有限的空间中展示足够多的功能和内容,而删标题就是一个不
错的方法。下图就是我对支付宝首页做的一个修改,如果加了标题,我们会发现首页展示的内
容就会减少一些。
官网:/ 创想设计学院
版权声明:本文标题:APP顶部UI设计分析 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1715430684a451803.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论