网页两侧留白html(网页两侧留白原因)

　　兄弟们，姐妹们

　　老少爷们，娘们们！

　　大家好。舵主来也。

　　各位别来无恙！

　　我们平时作图的时候，运营经常在背后说，这块空隙太大了！！

　　你没发现这里有些空白吗？ 这个地方间隙这么大是几个意思？

　　你留这么多空是让我帮你做？ ？？

　　不说了，先看案例。

　　（七格格旗舰店↓）

　　诗凡黎官方旗舰店

　　音儿旗舰店（截图部分）

　　不知道大家逛花瓣的时候有没有留意到这类风格的店铺，此类店铺设计都有一个特点，就是首焦下面的产品展示模块边缘留白特别宽，包括模块与模块之间的留白也特别宽。而且一屏海报的高度相当高，看起来也很大气。

　　这种留白的原理是什么？ 我们做设计为什么要留白呢？

　　留白的好处是很多的，画面简洁，顾客浏览视觉也轻松舒服，假如画面信息特别多特别紧凑挤吧，眼睛看起来也会很累。

　　大家也都知道少就是多的道理，元素越少，图版率较低，人的视觉注意力就不会被其他信息干扰。除此之外留白还有什么好处呢？

　　留白的画面往往还有一种高端文艺的感觉。除了上面的案例，大家应该都看过这个图。

　　无印良品这个海报就完全阐述了留白的意境和逼格。空间与小人形成极大的对比，营造很强的空间感。空间感越大逼格越高。

　　举例下图。

　　高大的别墅与低矮的茅草屋形成对比。 我们在生活中对于高大宽阔的东西就是感到牛逼，汽车也是如此，一些汽车只看大气的外形就感觉是辆牛逼车。

　　所以回到刚才的话题，留白不只有更好的传递信息，提升阅读体验的作用，还能传递出一种高级优雅的气质。

　　（太平鸟官方旗舰店↓）

　　所以制作高端大牌页面的时候，适当把产品模板的边缘留白大一些，留白多了，就会有一种优雅舒缓的格调。当你感觉留白已经很多的时候，可尝试在加大一点。

　　在实际工作中，运营总喜欢在最小的版面尽可能放更多的信息，所以这就牵扯到如何处理好画面性价比问题。如何在信息传递与顾客阅读体验中取得平衡点。

　　假如你这样说服不了他，不妨做两版页面，一版尽力满足运营，一版按照自己想法做，让运营看一下对比效果。最后祝各位一稿过…

　　下期再见！

　　———————end———————

学电商设计就关注超级美工！

超过100000+电商美工已关注！