常说“一图胜千言”,到了2019年,与新媒体相结合的UI市场越来越离不开插画的辅助。


在这样的潮流下,原本散落在各处身怀绝技的插画师们开始备受追捧,网页、UI与动效设计师们也开始纷纷点亮插画技能树,在其中添加定制化的商业内容,尽情挥洒创意。


“插画”,对应的英文单词是“illustration”,源于拉丁文“illustraio”,有“照亮”的意思。


从现代平面设计的角度来说,插画能为我们照亮字里行间的内容与灵感,在信息与阅读时间都高度碎片化的今天,插画作为设计中最具表现力的元素,可以让人们读懂文字之前就先接收到整张画面所传递出的信息,吸引眼球的同时使字里行间所表达的意义更加清晰。


1.jpg

作者:站酷@  ___可乐




1. 在UI设计中使用插画的原因和使用场景


人是高度视觉化的动物,作为视觉触发器,插画可以增加画面对人的视觉冲击感,又区别于文字,对可读性依赖不强,在逻辑思维启动之前就率先将大量图像信息和内容输入用户的脑海。


最典型的一个案例就是在苹果iOS11更新的App Store中,全新的“Today”板块以其独特的视觉风格,吸引了众多目光。


这个模块里的配图大多以插画形式展现,强烈的视觉刺激让用户每天打开应用就像开启一场新奇的冒险,带来全新的使用体验。


2.jpg

来源:App Store Today


插画为设计带来更多的原创性和艺术性,对多元的创意风格有着极强的包容度。


不仅能快速传递出品牌内涵,还可以为商业内容进行深度定制,打上个性化标签,将特定的用户人群吸引到专为他们用画面营造的情感氛围里,短时间内让用户体会到产品与自身的关系,拉近两者之间的距离。


对国内大多数企业来说,在传统节日做一张特别的开屏或网页设计,是效果相对较好的一种形式。


比如大家租房时常用的自如APP,在节假日里就设计了多款插画风格的闪屏内容。


3.jpg

作者:站酷@  7leaf



如果时间太紧,来不及进行原创策划,站酷海洛的海量插画内容则是你的最佳选择。


从传统节日到农历节气,众多国内外设计师特别呈现的优质内容将为你的营销创意锦上添花。


4.jpg    

5.jpg 

6.jpg

 

7.jpg


插画也将文字与图形意象连结起来,协助信息的传递。虽然图片为人们建立一个瞬时印象,但无法提供精准详细的内容,用户依然需要文本获取更多信息。


所以插画通过视觉引导来辅助用户的理解,形成更深刻的记忆,又可以适当使文字内容更加精简,比如很多新手引导教程中,大多就采用插画形式,增添趣味性同时增强用户的理解度。


站酷的设计师们就有很多引导页的插画作品,包括今年年初朋友圈刷屏的“支付宝年度账单”,“网易云音乐年度总结”,也是以插画配合文字内容,达到了很好的传播效果。


8.jpg

作者:站酷@  Nina22




2. 流行的插画风格


现在只要提到设计风格,大家第一个想到的肯定就是扁平风,简洁明了的特点备受设计师和用户的喜爱,始终活跃在流行的前线。


站酷海洛的扁平风插画几乎涵盖了日常商业及生活的大部分场景,无论是来寻找灵感还是挑选适合自身营销创意的图片,都是最简便优质的选择。


10.jpg


11.jpg


9.jpg


而手绘则是相对较难,也对设计师功底有一定要求的风格。相比于其他风格,它的定制性与可容纳的信息量都较高,应用范围更广。


站酷海洛上的手绘插画内容非常多元化,有梦幻的手绘场景,也有小清新的人物插图。如果找不到灵感,就把这里当作你的创意加油站吧~


12.jpg


14.jpg


13.jpg


渐变和2.5D的插画风格可以单独使用,在实际应用中也经常被结合到一起。渐变插画风格相对唯美,在颜色选择上一般用少量的近似色做出童话般梦幻的视觉效果。


2.5D插画则是以立体为特点,在二维的平面中通过透视和阴影来表现三维空间的事物。两种结合在一起时经常会被用于专题、banner等位置,现代感满满。


16.jpg


15.jpg


17.jpg


MBE插画则主打简洁可爱的风格,圆润的线条配合多样的色彩变化,简单直白的特点使其更适合用来制作icon等图标,易于理解又活泼灵动。


18.jpg


19.jpg


20.jpg


就插画行业来说,在日本、韩国、欧美等国家都已经有相当成熟的插画市场,国内近几年才开始流行并初具规模,但也开始探索自身风格和运营模式。


新媒体形式蓬勃发展的今天,插画设计早已不局限于传统的纸张书本,而是多种媒体形式的综合应用,其极强的包容性和良好的行业发展前景也为设计师提供了继续学习技能、挥发创意的新思路。 


虽然插画设计易学易上手,不过在真正的设计操作中要求还是相对较高的,需要从产品、用户、运营甚至营销推广多方面思考,很考验设计师的美术功底与思维能力。


插画如今作为产品的一部分,对树立品牌和企业形象起着重要作用,不仅为产品的视觉传达能力“加buff”,也代表着品牌传递其内涵,为用户提供更好的服务与体验。



————————————————————————————



站酷海洛本周也携手竹笋集,为你特别策划充满想象力和设计感的百张潮流插画专题,在明媚的春季带给你别出心裁的闪耀新意,让春季设计在画板上躁动起来~






【点击查看更多创意插画素材】


2.5D金融.jpg


2.5D生活.jpg


扁平都市.jpg


扁平生活.jpg


潮流扁平.jpg


潮流手绘.jpg


二十四节气.jpg


春季插画.jpg


潮流2.5D.jpg

9012年了,UI设计师不懂插画怎么行!

作者:站酷海洛