欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

侧边栏与无边栏:的利弊不同布置形式

发表日期:2017-01 文章编辑:小灯 浏览次数:664

一个侧边栏的利弊是什么?

赞成的意见


  • 做广告

  • 增加邮箱注册

  • 促进相关产品

  • 组织(尤其是电子商务)

欺骗


  • 视力unappealing UX的

  • 与手机不兼容

  • cluttered和clunky信息

  • 不必要的许多企业和投资组合

网站特色的侧边栏可以追溯到90年代中期,早期的网站简单却实用,而我们二十多年后,在网页设计中许多巨大的进步。

然而,边栏仍对每个站点的一个常见的主食,从博客到小企业和电子商务商店。

但随着响应式设计的发展,这是值得质疑的侧边栏的目的了。在这篇文章中,我将分享一些想法和例子是否考虑你的下一个网站真的需要一个侧边栏部分。


在侧边栏或者不侧边栏?

这是个问题。这似乎是要求越来越多,每过一年。

有一个设计师,感觉大运动侧边栏是无用的。移动设备上的用户越多,侧边栏经常看不见下面的含量下降。与桌面的分辨率越来越大,已经没有空间不断扩大的网页。他们需要有一些类型的宽度限制。


我看着这个从一个网站的方法。我没有考虑到webapps或单页应用侧边栏(温泉),因为这些都是不同的野兽共

例如,我喜欢用侧边栏Gmail的界面,我希望它继续这样。


gmail sidebar


但许多简单的网站可以做的更好,没有一个侧边栏。有多少网站的投资组合需要一个侧边栏?什么是博客或企业网站?

绝大多数商业网站的实际工作,更没有侧边栏。一个企业不需要广告,也不需要侧边栏作为额外的链接、按钮资源。


退房Wacom的主页明白我的意思。他们的布局是大,但它的流量在一个单一的柱。他们在一个单流单内容与图形和大块的内容填写页面。


wacom tablet ituos


你也会看到这Adobe的网站,让人吃惊的是,因为他们有大量的产品和大量的内容去用它。


adobe photoshop


博客的设计可以去无论哪种方式,它涉及到的主题,设计风格,和侧边栏内容的必要性。

每个博客都可以受益从侧边栏如果目标是投放广告,增加电子邮件注册,或推动相关产品。


webdesigner depot sidebar


但较小的博客,只运行小的广告可以用单柱布置工作。这也提高了用户体验,所以如果可能的话,它通常是更好的去简单。

侧边栏可以但取消博客如果替代收入来源变得可用。


这个崛起的AdBlock再加上流行广告盲点似乎也不支持侧边栏博客设计。

没人说侧边栏不能拥有有价值的内容。但随着移动边栏只复制信息的人多了,似乎少了,在2017栏设计的那么有用(及以后)。


极简主义的方法

一个简单的网站往往更容易浏览,更容易使用,并提供了更舒适的阅读体验。去除侧边栏的快的方式简化布局

但这不会对每一个网站。有时奢侈的设计答案。


我发现博客是更容易与一个完整的无边栏简约的方法读。然而他们有较少的空间选择的领域,相关的部件,分类列表,和那些可爱的侧边栏广告横幅。

权衡取决于博客和你的货币化策略的类型。


拉姆齐博客的暴君是一个简单的博客设计作品的一个很好的例子。内容受到了所有人的关注,大多数游客不会错过的侧边栏。


blog tyrant no sidebar


这个投资组合的网站,应该重视的工作也是如此。

设计师,摄影师,艺术家和作家都能从一个侧边栏不投资效益。


rad sechrist art school


Rad Sechrist艺术网站不打扰任何栏或多栏的方法。内容就流下来的页面,它是一个更容易消耗这种方式。


但其中分裂的地区电子商务设计


另一方面,极简主义通常会提高可用性保持潜在客户网页上的时间。

但电子商务网站有很多功能,这些按钮/链接要去某个地方。


从侧边栏的电子商务网站,大多数人受益。但我认为侧边栏内容应保持在低限度。


barbell apparel homepage


UX杠铃服装将手机完全不同的但它还是有用的。因此设计一个极简主义的方法,但仍使用侧边栏的产品分类链接。

你如何处理极简主义将每个项目的变化。但似乎没有栏的方法是获得牵引力。


移动响应式设计

未来的互联网是快速,可靠,和完整的网站响应

越来越多的人浏览互联网的移动设备。事实上,2016是移动互联网应用的第一次超过桌面,我不期望有减小的趋势。


响应式设计通常移动或隐藏侧边栏,因为有在小屏幕上没有房间。你如何对待这个会有所不同,根据现场。

第一,好的选择是删除移动设备上的侧边栏。你可以看到这creativebloq在侧边栏消失,超过一定的断点。


creative bloq sidebar


另一个策略是把栏下面的主要内容。你可以在看到这tutsplus布局

当然,后的和显著的选择是完全忘记边栏。这样你不动额外的内容在移动用户。网站的宽度可以缩小无边栏,它会更容易重新布局。


没有一个工具,你的网页也加载更快。但该网站可能没有太多的桌面上的奢华的设计。

这一切都归结到你一直在侧边栏和内容的价值。


Mashable网站跨度达1440px宽一些页面有3-4列的内容。但他们的移动网站看起来很棒。


针对不同的用户不同的选择。


mashable homepage sidebars


除去每个站点只是为了安抚移动用户侧边栏是不公平的。而不是试图找到一个平衡点。

如果一个网站的好处有一个侧边栏,然后使它的桌面用户和移动/隐藏它的移动。

问题不是:“我应该使用一个工具吗?“问题是,”是一个有价值的对这个网站的侧边栏?“


在侧边栏有价值?

十年前,侧边栏就会被认为是“对每一个网站的规范”。

但现在,我认为设计师需要使用侧边栏的证明自己的选择。如果你想不出一个好的理由有一个侧边栏,然后添加一个为什么?


只是因为边栏一直在并不意味着他们应该留下来。网络并不总是建立移动,但改变快。CSS并不总是支持动画也。

唯一不变的是这与技术;事情的变化,和设计师也需要改变。

在典型的一看后布局TechCrunch。设计手机外观时尚,简约,而台式机的设计有两个侧边栏的主要内容夹在中间。


techcrunch sidebars blog post layout


但其实我喜欢的桌面设计。它提供了在侧边栏区域相关的很多功能。如果显示器是足够宽,那么为什么不展开布局?

有添加侧边栏本身没有错。它将是桌面和笔记本电脑用户有用的。如果不加重视,那么它可能是值得去完全。


我发现小博客和简单的商业网站好没有侧边栏。商人的网站,创意组合,餐饮网站所有工作更好的无侧边栏。但是博客和电子商务商店可以从两个甚至三个侧边栏布局中收获很多。

不要让一个选择成为一个硬快,你的工作规则。设计永远是可塑的,每个情况是不同的。


但看起来我们正在变成一个移动的第一世界,所以侧边栏的统治终可能会被下一个可用的解决方案。


在你的

你如何看待网页设计的侧边栏?哪个网站他们获益多?他们仍然是必要的吗?

这是一个棘手的问题,因为侧边栏提供了许多常见问题的解决方法。想想你喜欢的侧边栏和什么样的价值,他们提供的。如果你有任何相关的想法,随时分享的讨论区。


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://www.dengtar.com/10737.html
相关企业建站知识
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.