研究了100多个App后,发现了顶部栏设计的模式和规则

访客4年前黑客工具1006

编辑导语:我们大概认为App顶部栏的构成很简朴不需要太多精神,实际上要设计一个准确、雅观、和用户方针相匹配的顶部栏并不容易;本文作者向此先容了关于APP顶部栏设计的模式和法则,我们一起来看一下。

研究了100多个App后,发明白顶部栏设计的模式和法则

为了试图阐明App顶部栏设计的某些模式和法则,我们研究了100多个应用措施;通过本文带各人一起相识App顶部栏的构成、变革,以及如何设计顶部栏的交互。

一、顶部栏的常见样式

顶部栏是什么样子,它由什么构成?

1. 通例顶部栏

凡是,顶部栏提供有关此页面总体的信息,以及用户大概对该页面举办的潜在操纵。常见的顶部栏如下所示:

研究了100多个App后,发明白顶部栏设计的模式和法则

顶部栏中常见的组件包罗:标题、容器、操纵项、导航图标等,接下来为各人逐一先容各个组件的利用。

顶部标题凡是与底部导航一起利用,配合表明页面的信息。

假如一个页面中底部导航只有图标没有文字表明,用户有大概不相识图标的意思,那么表明页面信息的重任就落在了顶部栏的标题上。

研究了100多个App后,发明白顶部栏设计的模式和法则

大大都环境下,标题位于顶部栏的中间,有时也会在左上角有一个很大的标题作为导航(IOS应用中);除了表明页面的目标,大标题还可以用于品牌推广。

研究了100多个App后,发明白顶部栏设计的模式和法则

标题也可以表明用户在这个页面上执行的操纵;譬喻,当用户想修改小我私家资料时,标题会显示“edit profile”,用来表明操纵。

研究了100多个App后,发明白顶部栏设计的模式和法则

有时,在顶部栏主标题的下方会有增补文本,这样利便为用户提供更多的信息。

研究了100多个App后,发明白顶部栏设计的模式和法则

容器的趋势越来越不明明;容器凡是是灰色可能不饱和的颜色,有时容器也会利用品牌主题色,起到宣传和推广品牌的浸染。

研究了100多个App后,发明白顶部栏设计的模式和法则

操纵项凡是以图标和文本按钮的形式呈此刻顶栏上 ,当需要时可以在顶栏上显示0-4个图标或文本按钮。

研究了100多个App后,发明白顶部栏设计的模式和法则

在差异的页面中操纵项大概代表差异的寄义,但一些常见的图标/操纵遵循着必然的法则:

1)返回:当用户进入第二/第三层级页面时,“返回”凡是呈此刻左上角,单击“返回”图标可引导用户回到原始页面。

研究了100多个App后,发明白顶部栏设计的模式和法则

2)封锁或打消的位置不牢靠,可以在左侧也可以在右侧,详细取决于是否有其他操纵。

研究了100多个App后,发明白顶部栏设计的模式和法则

这里接头一个常见的问题,顶部栏中“返回”和“封锁”别离应该在什么环境下利用:

利用“返回”:当用户在一个漫长的摸索进程中需要不止一步的操纵,可能在该页面上没有一个简短而明晰的目标时。

利用“封锁”:暗示一个完整的单页操纵,它有明晰的起点和终点,在页面上执行特定的操纵实现特定的目标。

研究了100多个App后,发明白顶部栏设计的模式和法则

3)小我私家资料或帐户有时会呈此刻顶部栏上,以利便用户编辑小我私家书息,配置或切换帐户。

研究了100多个App后,发明白顶部栏设计的模式和法则

4)添加或搜索可辅佐用户欣赏更多内容可能扩展他们感乐趣的区域,凡是呈此刻右上角作为易触摸的方针。

研究了100多个App后,发明白顶部栏设计的模式和法则

有时会把用户最频繁利用的操纵牢靠在顶部栏(尤其是右上角),以便随时成为易触摸的方针。

一个常见的例子就是网易云音乐,当前歌曲的图标始终牢靠在右上角,无论在哪个页面顶用户都可以随时进入。

研究了100多个App后,发明白顶部栏设计的模式和法则

相关文章

支付宝:双11期间余利宝、网商贷等功能入口暂时关闭

11月10日消息 今天支付宝App发布公告,在双11活动期间,余利宝、网商货等功能入口将暂时关闭,但用户的资金安全不受影响,需在首页搜索相关功能进入使用。 支付宝:双11期间余利宝、网商贷等功能...

青塔伴游女-【秦欣】

“青塔伴游女-【秦欣】” 4:知乎问答和抖音短视频也有伴游网址,均能够寻找外围经纪人的联系电话。7499伴游范畴:全国各地毫无疑问有很多的人都听闻过伴游模特经纪公司价钱针对每一个伴游模特经纪公司而言,...

黑客雷影反母牛(黑客雷磊)

黑客雷影反母牛(黑客雷磊)

本文目录一览: 1、雷影出场的集数,动漫的。 2、鸣人第几集和雷影打? 3、雷影叫什么名字 4、四代雷影的助手叫什么 5、四代目雷影艾手怎么没的 雷影出场的集数,动漫的。 372~3...

百货商场什么店赚钱(百货商场最赚钱的项目)

百货商场什么店赚钱(百货商场最赚钱的项目)

现在打算在商场超市里面做生意的人很多,因为在商场做生意有几个好处,第一就是租金划算,商场租金分为二种较多,一种是按月租金计算,还有一种按销售扣点计算。相对比外面开店要划算一点;第二,不用花费高额的转让...

让你一分钟成为黑客(如何做一位黑客)

让你一分钟成为黑客(如何做一位黑客)

本文导读目录: 1、黑客是怎样练成的?给10分 2、怎么做黑客 3、如何变成黑客 4、成为黑客所需基础有哪些? 5、黑客怎么入门??? 6、怎样做一个出色的黑客 7、黑客的由来...

实现有效的网络安全,SEIM和SOC显然远远不够!_给你

自20世纪90年代以来,人们对于数据安全的态度发生了变化,与之相对的现实是,企业C级领导却始终未能跟上新威胁以及威胁传播方式的新思维和新变化。 目前,即将登场的一个重大变化就是人工智能时代的到来...