最强电商视觉逆袭系列

日期：2014-09-10 点击数：37

一个成功的专题页面，大部分会具有以下几个出彩的要素：色彩丶构图丶风格创意，细节等。一个页面从无到有，设计师需要对整个页面有全盘的设计和把控，良好的画面分割能够让用户第一眼看到这个页面就能被视觉吸引，甚至不用浏览具体内容就能了解这个页面的很多信息。同样的素材，同样的配色，不同的构图能够让页面出来的效果有天壤之别。如果你还抱着一个专题就是一个出色的头图，下面的内容按部就班的填进去，那你就OUT了。

好的页面构图能够让你页面更出彩，也能让你做设计更事半功倍。下面，我们就来看看一些好的专题都是怎么构图的。

1.几何切割

在现实生活与自然界中，我们随处可见几何图形的存在，简单的三角形丶正方形丶长方形和圆形甚至几根线条就可以组成很多有趣的图形，也很符合现代审美需求，适当的画面切割能够给页面带来动感与节奏感。加入几根线条，几个块面就能令页面起到意想不到的效果。

实现的时候需要注意的是素材不适合太过复杂和花哨，一般会是纯色大块搭配渐变，主要突出形状和区块。

2.主体轮廓

活动的专题年年做，没有新意，想更与众不同？那就这样处理吧，根据专题的主要内容，从整体上构建一个边界或外形线，形成一个大的轮廓，将专题内容。

巧妙的填充进去。这种处理方式能够让用户一眼就能了解到一些信息，符合专题主题，并且能够让页面更有设计感，生动且活泼。需要提醒的是设计的时候将形状尽量轮廓化，加以强调突出，主体不需要太具象，舍弃一些繁琐的丶次要的元素，以免影响用户阅读内容。从个人经验来说，小懒一般会在拿到需求的时候先进行脑暴发散联想，提取出一些有用的信息，再从中挑选出适合元素去寻找一些图片，通过图片素材来激发创意。

这类构图方式一般针对那种主体内容很明确以及具象，能够用物品或轮廓直接代表，比如:中秋可以用月饼丶玉兔；会员可以用皇冠，钻石等等等等，可根据具体的内容来进行尝试

3.放射及透视

通过整体放射状加透视构图，使画面呈现立体与空间感，视觉焦点明确，画面冲击力强，富有动感。需要注意的是放射状的排版不太适合文字阅读，要注意文字排版。建议在文字数量较少的情况下选择此种构图。一般游戏激战类的专题会较多的使用这种构图，突出动感。

4.整体场景

专题内容不多，要突出趣味性，又怕用户无聊，那就设计成一副美妙的插画吧！让用户迅速置身在搭建的场景中，带动情绪，参与互动，直观获取有用信息。这种处理方式会使页面信息表现的更加准确顺畅，快速有效的把目标用户带入到页面氛围当中。不过需要注意的是场景搭建对素材的要求比较高，明暗，阴影，透视以及层次感，体积都需要用心处理。这类专题大多都会搭配动画一起实现，在带入感上更进一层。在设计的时候，对专题内容头脑里要有画面感，先搭建大的画面关系，再往里头添细节和内容，切记场景不要抢了内容的视觉焦点，在适当的时候做些减法。

 

（编辑：zq）