手绘系列插画(扫盲贴手绘插画)

什么是当今最火的设计趋势?

不会手绘能不能做设计?

这个问题已经被问过太多次了,如果在三年前,我会斩钉截铁地告诉你:完全没问题。但来到2019年下半年后,不好意思,我的看法动摇了。

在讨论这个问题之前,我们先来回顾一下设计趋势的变化。

早在2013年三月份,就有人在知乎提了一个问题:Jony Ive 推动 iOS 采用扁平化设计(Flat Design),这会有什么影响?

手绘系列插画(扫盲贴手绘插画)(1)

最高赞的答案是会有影响,但是不大。直到 iOS 7 发布,答主回来自嘲打脸,我们才意识到,一个全新的设计趋势已经降临。

有趣的是,扁平化设计自诞生以来,就一直在进化蜕变。原因很简单,和拟物化设计相比,扁平化的表现力,实在是太太太太弱了。

因此,自它诞生之日起,全球各地的设计师为了变化多端,狠下了一番苦功。

从最基础的图标入手,先上长投影,再来点渐变阴影。

手绘系列插画(扫盲贴手绘插画)(2)

过段时间,2.5D 和 3D 随即跟上。

手绘系列插画(扫盲贴手绘插画)(3)

彼时图标尚在探索过程,网站落地页、APP 引导页、启动页等也停留在一张图片 一段字的粗放时代。

手绘系列插画(扫盲贴手绘插画)(4)

转眼2017年,图标大致定型,设计趋势也从扁平化到微动效、卡片式设计等等。要注意的是,此时「个性插画」已经作为重点出现在各类设计趋势文章中:

部分文章成功预言了插画的未来:

最近几年,插画在UI中出现的比例越来越高,在许多地方都有替代图片的趋势。其实原因并不复杂,插画比起图片可控性更强,更容易发挥创意,营造氛围,传递信息。从内容到技术细节,插画都在某种程度上超过现成的图片。

到2018年,插画已经不止于趋势,开始强调多变的色彩:

2018年另外一个 UI设计趋势,就是大量使用带有渐变色彩的抽象插画,这些插画不再拘泥于之前我们常见的、普通的呈现方式,非对称,反常识,独树一帜的设计,都开始融入其中。

这种抽象插画最大的特点,就是与众不同。渐变的色彩增加了插画的丰富度,确保它足够的独树一帜,足够有趣。这一点同样非常符合「吸引用户注意力」的特征,从激烈的竞争中脱颖而出。

手绘系列插画(扫盲贴手绘插画)(5)

如今的移动端屏幕比以往好了太多,即使是变化微妙的渐变,都可以被轻松直观地展现出来,在依然扁平化为主的当下,采用渐变色的抽象插画可以说是恰到好处。

而今2019年,各类成熟的设计系统和设计规范让 UI 设计师可以像搭积木一样做出整套界面的同时,也对 UI 设计师的职业技能提出了更高的要求 —— 绘制插画无疑是最重要的。

在各类插画中,噪点肌理风格成功在2019年的厮杀冲出重围,连续霸占 Dribbble 首页流行榜多次,更是腾讯、阿里、美团、知乎等大厂的启动页/引导页/落地页等界面座上宾。

手绘系列插画(扫盲贴手绘插画)(6)

甚至在最近一篇流行设计圈的2020年趋势文章里,也提到了噪点肌理插画。

说了这么多,那么回到我们一开始在文章开头提到的问题:不会手绘能不能做设计?

我的答案依然是可以,但如今UI 设计行业竞争激烈,如果没有一个手绘技能加成,很难找到高薪的工作。

​手绘插画和普通图片相比,优势有哪些?

作为设计中,最具有表现力的元素,一张插画所传递的信息比文字更多更丰富。在UI和网页中,使用插画来辅助传达信息,无疑更加直接到位。而插画的可定制性之强,犹在图片之上。

手绘系列插画(扫盲贴手绘插画)(7)

1. 插画是视觉触发器,瞬间传达大量信息

我们常说「一图胜千言」不是没有道理的。人的视觉感知能力很强,看到图片的一瞬间,也许还没有来得及进行逻辑思考,但是大脑已经接收到大量的信息和内容。

心理学研究表明,人类只需要大概1/10秒就可以感知到场景中绝大多数的元素和基本视觉信息。

视觉信息可以更快传递到大脑,而重要的信息,人类也通常会被固化为视觉图像,而非文本化的记忆。

手绘系列插画(扫盲贴手绘插画)(8)

文本需要依托可读性设计,而图片和插画则会被直接识别。

插画更容易打破文化和语言隔阂,传递内容含义。对于视障用户、阅读障碍用户和儿童,图片插画更容易被理解。

2. 插画更适宜呈现故事

故事是最令人难忘的内容,剧情的走向和起承转合会给人留下深刻的印象。而插画则以清晰的形象将文字和意象勾连起来,无论是在网页、UI设计还是内容和体验上,都有着足够突出的体现。

手绘系列插画(扫盲贴手绘插画)(9)

营造氛围,渲染情绪,描摹环境,呈现角色,插画让故事更加鲜活、易于理解。在内容制造上,有着难以替代的作用。

3. 插画独有的情感吸引力

人是情感动物,看似理性的皮囊之下,几乎每个决定都是在情感和情绪的驱动下完成的。如果某个设计除了能够帮你达成某个目标,还能让你感到愉悦,会心一笑,那么通常下一步就是将它收藏起来并且分享给朋友。

而在诸多设计因素当中,插画在撬动用户情绪这一点上,有着无与伦比的效用——从线条、色彩到面部表情和曲线和动效,都在竭尽全力地为你阐述故事,营造氛围,将你拉到故事和场景当中去。

手绘系列插画(扫盲贴手绘插画)(10)

4. 数字插画还能强化交互

数字化的好处就在这里,通过不同的数字软件,合理的处理之后,不仅能够变成动态的,运用于视频当中,还能够作为微交互,强化产品的整体体验。

手绘系列插画(扫盲贴手绘插画)(11)

一旦涉及到的动效和短视频,整个数字插画就开始具备更多的可能性了,不同的动效能带来截然不同的感觉和体验,更不用说这种玩法正贴合时下的流行趋势。

5. 插画让用户可以更快理解和操作

无论是图标还是大幅的插画,都能帮助用户理解,更加直观地知道要看哪里,要做什么。

面对如今的数字界面,用户的注意力持续的时间越来越短,而插画则让用户更快、更直接地获取信息,并且决策下一步要做什么。如果插画或者图标内容不能被用户一眼看出来,那么用户就只能借助文本标签来了解功能是什么。

设计师可以通过测试来测试图标和插画的可用性和识别度。

手绘系列插画(扫盲贴手绘插画)(12)

除了找工作,手绘对于设计师还能起到什么帮助?

1.练就你的眼力和观察力

学手绘肯定少不了临摹真实生活,但是临摹物体或者人物,都需要了解其结构比例,需要你用心一点一滴去观察物体细节。能注意一般人注意不到的细节,才能画出一般人画不出的东西。

手绘系列插画(扫盲贴手绘插画)(13)

2.提高版面构图能力,对色彩极度敏感

画画的第一步就是构图,这将决定作品的成败。长期训练后,可以提升对版面的协调性和把控力。

另外手绘训练可以很好提升设计师对于色彩的敏感程度。什么维度颜色搭配更协调,对于不同明度、饱和度颜色的识别力不同于未训练过的人。

就如同学音乐人的听音辨识力,不同于常人一个道理。

手绘系列插画(扫盲贴手绘插画)(14)

3.摆脱素材,为所欲为

从此不再受素材拼接的限制,为所欲为。不管这个东西是否是现实世界存在的,还是你梦里出现的,想画就画。一支笔,创造出属于你的世界。

手绘系列插画(扫盲贴手绘插画)(15)

手绘系列插画(扫盲贴手绘插画)(16)

— 今日福利 —

手绘系列插画(扫盲贴手绘插画)(17)

被PPT虐了千百遍,因PPT熬了无数个日夜。

可到底怎么做好PPT?

一盏私藏PPT模板礼包 视频课程

私信小编即可获得领取方法哦

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页