APP中标签栏的设计禁忌与特色

马上在线咨询

及思设计 -

APP中标签栏的设计禁忌与特色

1.标签栏的上边缘不宜放置太过靠近的操作按钮，经常有一种情况是：点击标签栏菜单项后，在靠近标签栏上边缘出现一栏二级操作按钮，如果太过靠近这种做法会导致用户的错误点击，在多次频繁点击中，指尖的操作空间会显得过于拥挤，有可能会点击到其他可点击的区域。在标签栏附近要留有安全的点击距离，让二级操作选单远离标签栏操作的区域。

2.标签栏中的菜单项不宜放置5个以上，如果放置5个以上，那么用户就不会准确无误的点击到每一项。每个菜单项中出现的文字也不宜超过3个字，如果3个字或者3个以上，那么横向所分配的区域就会显得拥挤，组织的文字要精简并且使其所表达的含义到位，尽量使每个标签的文字字数相等，看起来会比较匀称。

3.标签栏中出现的图标不能太过复杂，不要放置两种或两种以上颜色的图标，如果你的风格允许，请放置纯色图标。图标不仅要简洁，并且必须要准确的表达当前标签的含义，晦涩的含义可能让用户不得不点击一次才能知道该标签到底代表着什么。复杂的图标会吸引过多的用户目光，会对浏览主功能区域的内容造成一定的干扰。

4.标签栏不能与主功能区域有结构上的融合。如果与整体结构融合起来，会造成标签栏在页面之中没有划分出该标签功能的空间，会造成与主体内容之间的视觉混淆，不易被用户察觉，人们用到的标签栏应该拥有着一个单独的空间用于操作，要有视觉上的对比容易被用户发现。

5.标签栏中的当前高亮的状态与普通状态对比不强烈。高亮的对比不强烈会造成当前选中的页面主题不明显。选中某一个标签菜单项后，尽量给予它一个背景颜色的变化，如果有图标，那么该图标也应该有颜色上的区别，让人们易于察觉每个页面的切换，明显的指示出每个页面显示的内容主题。

标签栏中的重要特色操作

移动设备应用深入用户心理的需求，把提炼出的重要标签菜单功能项放入标签栏中，标签不仅可以并列放置应用的主要功能以及子任务，如果需要着重某个功能项，或者需要提醒用户有一个功能需要经常用到，就需要把这个功能项在标签栏中进行特别突出明显的设计，以区别这个功能项与其他项的主次功能对比。比如一个拍照分享工具类型应用，需要经常用到拍摄照片操作，一个上网比价软件的特色是可以扫描商品的二维码，我们就可以把这些标签项设计成有别于其他功能项的风格。设计之前要确保这个功能足够重要，足够用户频繁的点击。

这种特别的功能操作尽量放置在标签栏的中间，在其他标签项并列并行存在的同时，这个特别项也要保持其中立的态度。该区域要能让用户轻易的点击到，同时不能影响其他标签的点击范围。放置的图标或者文字一定要简洁并且一目了然，图标的含义要与该操作唤出的页面功能相同，让用户一眼就能马上看出此项的用途。同时背景颜色要相比设计的明显，甚至不限于标签栏的固定高度，不限于其他普通按钮的固定形状与大小，这种突出的风格是固定的，贯穿于所有标签栏出现的页面，当我们点击普通列表项背景颜色有变化时，也不会影响特色标签功能项的突出地位。比如现今比较流行的“印象笔记”应用，因为“添加笔记”是用户经常用到的操作，所以该应用中就一直保持着中间“添加笔记”这个功能项的明显地位，让用户每次使用到“添加”的操作都能迅速无误的找到并点击。

* 转载原创请注明出处，如有侵权请联系删除。