LOFTER-网易轻博

*图片来自网络

仅做学习交流使用

【前言】

现在很多电商行业中，活动策划然后到进行最后留给设计师的时间有限，而且很多甲方的产品还有要求中都要用手绘的方式去做页面，有的时候时间很少只有1天-2天的时间，但是呢两个天又会有很多修改做一些小东西，而导致时间不够，加班等现象。

但是很多又不不知道画什么风格，我应该怎么构图，配色怎么配才好看？一天多一点的时间怎么办？所以我分析以下几点：

1.【画面需要放什么？】

主题入手联想关键词

一般拿到一个页面都会给你一个主题，现在我举个例子，如：“狂暑季-黑胶会员伴一夏”从中我们得到“暑”这个字，我们联想到夏天要给人清凉的感觉，那我们想象下脑子里面有没有最初的那个画面，我要表现的画面基调是晚上的，还是白天的？联想到夏天的关键字有什么？

组合成画面与相关产品相结合

从上面的关键字我们提炼下画面，像诉说故事一样把画面表现出来，从上面的关键字“池塘”，“鲤鱼”，“荷叶”我变成了一个想法在池塘上划船去聆听美妙的音乐，产品是黑胶所以把产品做成一个结合出现在画面中，这个时候你就在板子上画下大概的摆放

一般我们采取“九宫格。三分构图法”最保险，因为画面是在中心位置，第一眼被人看到

我们得到以下一张构思图主体和产品都在居中的位置，四边都是辅助元素，这样的视觉给人感觉是比较突出的

画面画一些常规风格

现在很多电商中，有很多插画的风格，厚涂写实，线性插画，还有一些刻画的很细致的，上面说到时间关系的原因，所以我们要快速传达有效的信息在我们的画面中，所以我画的都是黑人风格，因为现在很多

UI还有电商都出现出现风格，因为他们更简洁有效的传达了信息，在画的过程中填充完一个颜色后在区分下明暗关系就可以了，也就是物体的暗部，亮部，稍稍一点点的环境色就OK了，还有一点就是直接用

钢笔工具形状扣出来，这样比平涂快，省下过多时间

一些刻画深度的插画

尖端风格+画笔过度

基本也是同轴风有线是因为PS描边了颜色过度是拉了逐步

2.【快速提取颜色】

色彩的三要素

在电商页面设计中，色彩是表现画面给人带来的重要表现，那对于时间很赶的人怎么办？首先我们来说说色彩的三要素：色相，明度，纯度，色相包括红，橙，黄，绿，青，蓝，紫，明度就是一个颜色加黑越来越深或越浅。就像以上狂暑季的主题，我就用了色相青色，水的感觉给人凉爽，来突出夏天的味道，以下是色彩的三要素

颜色的搭配

在色相环中，90°以内是邻近色，60°以内是同类色，120°以内是对比色，180°是互补色，所以上述采用冷暖对比，背景深色，主体物和利益点都是暖色来突出的。一般的对比色有红-绿；黄-蓝；黑-白；蓝-橙；黄-紫。

红，橙，黄常常与火，血，太阳相联系，有暖的感觉；蓝，青容易联想到天空，海洋，冰雪，此类属冷色，会给人们心理上的一种感受。

上述讲的都是色彩的运用，那在页面的时候你应该怎么做？用什么颜色？我的总结是去网站找一些色卡和渐变色，如果给你一个主题你直接可以从色卡上去选择，表现主题效果，吸取颜色就可以了。

以上2副作品都是从中提取的颜色，饱和度过度给你感觉越刺眼。

3.【人物造型差画不出来】

对于这方面没有美术基础的人来说画人物比例应该会很难把握，但今天给大家一个小技巧，就是找实景的人物参考图，找一个相符合透视角度的人物去画一遍可以改变他的发型，脸部，还有身材等等。

4.【KV画面元素延展】

这张是我们最后的成品，那么它的元素用的最多的就是荷叶，所以做KV下面的延展就用荷叶平铺下去，采用KV某种元素，做下面产品的延展画面

5.【总结】

以上是个人技巧分享给大家了，只是考虑时间成本情况下的一些技巧，但是有时间的话还是要去多练习，步骤就是主题联想关键字—思考自己的画面-

找参考—上色用色卡的颜色基调去表现—画面采取冷暖对比更出效果，插图最主要还是创意想法+颜色搭配。谢谢大家了！

此文章转载自54MacFans网站

网址：http：//54macfans.com/index.html

PS：下载最新版本设计软件软件可到54MacFans.com

        有任何问题，可入群交流-QQ群号：622534706