UI设计基础-2017 扁平导航（标签导航） 扁平导航（标签导航）.docx

UI设计基础 PAGE 1 目 录 TOC \o 1-3 \h \z \u 一、概述 1 二、步骤 2 扁平导航（标签导航） 本次课程介绍导航设计。导航是页面结构和界面设计的重要一部分，它可以结构化产品内容和功能、突出核心功能、扁平化用户任务路径，下面举一些案例浅谈一下常见的导航形式和一些导航设计的技巧。 一、概述 标签式导航（底部和顶部） 标签导航是目前最常见的导航形式，也是最不容易出错的导航信息。标签式导航有底部导航和顶部导航两种，底部导航用于全局导航，顶部导航用于二级导航；还有一种底部导航的变种，就是突出一个中心功能的舵式导航。 步骤 选项卡式（Tab）导航也被称为标签式导航。 选项卡式导航的优点如下。其一，用户能直观了解移动应用功能。其二，无需返回上层菜单，可直接跳转。其三，用户通过选项卡的外观清楚自己在哪个分类功能下，可以直接切换，简单高效。 1、标签系统（Labeling Systems）文字标签呈现给用户的形式包括有：情景式链接；标题；导航系统选项；索引俗语；图标等。 网页中的导航多以文字作为标签 手机端图形标签 2、标签的设计，在同一个系统中，我们需要考虑的是如何让标签统一。例如我们需要确定风格一致、色彩一致、表现方法一致、组合方式一致、用词方式一致。 infographics文字标签设计