一、呈现独具一格的 Banner 设计
插画运用到 Banner 设计中非常普及,不仅可以带来个性化的视觉风格,也可以避免运用图片带来的版权风险。因为插画有着丰富多样的风格,运用到设计中也会呈现风格多样的效果,插画也比较容易统一视觉规范,很多成熟的设计团队都会制定插画规范系统,满足项目各类场景的运用。
作为视觉设计师来说掌握插画的能力已经成为基本岗位需求,很多公司对于 UI 设计师也有同样要求,这也是提高产品设计视觉感的一个方向。
二、突出图标设计的风格差异
随着用户对于感官体验的升级,图标风格特征的差异化体验至关重要,而插画风格的融入可以提升图标设计的特征感。
插画风格运用到图标设计中,需要做简化处理,可以是插画的局部元素或者简化后的小场景插画。风格多样的插画风格也会延续到图标中,不仅可以使得图标具备差异化的视觉效果,也能烘托出整体设计的质量。
三、强化区域背景的风格感
插画可以作为栏目区域背景来使用,以此增加该栏目的风格感和视觉感。相较于摄影图片来说,插画具备风格特征,可控性较强,能够满足更多氛围感的营造。
四、突出个人中心的情感化
个人中心的设计之前大部分采用单调的白色或者品牌色作为背景,近些年一些产品开始使用插画背景来增强情感化设计。有的产品还根据天气变化、节日主题、白天/夜间等场景设计不同的插画风格,带来的视觉感较强,也能吸引用户的关注度,提高用户对产品的感官体验。
五、强化空状态的情感化设计
空状态由单纯的文字提示演变到图文结合,感官层面越来越被重视。利用图形结合、IP 形象结合、小场景插画结合等,还有结合动效设计的案例,带来的设计体验感也是非常不错的。
六、瓷片区的视觉感强化
插画风格被运用到视觉表现层面案例较多,特别是在瓷片区的发挥,呈现出了风格多样的优秀案例。可以使用全场景插画作为背景设计,也可以使用小场景插画作为局部强化,还有使用部分插画元素作为点缀设计,视觉表现力丰富多样。
七、活动封面设计体现统一感
将插画形式作为活动或者服务栏目的封面设计,相较于其他形式来说风格统一性更强,也能更好的进行设计延展。就算使用不同风格的插画来进行封面设计,只要在配色风格上面把控好,也能做到有效的视觉感统一,对于设计师来说把控性很强。
八、增强专题活动头部视觉感
插画形式运用到专题页设计中案例非常多,相较于合成图片来说,插画的风格感和驾驭度更灵活。插画形式带来的情感化体验更佳,通常被运用到专题页头部区域来增强视觉感,也有延伸到整个背景层设计中的案例。
根据特定活动主题创作插画对于设计师来说更容易,找到符合主题的摄影图片是很难的,自己拍摄成本又会比较大,插画形式是最经济实用的设计解决方案。
九、插画形式提高栏目品质感
插画形式可以作为一些代表成就感的配图设计,以此来提高该栏目的品质感。比如在打卡点亮城市成就的设计中,不同城市的邮票采用插画形式来表达,不仅可以展示出各城市的风格,也能做到视觉风格的统一。精美的插画提高了品质感,吸引了用户的参与度,带来的感官体验也是非常棒的。
十、体现主题化的风格感
在主界面的设计中,不仅要体现出功能的操作体验,也要通过视觉的强化来吸引用户的关注度。一些产品在主界面设计中以插画作为背景来强化,结合动态的表达趣味性更佳,带来的关注度也是不错的。插画形式结合到功能模块中,带给用户情感共鸣和操作的体验度。
十一、插画形式的引导页设计
插画被运用到引导页设计中是相当普及的,也是非常有利于进行设计发挥的。插画元素表达的可控性可以满足引导页主题创意的需求,通常以轮廓束缚为主,满屏插画较少。基于焦点和轮廓造型进行插画元素装饰,对于插画基础薄弱的设计师更易上手。
十二、插画形式的闪屏设计
闪屏和启动页采用插画的形式也是可取的,启动页设计通常和引导页表现类似,不过运用品牌展示的相对多一些。
闪屏分为广告形式和主题展示形式,闪屏广告形式比较多,插画结合也是在广告活动中的发挥。一些节庆主题和特殊纪念日活动,也会以精美插画的形式表达,更容易表达主题和与用户产生共鸣感。
小结
插画作为设计师需要掌握的基础技能,被逐步运用到各类设计场景中,也影响了 UI 设计的趋势走向。随着产品设计感官体验的不断升级,风格化和差异化的设计才能满足更多用户的感官需求,而风格多样的插画形式首当其冲。
希望这些插画结合 UI 场景的案例可以作为抛砖引玉,让大家重视插画在 UI 设计中的表现力,不断加强并掌握插画设计的能力。
原文地址:黑马家族(公众号)
作者:黑马青年
转载请注明:学UI网》插画在 UI 场景中的趋势化探索
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司