J9国际集团|Home

135-2716-3909
网站建设资讯详细

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

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

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

网页侧边栏

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

侧边栏的优势?

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

商城侧边栏设计

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

侧边栏为何被舍弃?

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

侧边栏的“变种”?

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

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