网站建设,网站设计,网站制作,网站开发

移动端八种导航模式设计攻略大解析
时间:01-24      
       大家开始设计移动端界面的时候,面临的第一个问题就是布局了,而影响整个网站设计布局的主要因素就是导航,这个不光关系着一个界面的结构,甚至跟整个app、wap的框架都有着千丝万缕的关系。

  接下来就介绍目前最常见的8种导航模式,按照各自的利弊合理的运用在自己的设计当中。

  1.抽屉导航模式设计 ——适用于信息层级较多的界面

  如果界面主要功能和内容都在一个页面里,只是一些低频操作内容和辅助功能,放在抽屉里。

  【优点】页面看上去简洁美观

  【缺点】现在的手机屏幕越来越大单手持握难以操作,隐藏在抽屉栏里的信息点击率极低。

  2. 标签式导航模式设计——常见、安全

  一种最常见的移动端导航模式,也是最安全的,一般位于页面底部或顶部。

  【优点】方便用户在相关几类信息中频繁跳转且不迷失方向,比较直观。

  【缺点】会占用一定的高度空间且由于屏幕限制导航一般不多于五类(现在已经有可滑动标签导航模式)。

  3. 列表式导航模式设计 ——可展示部分内容信息

  大多作为辅助导航来展示二级甚至更深层次的内容。

  【优点】在导航中可展示部分内容信息,结构清晰,易于理解,能够帮助用户快速定位到对应的页面。

  【缺点】效率极低,用户需凭烦的来回操作,只有前几项才容易被人记住。

  4. 宫格式导航模式设计 ——伴随图形呈现

  这种导航非常常见,每天一打开手机宫格式是就会对跟你打招呼,一般作为内容列表的一种图形化形式呈现。

  【优点】每个宫格式导航相互独立。

  【缺点】导航不能有所交集,否则导致操作负累,在界面中使用图形呈现配上少量文字会有一定认知障碍。

  5. 悬浮icon导航模式设计 ——适用大屏

  是将导航与页面分层,无论你处于哪个页面悬浮导航永远悬浮于页面之上,适用于大屏的导航模式。

  【优点】可以在屏幕边缘自由移动,用户可在页面自由跳转不受导航限制。

  【缺点】会遮挡页面的某些信息,且用户必须进一步操作才能了解导航内容,不直观。

  6. 平铺式导航模式设计 ——简洁、单一

  当你的信息足够单一的时候,可采用该模式。

  【优点】保证页面的完整与美观,一般滑动切换操作简单。

  【缺点】只能切换相邻页面、容易迷失位置

  7. 沉浸式导航模式设计 ——游戏、地图

  一般置身于页面的场景中,应用在游戏、地图app居多。

  【优点】趣味、代入感极强

  【缺点】受视觉画面的限制,否则易迷失。

  8. 组合导航模式设计——复杂的界面

  顾名思义,就是以上7种模式的两两组合


  总结出来的是目前常见的8种,随着时间的发展设计师们也是不断创造出新的,更适合用户的网站导航模式。也希望大家做网站设计的时候不仅仅局限在这些模板当中,适合才是最重要的。

©2000-2022 杭州蒙特信息技术有限公司版权所有

Mountor、蒙特是Mountor Corp.的注册商标。

经营许可证编号:浙B2-20090322
技术支持:
更新时间:2023年01月31日
咨询热线:0571-88230881 15158184365
友链QQ: 1960819284
固话咨询
手机咨询
了解蒙特