教你如何打破首页常规版式！

本文转自站酷网，原文作者: Hello阿健   文章略有删改~

关于电商设计的一些设计思路！首先你肯定要清楚自己做什么，产品，文案等具体要求，清楚了这个你才能自由发挥。

一、风格定位

风格的重要性不说了，意义上是决定你要给客户留下什么印象。我非常注重色调和元素的点缀作用，用得好可以提升页面好几个档次。加上你特定的排版形式，过程中你会很容易找到感觉的。

二、版式布局

版式这个东西，不太了解别人是怎么做的。但是我有自己自创的办法

首先要做张海报？这里来张banner，那里加个买一送一，不！不！不！不是。抛开那些思维，没有海报！！

没有固定的板块，没有一般这样那样，等等说法。

我的建议是讨论好，确定所有信息要求后，然后为它们设置好区域板块，完全可以自定义，这样的做方式可以让整个页面浑然一体，很流畅的引导性。缺点是信息资料不能出错，因为一旦出错，你设计好的版面基本都会乱，这种情况就找运营撕吧！下次给资料的时候它们会认真的。

常见传统的形式 （下图）

已知的传统页面构造，信息清晰明了，排版工整一致，几乎是没毛病的，做电商页面要的就是给客户一个良好的视觉。

但咱们认为想要更好的表达户自己产品独特的东西，你要给客户什么感觉，设计一个我们特有的店面，那样很容易给客户留下不错的印象。

下面这就是我想要说的，做页面本身就不用拘谨太多，我们新手若是不会从头到尾设计，那么可以在版式下功夫，把传统的版式完全拆散，再重组，完全可以大胆点，过程中可以把版面加以调整，得出一个人为不错的结果。

注意：并不是盲目的排除一份版式就一定适合你的产品，再这里还需要斟酌一番。

然后这是近期做的版式，用我们的想法再已设置好的板块上面编排资料，然后美化。当然，结果跟我们的审美水平有直接关系。↓

这里有个我担心会误导人的意思，你已经布局设置好板块，这些版块的意义是你会在这一处设计内容，并不一定是为了填满这个框，完全是随着意义去变化的，灵活一点。

问题来了，那要了怎么把握整体的东西一致？

第一是色调，用字绝对不超过三种，文字排版形式也要一样，用户的元素不能给你的东西差别太大，保证整体协调。至于那些文案等等小的版式，是你一直学习吸收到的，然后在这里随感觉做出来。

做好主页面，然后这些就是在里面延伸出来的分类页面，按照这个思路，根据主页的风格就会很容易做出其他的页面，再不需要怎样大费周章设计其他页面。

下面设计没什么好说的了，那些细节强化和点缀的东西需要自己去慢慢做，学习怎么用，主要作用是为了美化。

只想分享给大家一个做页面的思路，因为我看到许多做效果很厉害的人，但是在布局这方面略差，有许多地方很拘谨，很希望这个小小的思路能帮到你们。不太会这这种教程，尽力吧……

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

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

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