新闻资讯
记录首创点滴进步 见证远行
我们一直紧跟时代前沿,聚焦行业实时动态,发布公司最新资讯,欢迎您的关注

网站导航栏如何设计实现合理化

日期:2013-05-03发布:首创网络浏览:855次

    网站导航栏如何设计实现合理化。网络中每天都有海量的内容被发布,随之而来的问题是如何对这些内容分类,而内容和分类最终将导致导航问题。有时,当导航有太多选项时将会是个令人头疼的问题。 所以,治疗导航栏综合症(curethenavigation-iti···

    本文关键字:网站导航,栏,如何,设计,实现,合理化,

  网站导航栏如何设计实现合理化。网络中每天都有海量的内容被发布,随之而来的问题是如何对这些内容分类,而内容和分类最终将导致导航问题。有时,当导航有太多选项时将会是个令人头疼的问题。

  所以,治疗导航栏综合症(curethenavigation-itissyndrome)是非常重要的,使得导航栏对用户友好并容易操作。本文提供了一些设计导航栏的技巧。帮助你解决导航问题并体统清晰的用户体验,并用真实的例子教你如何治愈导航炎综合症。

  但首先,是这些技巧。

  设计导航栏的技巧

  当我们撰写这篇文章之前,Jon(SpyreStudiosfounder)和我交换了一些想法,总结出了关于导航栏应该如何放置、如何作用和表现。

  1.坚持一个导航菜单

  通常一个导航菜单就足够了。不要增加不必要的导航条,而用下拉菜单代替。

  2.清晰、简单、明显的菜单选项

  使用清晰、简单易懂的文本,尽可能简单并能表达清楚。这样用户不会感到困惑,且知道他们点击的是什么。

  3.保持导航看起来是菜单

  一个导航菜单应该看起来像一个导航菜单。没有必要重新发明轮子。如果没坏,就不要修。基本上,你的创意应该来自内容,而不是如何呈现内容。相比如何到达内容人们更关心内容本身。所以让人们通过一个不用大惊小怪、可立即识别的过程来得到它。

  4.不要使用多于两级的下拉菜单

  不要使用多于两级的下拉菜单,除非特别必要。如果你需要使用多于三层的下拉菜单,那你可能需要重新返回绘图板。减少菜单项目——大胆裁员。你是否真的需要那两个分类或者页面,也许合二为一更好?这都是关于如何对你的内容做出更好的分类。

  5.下拉菜单中不要多于10-12个选项

  切勿在下拉菜单中放置多于10-12个选项。如果这样打不到你的要求,请重回绘图板,像第4条中那样。

  6.最小化下拉菜单

  将下拉选项保持在最小状态。如果可能,避免使用大型的下拉菜单。更多的选择往往意味着更少的动作。别让用户不知道如何如何在菜单中选择,结果导致用户离开网站。

  7.不要只往菜单上放一个图标

  图标是很重要的,但是如果菜单上只有图标的话,不是每个人都了解图标的含义。三十岁的人会知道闪存的图标代表“保存”。而小孩儿可能会不明白这个含义。

  8.不要设计垂直导航栏

  虽然设计一个垂直的导航栏没有那么难,但是在网页上使用水平导航栏是更加容易并且司空见惯的。垂直导航栏会很不方便,会让一部分用户望而却步,而且会浪费宝贵的屏幕空间。水平导航栏会为网页锦上添花,而垂直导航栏会给你的用户带来麻烦。另外,垂直导航栏会需要更多的空间来让自身变得醒目。这也因项目而异。

  9.让你的设计方便触摸屏用户使用

  触摸屏技术已经被广泛采用,所以你要让自己的导航栏方便触摸屏电子产品(比如IPAD)用户的使用。尤其对于下拉菜单而言,让它们更加容易被点击,而不是只能使用光标停留。

    欢迎大家阅读浏览,部分内容来源于网络,如有侵权,请联系我们删除!

+ 查看更多我们的客户 / Our client

    24小时技术支持
    18931045623
    在线客服

首创简介

    首创网络成立于2012年,是一家专业的品牌网站设计和网络营销推广公司,服务领域涵盖网站设计、市场策划、企业画册及VI视觉设计、网站域名空间等领域,公司拥有一批高素质人才,着力打造品牌网站设计制作和网上营销策略执行两大优势。

    十年来,凭借对市场趋势敏锐的洞察,和对消费者、企业形态深刻的理解,我们服务的已遍及京津冀、长三角、珠三角等领域,行业覆盖政府机构、企事业单位、无线通讯、环保、电子、医药、交通、园林、地产等行业,诸多知名企业,如广州京信集团、广东联通广州分公司、搜狐家居广州站、搜狐家居邯郸站等,都鉴证了首创设计公司的品牌设计思想与能力,首创设计公司也与诸多企业勃的市场经济中互促共生。

在线客服


  • 扫描加微信

  • 扫描加QQ

  • 扫描浏览手机版
首创网络邯郸公司
邯郸公司
服务热线:0310-4559740 / 18931045623  公司地址:邯郸市丛台区颐高广场B座13层1304室  客户接待:邯郸市陵园路669号康桥国际B06