如何快速出一个手绘页面?一些简单小技巧分享

1年前发布

原创文章 / 多领域 / 观点
NARUTO周 原创,如需商业用途或转载请与NARUTO周联系,谢谢配合。

部分举例图片来源于网络
仅做学习交流使用(希望各位大佬海涵)
希望文章看完后对们你有帮助

前言

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

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

1.画面需要放什么?

主题入手联想关键词

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

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

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

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

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

画面画一些扁平风格  找一些相关的参考

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

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

钢笔工具形状扣出来,这样比平涂快,省下不少时间。


一些刻画深入的插画

扁平风格+画笔过度

基本也是扁平风 有线是因为PS描边了  颜色过度是拉了渐变

2.快速提取颜色

色彩的三要素

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

颜色的搭配

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

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

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

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


3.人物造型差 画不出来

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

4.KV画面元素延展

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


5.总结

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

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



喜欢的请点个赞哦 以上都是手打的


78
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息