界面设计中的插画风格

界面设计中的插画风格


界面设计中的插画风格_第1张图片

一、界面设计插画的功能:

1、传递情绪

2、抓住核心要素,减少视觉负担

3、品牌传达

目前插画元素用的比较好的公司:滴滴、陌陌、ofo、mobike、enjoy、豆瓣、蚂蚁金服、one,可以看出这些产品大部分是与生活服务相关的,在这种类型的应用中,用插画的形式更有亲和力和感染力。尤其是滴滴这样“有情怀、有故事”的公司,更是把插画单独做成了一个插画系统,也坚固了滴滴的品牌形象。

二、界面设计插画的风格功能

(一)做icon使用/有导航等功能

举例:enjoy/优酷


界面设计中的插画风格_第2张图片
界面设计中的插画风格_第3张图片

(二)toast、dialog、空页面、异常页面/有提示、情绪体现的功能

这个功能用小插画的方式的产品比较多,插画一般分为:线性、线性+淡淡的底色(同色或者撞色、同类色等,一般色彩不会超过两种)、面状(同色不同透明度、同类色、多种色彩调和等)


界面设计中的插画风格_第4张图片

(三)运营活动/情绪化表达、提高点击量、统一视觉风格

一般以文字配插画的形式出现优点是视觉风格统一、表意明确,在京东金融、百度钱包、懒人理财的app中都有使用这种方式。


界面设计中的插画风格_第5张图片
界面设计中的插画风格_第6张图片


界面设计中的插画风格_第7张图片

(四)动效系统/情绪化表达、统一视觉风格


界面设计中的插画风格_第8张图片
界面设计中的插画风格_第9张图片
界面设计中的插画风格_第10张图片

(五)应用市场截图、开屏页、引导页、活动介绍页面等


界面设计中的插画风格_第11张图片

(六)其他:会看到很多追波神,在个人页面、登陆页面、主要视觉页面等都有做插画风格的尝试。


界面设计中的插画风格_第12张图片



尝试。

你可能感兴趣的:(界面设计中的插画风格)