工大后院

 找回密码
 加入后院

扫一扫,访问微社区

QQ登录

只需一步,快速开始

搜索
查看: 446|回复: 0

如何设计出优秀的 App 导航栏

[复制链接]
发表于 2014-8-9 08:45 | 显示全部楼层 |阅读模式
, v; r, R- e( H+ w$ _) X! b
    现在很多人都比较关注APP设计showmore.cn/internet_app.html,那么APP体验如何其中一个方面就来源于导航栏了,为了在手机屏幕给定的范围内展示出更多内容,优秀的导航栏设计将起到关键性作用,对于不同的操作也当因地制宜地选则不同的设计方案。
- ]1 h' P" I1 ]8 |7 E    导航的设计是 App 设计发展过程中很值得玩味的地方,由于移动设备特别是智能手机的屏幕尺寸有限,设计者们通常会将屏幕空间尽量留给主体内容,优秀的导航设计会让用户轻松到达目的地而又不会干扰和困惑用户。
' m5 p) i! |7 u) J) Q- ^6 h- O    优秀的导航用户完成切换的成本很低,只需要一次点击操作,而放在屏幕底部对主体内容的视觉冲击可以说是最小的,这样用户就不会在浏览主体内容时受到过多的干扰。 另外通过点击屏幕左上角的按钮唤出切换项,有些也可以通过向右滑动手指来完成。一个简单的滑动动画,就像拉出一个抽屉。
* ~: ~( I% h  e* u1 Q( f! f    导航并不一定只发生在功能项之间。例如新闻类应用需要在不同类别的新闻之间进行切换浏览。通常来说,这种切换的频率要比功能项切换更高,切换项的数量也会比较多,像常见的新闻类别就有 7,8 种。+ R& M9 e: {4 i5 B3 u# L6 g$ P2 ?- l
    用户通过在内容页面左右滑动手指即可在不同的类别之间进行切换。这种方式的用户体验改进了很多,尤其在连续切换时其操作方式的连续性比较强,主体页面的过渡也更加平滑,会产生更加流畅的体验。当然也会有一些缺陷,比如一次滑动只能切换到相邻的类别,要想直接切换到对应类别可以点击上方的类别列表,不过由于类别过多,有时候可能需要滑动一下类别列表才能完成操作。
' H2 k( E, \5 t! w1 V    总的来说,APP导航栏在整个APP设计中也是很重要的一个环节,希望可以引起APP设计l者的重视!
您需要登录后才可以回帖 登录 | 加入后院

本版积分规则

QQ|Archiver|手机版|小黑屋|广告业务Q|工大后院 ( 粤ICP备10013660号 )

GMT+8, 2025-8-17 07:17

Powered by Discuz! X3.5

Copyright © 2001-2024 Tencent Cloud.

快速回复 返回顶部 返回列表