在科技公司称霸的年代,大家的生活充斥着数位商品、软件开发服务,百度, Netflix, Facebook好像带给大家便捷、增加交流效率,但大家天天面对的是冰冷的萤幕、间接的人际互动。
「*很多科技公司专注于提高产能,但工作并非一直这么有趣。」Slack的艺术总监Russell Shaw说插画是将来网站制作时尚趋势之一
插画的概念
在商品设计中运用插画的优点
运用插画的机会
2018 插画时尚风格
总结
参考资料
Illustration is creating an image to communicate a message or an idea.
插画是将文字内容、故事或思想以视觉化的方法呈现
插画来源于于拉丁文「illustraio」,意指照亮之意,也就是说插画可以使文字意念变得更明确、有趣。插画作为现代设计的一种要紧视觉传达形式(visual representation),可以由各种媒介创造。包括书本封面、杂志内页、广告看板、说明手册、电影海报,甚至衣服、节庆卡片等。
一张好的插画,是无需用文字在上面作为补充的。而插画不仅好似文字般有叙述性,总是还有商业市场作用与功效,所以插画有着视觉传达与大众交流的功能性。
补充资料插画是将来网站制作时尚趋势之一颜色、故事设定、文案、字型等去呈现,使用方法不对大概让用户分心,或是成为多余的累赘。
在Shopify的设计规范中,特不要说明运用插画的情境及目的插画是将来网站制作时尚趋势之一
Salesforce: Agent Console
Lyft: Year in Review
Eventbrite — Efficiency Chatbot
Evernote: Web Illustrations
Collage来源于法语papiers collés,指的是沾有胶水的纸张(glued paper)。一种透过浇水、剪刀等工具,将不同大小、形状的纸质碎片、布料、照片等材料粘在纸面或布面形成画作的技法,创造出其不意、有趣却又和谐的冲突感。
近来最著名的例子即是Dropbox在2017年成立十周年,内部团队与设计咨询公司Collision一同宣布Rebrand的品牌形象,期望能将Dropbox从功能导向的云端储存软件开发的温和印象,升华成“living workspace朝气生动的工作空间”,不但跟其他角逐对手做出品牌区隔,更期望吸引更多创意工作者用服务。
大胆饱和的色彩、丰富的图像及多元的字型,招来正反两极的评价。在插画风格,运用铅笔的笔触,对比不同材质拼接的的形状色块,呈现一种朴实、野性、冲撞、玩味有趣的视觉成效。
图12. Dropbox and Collins: Dropbox Rebrand new illustration style (2017.10)
图13. Intercom客服系统于2017年底重新设计插画风格
图14. 大伙熟知的Medium平台运用柔和的粉彩及拼贴的虚实交错,呈现低调温吞的独特风格
Isometric在中文翻译是等距,在此指的是用平面绘画方法呈现3D立体空间。最熟知的例子包括国中数学老师将X, Y, Z轴画在黑板上表示三度空间。
从2017下半年开始,很多大公司在首页直接用Isomteric插画传达公司理念,此风格充满现代科技感。为了防止太过写实生硬,多数公司会借助较强烈、饱和的色彩,让画面更活泼亮眼。
Atlassian是软件开发开发专案管理的系统,于2017年9月重新包装品牌,鲜明活泼的色调,多元人物刻划,与巧妙运用isomteric style,呈现积极、团结、好用的形象。感兴趣的朋友十分推荐阅读Atlassiam Illustration Style Guide。
图15. Atlassian首页(2017.09)
图16. Mixpanel是商品剖析的工具,很多运用渐层色及isometric插画(2017.08)
图17. AgenceMe今年4月网站重新改版,大胆颜色与isometric视觉风格呈现现代感(2018.04)
最后,在2018年还是可以看到近几年时尚的扁平简洁风格,特别的是,大多数的公司都运用简单的色调,降低过于可爱、时尚的漫画感,提高层次。
美国售票平台Seatgeek于2018年推出新的视觉风格,单一色调与简单的线条,捉住出大家参加活动的生动姿态。
图18. Seatgeek于2018年推出新的视觉风格(2018)
Red Antler品牌公司帮助床垫公司Casper概念视觉风格及设计一系列的形象广告,让寝具也可以十分青春活泼、玩味有趣。
图19. Red Antler帮助床垫公司Casper概念视觉风格及设计一系列的形象广告,十分玩味有趣
在纽约角逐激烈的点菜运送服务市场,BHH创意咨询公司帮助Seamless平台创造品牌独特的个性。以纽约经典餐厅的招牌为发想,生动的颜色、幽默的口吻,提高Seamless的品牌印象、点阅率及点菜率。
图20. Seamless 纽约地铁广告(2017.10)
2017年9月Airbnb与Resy合作,推出餐厅预约功能Curated Restaurant,Jonas Mosesson运用生动活泼的插画说明用情境。
图21. Curated Restaurants — Airbnb (2017.09)
设计,即是交流Design is communication。
在先前的文章,大家介绍过不一样的视觉传达方法,包括资料视觉化、图表设计、视觉层级等。此文大家介绍了另一种手法 — 插画。于2017下半年起,Slack, Dropbox, Shopify及Invision等知名科技公司陆陆续续运用特点的插画传达品牌价值、表现商品特征。
2018网站商品设计中时尚的插画风格,包含插画是将来网站制作时尚趋势之一插画是将来网站制作时尚趋势之一标题网址: