电商美工基础之面的详解

面的实际运用点和线是辅助元素，装饰性大于实用性，面就是板式里面积最大的，是作品里面最重要的表现部分。为了能让...

面的实际运用

点和线是辅助元素，装饰性大于实用性，面就是板式里面积最大的，是作品里面最重要的表现部分。为了能让大家更理解“面”我把设计比喻成电影，因为“面”设计中最重要的部分，所以我们定义：面=电影里的主角。

在电商海中，一般的面就是指产品了，除了产品之外的面，在设计中面元素还经常起到组合信息，分割画面的作用。

一些常见的首页基本都是通过色块也就是“面”来组这画面，要注意的事面与面之间通过不同的排列来灵活对比。

不得不提现在非常常见的几何色块元素，不规则几何元素让画面背景不再单调，同时让画面增加现代时尚感，同时让画面也有层次和活力。

背景采用不同形状切割画面，可以与产品配合，加些投影营造画面的前后层次感，同时也让画面富有活力和动感。

设计中无形的面和有形的面

从案例上面的黑色块中，我们不难发现，人、物体将我们的画面一分为二。面积超过页面的50%这些物体、人、或者某个元素在画面中的面积比例超过了50%，则为面。并且不像集合面那么的清晰，所以我们称之为无形的面。

从案例上面画的黑色块中我们不难发现，几何的面把我们的画面分割，得到层次感另外面也可以作为信息的载体，让文字在画面中更清晰的表现。

一起看看优秀设计中的点线面

用彩色铅笔排成的线，太美。如彩虹一般，所以当某个点变成线，也是一个不错的创意。

用毛线引导视觉，点也有若隐若现的变化，层次关系明显。

斜切面分割画面，打破传统的面，使画面动感足并且符合页面主题。

回顾点线面：

点——画面的气氛点缀、丰富层次、有对比大小就有点

线——引导视觉走向、链接信息

面——画面层次分割、信息的载体

转发此文至朋友圈，截图至墨竹个人微信mozhus，有机会获得墨竹付费课程《无线流量暴涨的秘密》原版PPT！