首页技术文章正文

盘点UI设计常用的导航样式以及优缺点

更新时间:2021年04月02日 14时19分39秒 来源:黑马程序员

UI设计中常见的有标签式导航、舵式导航、点聚式导航和抽屉式导航,下面我们分别介绍它们的优缺点。

标签式导航

优点

(1)用户清楚当前所在的入口位置。

(2)用户在各入口间频繁跳转且不会迷失方向。

(3)直接展现最重要入口的内容信息。

缺点

(1)会占用一定高度的显示面积。

(2)功能入口过多时,该模式显得笨重且不实用。

(3)不利于大屏幕手机进行单手切换操作。

应用案例:

标签式导航

舵式导航

优点

(1)重要且操作频繁的入口很显眼。

(2)较大限度地引导用户进行操作。

缺点

(1)中间按钮极其显眼,周围的两个按钮单击率较低。

(2)对中间按钮的设计要求比较高,需要有高度的设计美感,否则显得不协调。

应用案例:

舵式导航


点聚式导航

优点

(1)流畅的动画使展示方式显得更加有趣。

(2)节省空间,避免了标签导航占用空间大的问题。

(3)具有更强的引导性,避免了抽屉导航引导性不足的问题。

缺点

(1)隐藏了框架中的入口内容。

(2)对入口交互的功能可见性要求高。

应用案例:

点聚式导航
点聚式导航


抽屉式导航

优点

(1)节省了页面展示空间。

(2)扩展性好,可以放置多个入口。而标签导航最多放置5个入口。

缺点

(1)左上角的小按钮具有隐蔽性,若第一次打开时不进行引导,用户可能会忽略这个入口。

(2)对入口交互的功能可见性要求高。

(2)左上角的小按钮不适合大屏幕手机单手操作。

应用案例:

抽屉式导航


猜你喜欢:

又萌又可爱的字体设计教程

赛博朋克风格图片怎么调?

水晶字体设计PS教程

黑马程序员ui设计师课程

分享到:
在线咨询 我要报名
和我们在线交谈!