FIND A PRODUCT FIND A PRODUCT
移动端网站导航该如何设计
发布日期:2019-03-26 访问量: 类型:

我们在打开一个网站的时候首先会看到的便是网站的导航信息,因为我们想要的信息一般会从导航上来找,那么导航便很关键了。相对于pc端,移动端的导航会更难设计,因为宽度在那里放着,导航设计的美观程度跟吸引客户成正比,烟台网页设计告诉您移动端导航如何设计会更好看。

一、关键词的多少

导航栏目里设置的名称要简短,曾经有一份关于人类记忆的调查,一个人在看一段文字中要有五个字才能被他们所记住。想让客户一下子记住栏目名称,那么建议字数控制在5~8个较好,越短越容易记。如果该栏目的名称不好命名,可以在栏目内页用小文字来表示,栏目名称主要突出这个页面内容的。尽可能不要出现没用的文字,比如常出现的企业联系等,整个网站出现企业名称的频率已经很高了,顶部和底部都有,其实没必要。

二、网站的统一性

导航栏需要在视觉上与网站风格和产品包装搭配达到统一性,形成视觉上的统一感觉。因为很多企业的手机网站在设计的时候是根据产品来的,从配色到元素的使用都是以产品为标准的。对客户来说,一个网站里有价值的内容便是产品了。产品的不同影响了网站的风格,连同导航在设计上也是配合产品的。好像一些商城网站,banner图与产品图是相应的,因为视觉上差别不大,可以让客户更准确地找到所需的产品。所以手机网站导航在设计上要与网站有统一性,这样对产品的印象,对企业的形象都有所提升。

三、导航栏形式

美观实用的导航栏可以提高视觉效果,而导航栏要设计成什么形式这个很重要。目前,很多企业手机网站的导航栏形式跟电脑版的差不多,都是设计在顶部,以方块的形式呈现。这使得栏目数量有限,少则只能四个,多则才6个,这使很多内容无法全部在导航上展示出来。如果网站里的栏目比较多,可以在顶部右上角设计一个点击下拉的功能,作为网站的导航,这样可以展示更多的栏目,而客户只需要上下划动便能看到所有的栏目。另一种方法是首页只有导航栏,没有其它栏目。那么首页可以图标加文字的形式来作导航。

四、目的性

确保导航中的每个按钮要素简单明了,有明确的引导用户点击的目的性。让用户一看便知道是什么意思以及操作结果是什么。不要弄的太过花哨,这样反而会迷惑用户,起到反作用。

以上便是在进行移动端的设计的时候需要注意的一些事情,针对不同的行业网站来说,选择的设计方式也是不尽相同,可以根据企业自身的特色来进行选择,对于不同的手机来说,展现的内容达到干练精短才是更重要的。

声明:本网站部分图片、文章来源于网络,如有侵权,请联系本站删除。