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

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

标签式导航

优点

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

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

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

缺点

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

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

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

应用案例：

舵式导航

优点

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

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

缺点

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

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

应用案例：

点聚式导航

优点

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

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

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

缺点

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

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

应用案例：

抽屉式导航

优点

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

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

缺点

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

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

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

应用案例：

猜你喜欢：

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

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

水晶字体设计PS教程

黑马程序员ui设计师课程