APP引导页插画设计技巧(1)

来源:网络   作者:热心网友   发布时间:2018-09-12    浏览次数:32
收藏到:


一起学设计网


一起学设计网


你有没有过这样的困惑?UI设计的门槛越来越高,手绘(包括插画)的重要性也被日益重视起来。我只是个刚入行的新手,我不会手绘怎么办?我熟悉PS、AI软件操作但我就是不知道怎么去下手设计插画?

画好插画难不难?答案是–不难。今天我分享的是APP引导页插画的设计思路和创作技巧(“投机取巧〞),希望能帮到有需要的朋友(O(∩_∩)~)



一起学设计网


先来了解一下插画都有哪些风格吧,这关系到后期设计参考,看的多了,以后自己找参考的时候就会有方向,不至于像个无头苍蝇不知道如何下手。

一:扁平化的插画设计风格特点:

扁平化是近几年逐渐流行起来的一种设计以及绘画风格,因其去除复杂的事物结构、阴影特征、纹理等,用简单线条或者色块概括的外部轮廓,绘制出“平”的感觉。


一起学设计网


二:肌理型插画

特点:肌理插画是在扁平插画的基础上,增加了颗粒感,将光影关系表现出来,比扁平插画更有质感。一般是运用各种材质笔刷处理或者是滤镜。

一起学设计网


三:纯手绘型插画

特点:手绘插画对于设计师功底要求比较高,其风格应用的范围也很广,所以手绘可以展现出的面比其他风格的都要多。


一起学设计网 一起学设计网 一起学设计网


纯手绘插画不太适合新手上手插画设计,一般是以简单的扁平插画开始学习。


四:MBE型的插画设计风格

特点:简洁、圆润、可爱。风靡了很久的MBE图标,也是简单易上手的哦~


一起学设计网一起学设计网



一起学设计网


现在就一起来学习如何一步一步进行插画创作吧~


(1)准确理解文案需求(大标题+小标题)

① 理解文案表达的意思,它到底要给用户传达什么内容?它是指引用户的引导类型文案,还是介绍产品型。

② 提取关键词,一般是提取主语、形容词/副词,例如:大标题是“免费乐享沟通”,小标题是“随时随地聊一聊”。我们可以提取到的关键词就是:免费、聊天沟通、随时随地,ok~把关键词记下来。


(2)把文字描述想象成一个场景

任何文字描述都可以转换成一个场景,而每一个场景都是由多个元素组成的。

同样选用上面的文案作为例子,“免费乐享沟通,随时随地聊一聊”,你可以想象一个场景:小明拿着手机在聊天。如果把场景再具象化:小明在公园里休闲地躺着,还拿着一部手机在跟朋友聊天。ok~把这句描述记下来,这相当于在搭建插画表达的大框架。


(3)分解场景元素

脑海里浮现出你描述的场景,再想一想,这里面有什么:是谁,在哪里,在做什么,怎么样等等。这便是经典的5W2H分析法,回归到插画设计的话,我提取了它的部分元素,归纳为主体元素细分+周围环境场景细分。

栗子来了~,描述语句是小明在公园里休闲地躺着,还拿着一部手机在跟朋友聊天。能提取的元素有:主人公小明(包括人物动态,发型,衣着,动作) ,手机,草地地面,天空,树木鲜花,小路,你所能想到的小装饰,语音,视频等icon等。


12共2页
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.17xsj.com/shejijiaocheng/shejililun/7596.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!