本篇教程主要讲述在APP界面中常见的四种顶部导航栏设计样式,并通过不同案例展示来区分不同导航栏在不同状态下,给用户的不同交互与心理感受。
学习完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一进行解答。
那我们开始今天的教程吧。
1.【顶部导航栏】如图,【常规导航栏】指固定在状态栏下,能清晰分辨出的一行导航栏,主要由操作图标、标题。搜索框和背景组成。
2.【标题导航栏】如图,常见于二级详情界面或者简单的一级界面,主要由操作的图标和标题组成,背景色多采用【白色】或APP的【主题色】,一般的规范如图所示。