手机网站导航栏怎么设计更出彩
- 日期 : 2018-10-15 10:35:01
通常来说,我们打开一个网站习惯在导航栏里找栏目,然后点击进去看。网站导航栏是包含站内90%的重要内容,在你还不了解这家企业经营什么产品时,看看产品导航基本上就能明白。从对导航的第一印象来看,很多客户看了导航就决定了是否继续浏览的意向。对比电脑网站,手机网站的导航在设计上更有难度。想要把手机网站的导航设计简单好看,又要指向清晰是非常考验技术的。想上网站能从第一眼就吸引客户,导航设计就是个突破点。接下来说说,手机网站导航栏怎么设计更出彩。
手机网站导航栏怎么设计更出彩
一、名称要短
导航栏目里设置的名称要简短,曾经有一份关于人类记忆的调查,一个人在看一段文字中仅仅只有五个字才能被他们所记住。想让客户一下子记住栏目名称,那么建议字数控制在5~8个较好,越短就越容易记。如果该栏目的名称不好命名,可以在栏目内页用小文字来表示,栏目名称主要突出这个页面内容的重点。尽可能不要出现没用的文字,例如《联系方式》这个栏目,有的会在名称前加企业主体名称,变成《XX联系方式》,认为这样可以增加客户印象。小编觉得这就是没用的文字,整个网站出现企业名称的频率已经很高了,顶部和底部都有,其实没必要。
二、与网站有统一性
导航栏需要在视觉上与网站风格和产品包装搭配达到统一性,形成视觉上的统一感觉。因为很多企业的手机网站在设计的时候就是根据产品来的,从配色到元素的使用都是以产品为标准的。对客户来说,一个网站里最有价值的内容就是产品了。产品的不同影响了网站的风格,连同导航在设计上也是配合产品的。就好像一些商城网站,广告图与产品图是相应的,因为视觉上差别不大,可以让客户更准确地找到所需的产品。所以手机网站导航在设计上要与网站有统一性,这样对产品的印象,对企业的形象都有所提升。
三、导航栏形式
美观实用的导航栏可以提高视觉效果,而导航栏要设计成什么形式这个很重要。目前,很多企业手机网站的导航栏形式跟电脑版的差不多,都是设计在顶部,以方块的形式呈现。这就使得栏目数量有限,少则只能四个,多则才6个,这就使很多内容无法全部在导航上展示出来。如果网站里的栏目比较多,可以这么做:在顶部右上角设计一个点击下拉的功能,作为网站的导航,这样可以展示更多的栏目,而客户只需要上下划动就能看到所有的栏目。另一种方法是首页只有导航栏,没有其它栏目。那么首页就可以图标加文字的形式来作导航。