400-800-9385
网站建设资讯详细

移动优先下被舍弃的网页设计产品:侧边栏

发表日期:2022-03-10 14:30:12   作者来源:建设网站   浏览:2062   标签:移动网页设计    
【编者按】被舍弃的未必是落后的,或可能是先进的,仅仅是不因为不溶于当下的时代。基于这样的逻辑,我们想要对“被舍弃”的一些设计思路,进行一番系统的梳理。本篇我们讨论侧边栏。

什么是侧边栏?
顾名思义,侧边栏是就是在界面侧边的栏目,包括左边和右边。在PC互联网时代,侧边栏设计非常流行。企业网站、门户网站、B2B网站、社区论坛,侧边栏都是标配。彼时,侧边栏主要放什么内容呢?主要是四种内容。
一是导航。包括大型网站、门户网站、企业网站,习惯性将导航放在侧边栏(左侧居多)。
二是广告。由于眼睛是左右分布,侧边栏往往也是注意力热点区域,广告会布局到侧边栏。
三是缩略内容。典型如猫扑等论坛,论坛缩略内容都放在侧边栏。

网页侧边栏

四是其它。包括侧边栏留白、底纹等。

侧边栏的优势?

笔者以为,侧边栏有这样两大优势,是需要被承认的。
其一,侧边栏所处的位置优势。因为人眼左右分布的原因以及一直以来的阅读习惯,侧边(特别是左侧)是视线最先关注的区域。其二,侧边符合操作习惯。人习惯于先对左侧部分或者右侧部分进行操作。

商城侧边栏设计

如上两点优势,可以归纳为位置优势和操作优势。

侧边栏为何被舍弃?

现在,响应类网站已经很少看到侧边栏的设计了,这是什么原因呢?笔者认为,主要是受到屏幕大小的影响。在PC时代,为了让用户眼镜更加专注于核心内容,将导航、广告等内容放置于侧边,这就需要对屏幕进行分屏。但是在移动优先的大环境中,如果再对“小屏幕”进行分屏,显然是不合适的。于是,适应移动端的响应式网站纷纷取消了侧边栏,以“汉堡包导航”等取代侧边栏导航。

侧边栏的“变种”?

为何我们要关注侧边栏呢?因为笔者发现,侧边栏这种设计似乎有被重新发掘的迹象。
例如,以企业响应式网站来说,很多响应式网站将“联系方式”以漂浮式设计置于网站侧边,以便访客第一时间关注,乃至点击对话,也就是说,侧边的位置依然是十分重要的。
还例如,笔者发现不少手机的操作系统,开始增加“快速导航”或者“智能导航”,这类设计产品的位置,同样位于左侧或者右侧,为得是符合用户“从左侧或者右侧进入”的操作习惯。

首页网页设计
如上,都可以称之为侧边栏的“变种”或者“创新”。
综上,“位置优势”和“习惯优势”是侧边栏这一“产品”的两大优势,即便在移动优先的背景下,两大优势依然存在。所以,侧边栏或者会一些网站设计师舍弃,但是恐怕很难彻底消失。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6361.html