大标题导航栏的优点毋庸置疑 , 页面留白更多,呼吸感更强,大气现代、更高,因为页面标题巨大 , 能够帮助用户快速确认当前所处位置;采用统一的大标题,让页面布局风格快速统一 。但缺点也显而易见,因为增加了导航栏的高度,导致屏幕利用率降低 , 一些通过广告变现或更加注重一屏内内容呈现的应用便中和了常规导航与大标题导航的优缺点,进行了风格改进 。
2、导航按钮及内容控件按钮设计规范
iOS规定导航按钮位置仅能用于放置返回按钮,可以添加一个层级的面包屑,帮助用户有效地明确当前页面层级;Material Design中,则不仅可以放置返回按钮,还另有作用,菜单图标-用于打开导航抽屉 或者 关闭图标-关闭工具栏 。
与iOS的定义有着天壤之别,iOS非常明确地赋予了工具栏的定义,并且将导航栏和工具栏(Toolbars)彻底地分离开,典型案例就是Safari 。在内容控件上iOS与Material Design也大相径庭 , Material Design不去限制你的内容控件多少,因为它提供了溢出菜单,并可以根据屏宽的变化,自适应释出和收纳溢出菜单中的控件 。
而iOS则规定我们,要给内容控件按钮足够多的空间,必要的时候,隐藏导航栏标题也未尝不可 。真实的项目中我们经常为了快速落地,会存在一稿适配双平台的情况 。这时候我们应该遵从哪一个平台的规范呢?答案是:许多大厂的做法已经向我们验证,规范不分家 。
在iOS诸多的应用中溢出菜单早已普及,尽管这是Material Design提出的设计理念 。虽然国内遵从Material Design进行Android应用设计的情况相对较少,但它提供的设计理念与方案却并不局限在安卓平台 。
3、分割线设计规范
分割线只是一种体现形式,我想要表达的是,别忘记区分导航栏与内容界面的视觉层级关系 。Matetial Design提醒我们,顶部应用栏可以与内容位于同一高度,但滚动时,请增加导航栏的视觉高度,让内容在其后方滚动 。而iOS则默认采用了背景模糊的方式区分了导航栏与内容区域的层级关系 。
4、其他控件
关于其他控件,iOS只在规范中提及到了分页控件 。苹果设计师考虑到部分场景在当前页面中还存在信息层级结构划分,此时建议可以在导航栏中使用分段控件 。
国内的应用程序早已将导航栏容器的作用发挥到极致,基于导航栏层级始终高于内容区域的特性,我们通常可以将分段控件、分页标签、搜索栏等等用户可能随时使用的工具放在导航栏中 。
导航栏用于构架当前屏幕的内容,阐述当前屏幕的状态,并且起到连接父子级页面层次结构的作用,在一个页面发挥着重要作用,设计好导航栏不仅仅是视觉上的工作,表现的方式、承载的按钮与组件、滚屏时的组合操作还能给用户带来极大的体验增益 。因此掌握好导航栏的设计技巧对一名设计师来说尤为重要!
搜索框
在视觉上以下两点比较需要注意:
1、放大镜图标
使用图标 。我不想对其会增加找到搜索栏的速度进行强调 。越简单越好 。越少的细节能够保证用户能快速地扫视它 。虽然,只有一个图标本身而没有一个可输入的容器或按钮实际上会使搜索变得更加困难 。人们通常会意识到,一个放大镜图标显示的是一个搜索工具,即使它没有标签 。但是糟糕的是,只有一个图标则会使搜索更加困难 。
2、一个真实的搜索按钮
并非每个人都是学会在网上冲浪的千禧一代,这意味着,并不是每个人都知晓在他们输入查询之后需要按下Enter键 。在搜索输入旁边添加一个实际的按钮将帮助用户确认他们的下一步行动,进而减少用户所需的认知负荷 。
- led显示屏原理图,led显示屏的工作原理是什么
- 屏幕进水了怎么处理液晶的屏幕有蓝色的一条一条吹风机吹过好很多了然后开机使用又多起来了
- 这5个套路你必须熟知尤其手机上的这个功能千万不要打开
- win7如何去除图标小方框,win7桌面图标上有个小的框
- iphonex屏幕失灵乱跳怎么办,苹果屏幕失灵乱跳
- 盘点十大神秘生物的真面目,你有没有被骗到过?
- 世界上唯一没有天敌的动物,“海蜘蛛”吃饭呼吸生育全靠大长腿
- 世界上最壮观的六大火山,能够实景进行观测拍摄
- 世界上最丑的狗,中国冠毛犬屡获冠军
- 世界十大体型最漂亮的马 汗血宝马价值上千万