无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻 > 公司新闻 >

京东商城断臂求生-手机上网站的底端导航栏栏该怎样设计方案

时间:2021-04-17 03:06来源:京东商城断臂求生 作者:jianzhan 点击:
手机网站建设中,为了有效利用空间,又可以较大限度地展示网站的内容分类,很多网站都以摒弃汉堡导航栏的做法,使用底部标签导航栏的设计,这样的设计把网站内容的具体分类直

手机网站建设中,为了有效利用空间,又可以较大限度地展示网站的内容分类,很多网站都以摒弃汉堡导航栏的做法,使用底部标签导航栏的设计,这样的设计把网站内容的具体分类直观地呈现给用户,也会促使用户浏览更多的内容。但是,这种小小的底部标签导航栏的设计,也包含着很多大学问。不妨随着小编来仔细瞧瞧:

底部标签导航栏设计

一、栏目排版设计


手机网站建设使用底部标签导航栏,首先在数量上要控制好,一般来说,按照移动屏幕的尺寸合理划分,栏目的数量在5个以内是比较合理的,这样的划分使得标签大小既能清晰可见,又不会占用过多的屏幕。


另一方面,站长一定要提前规划好网站内容的层级划分,在网站建设时,按照栏目内容的重要程度从左到右依次排序。


二、栏目图标的设计


栏目使用图标加文本的形式展现,主要是为了让用户领悟标签栏的含义,也是便利之后在栏目中添加微交互设计。图标是依据标签的含义来设计的,有些标签是很多网站都有使用的,并且用户比较熟悉的,比如首页、个人中心等,这些标签可以沿用用户熟悉的图标,不需要另外设计。


但是有一点很重要,手机网站的图标设计风格一定要统一,不管是在线条的处理上,还是在色彩的填充上等,都要使用统一设计手法,给用户统一视觉体验。


三、栏目的交互设计


栏目添加适当的微交互设计是必要的,在统一的图标设计中,细微的微交互改变,就足以令用户知道自己所处的标签页面是哪个。


但是,栏目的交互设计变化还是要更明显一点,防止粗心的用户定位不了当前的位置。


底部标签导航栏的设计在手机网站建设中已经很常见,但是细节的打磨还是很有必要的。因为用户使用导航栏也是比较频繁的,用户对于其中的变化也能准确捕捉,一个具有良好体验与个性化的底部标签导航栏,也能让手机网站的辨识度提升。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866