非凡资讯

平面设计培训资讯>上海UI交互设计培训—IOS 8人机界面UI设计导航基础

上海UI交互设计培训—IOS 8人机界面UI设计导航基础
发布日期:2014/12/31 11:01:11    上海非凡进修学院 2408 分享
除非导航设计的不合理,不然(上海UI交互设计培训)用户不应明显察觉到应用中的导航体验。放置导航到一个能够支撑你的应用结构和目的却又不过分引起用户注意的状态。


广义来说,有三种主要类型的导航,每种导航(UI交互设计培训)都有其适应的应用结构:


  • 分层。

  • 扁平。

  • 内容或经验驱动。
    上海平面设计培训

在分层应用中,用户在每个层级中都要选择其中一项,直到目的层级。如果要切换到另一个层级,用户必须(上海UI交互设计培训)回退一些层级,或者直接回到初始层级进行再次选择。系统的设置和邮件应用在这方面是很好的示范,可以参考他们。


在扁平应用中,用户可以从一个主要分类直接切换到另一个,因为所有的主要分类(UI交互设计培训)都可以从主屏直接访问。音乐和App Store是两个使用扁平结构的好例子。


在内容驱动或经验驱动信息结构的应用中,导航的内容也会根据内容或(上海UI交互设计培训)经验来进行设计。例如,在阅读一本电子书时,用户会一页接一页地进行阅读,也会在目录中选择想要阅读的页码跳转后开始阅读。同样的,在游戏应用中,导航的作用也非常重要。


在某些情况下,在一个应用中结合多种导航类型会有很好的效果。例如,对于扁平(上海UI交互培训)信息结构中某一分类下的内容,用分层导航的方式来显示可能会更好。


用户应该时刻清楚自己当前在应用中所处的位置,以及如何前往他们所想到的页面。


无论导航类型是否适合你的应用结构,最重要的是用户访问内容(上海UI交互设计培训)的路径应该是合理、可预期和易于寻找的。


UIKit定义了一些标准的UI元素,这些元素即可以构建分层或扁平的导航,也可以实现以内容为中心的导航,例如电子书(UI交互设计培训)或者媒体观看类应用。游戏或者其他经验驱动的应用通常需要一些自定义的元素和行为。


使用导航栏(Navigation Bar)帮助用户轻松访问分层内容


导航栏的标题可以显示用户当前所处的层级,而后退按钮(上海UI交互培训)可以回到上一层级。查看 Navigation Bar了解更多。


使用标签栏(Tab Bar)显示同类型的内容或功能


标签栏很适合于扁平信息结构,可以让用户在分类之间随意切换,而不用(上海UI交互设计培训)在意当前所处的位置。查看 Tab Bar 了解更多。


在应用中,如果每屏显示的都是同类项或同类页,可以使用页面控件(Page Control


页面控件的优点是可以直观地告诉用户共有多少个项目或页面,以及(UI交互设计培训)当前所处的位置。查看 Page Control 了解更多。


一般来说,最好能给用户到达每一屏的路径


如果用户需要,就应该考虑使用临时视图,例如模态视图、动作菜单(UI交互设计培训)或警告框。查看 Modal View、Action Sheet和Alert 了解更多。


UIKit同时还提供了以下相关控件:


  • 分段控件(Segmented Control)。分段控件让用户(上海UI交互设计培训)在一屏内就可以查看到不同分类的内容,而不需要切换到其他屏幕。

  • 工具栏(Toolbar)。尽管工具栏看起来和导航栏或标签栏相似,但是工具栏(上海UI交互设计培训)不具导航作用。相反,工具栏为用户提供了可以控制当前屏幕内容的控件。

相关文章:
上海平面设计培训—八个小方法,帮你成为更具同理心的设计师
上海创意广告设计培训—要做好视觉设计,首先要弄懂产品业务
上海平面广告设计培训—作为设计师 哪些性格特质有助于你的成长和提升
上海平面设计培训—平面设计师设计优秀LOGO要掌握的六个要素
上海数码摄影培训学校—用Photoshop制作后期清新唯美人像
免费试听热门课程
在线客服
热线电话
非凡学院公众号