手机网站底部导航该如何设计?

 二维码
发表时间:2018-05-02 23:58

手机网站底部导航该如何设计?


所有设计师都知道,网页设计不只是为了好看,设计也决定用户如何融入一个产品,无论是PC端网站还是手机网站。而对于屏幕有限的手机网站来说,每一部分的设计都极为重要,底部导航也不例外。优秀的底部导航设计应遵循以下3条定律。


一、只显示重要的标签

在底部导航中使用3到5个**目的地。如果少于3个,请考虑使用标签代替。底部导航避免使用5个以上,因为点击目标相互会过于接近。在标签栏放置过多的项目,让人们难以点中他们的目标。每多展示一个标签,手机网站的复杂性就增加一分。


手机网站底部导航设计


二、表达出当前位置

没有表达当前位置,可能是网页设计中普遍的错误。“我在哪里?”是用户需要回答的基本问题之一,这是顺利操作的前提。用户应该在没有任何外部引导的情况下,应该提供适当的视觉线索(图标、标签和颜色),让用户一眼就看出如何从A前往B。


网页设计表达当前位置


三、添加文字标签

文字标签要为导航图标提供简短有意义的描述。但是请注意,不要用太长的标签,因为它们不能截断或换行。手机网站的菜单元素要易于浏览。要让用户要能理解他点击某个元素时会发生什么。


手机网站设计添加标签


总而言之,网页设计要站在用户的角度去设计,做到一切以提高用户体验为标准,细心做好每一处设计。