认识达内从这里开始

认真做教育专心促就业

太原it培训界面设计导航栏设计方案

发布：佚名
来源：推酷
时间：2016-09-19 09:46

在界面设计中，我们有许多的网站页面的顶部导航与底部导航等都是通用设计，一方面是为了代码的简洁，另一方面主要就是为了界面设计的一致性与美观程度。

太原it培训机构界面设计导航

最简单的界面小部件会是大模块功能的基石，是否用好用得合适对产品的体验起着重要的作用。本文谈论的就是一个经常被误用的设计元素：Tab。

上下文替换

在相同的上下文中使用Tab来替换视图，设计的标签是平行的性质，而不是导航到不同的区域。这种Tab切换，可以直观的看到逻辑块后面的Tab内容，这样当用户选择一个给定的标签时，可以很容易地预测前后Tab的内容及关系。如果人们需要比较不同的标签后面的信息，使用这类Tab作为信息切换就比较合适。

功能类导航

同理，只有当用户不需要同时从多个选项卡中查看内容时才使用Tab导航。因为使用Tab导航会增加用户短期记忆的负担，增加了认知负荷和互动成本，并降低可用性。在产品设计时，导航设计应该突出当前选定的标签。确保突出显示，这样用户就可以分辨出哪个选项被选中了。

当然，除了强调被选中的内容，你还可以标记当前页的大小，通过一个粗体标签，图标，或者通过排序来突出优先级。同时，未选中的标签应清晰易读，成为提醒用户的附加选项。如上图：绿色圈出部分。

内容类标签

将当前标签连接到内容区域，就像你正在用标签的几个物理索引卡进行移动一样。这强调了显示面板，也告诉用户选项卡被选中时，只有几个标签。将标签放在标签面板的顶部，而不是在两侧或底部，用户经常会忽略它们。

标签控制的范围从视觉设计应该是显而易见的。打个比方，使用标签就像翻阅抽屉里有一个老式的卡片目录索引卡，所以用户必须能够一眼分辨什么是“卡片”(即标签面板)。

总结一下：

Tab的使用应该将外观与功能功能设计的相同。“一致性”在图形用户界面控制设计是非常重要的，因为它建立了用户在界面上的感知：用户知道如何使用你的Tab，而无需进一步探索或容易出错的猜测。

这就意味着，他们可以把自己的全部时间和脑力去理解的内容和功能。大部分人会认为Tab本身没有价值，但它们的光芒会在不禁意间感染到你的用户。在我们设计功能的时候，可以通过做一个快速的A / B测试，让Tab的设计符合用户习惯。

达内时代科技集团致力于培养面向电信和金融领域Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择达内太原it培训，不再孤军奋战，轻轻松松做IT高薪白领。太原达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。

< 上一篇：java编程工程师的开发环境怎么设置

下一篇：太原it培训新人入职需要明白的5件事情 >