UI 场景中如何应用插画？

时间：2022.07.18作者：彩乐园浏览量：1067

随着 UI 设计对情作用和差别化的追逐，插画已经逐步影响了 UI 设计趋势。插画已经不局限于运营视觉规模的运用，在 UI 场景中也逐渐普及，作为配景视觉感强化、图标作风差别体现、功效或者业务配图强化等等。

泛起独具一格的 Banner 设计，插画运用到 Banner 设计中很是普及，不但可以带来个性化的视觉作风，也可以制止运用图片带来的版权危害。因为插画有着富厚多样的作风，运用到设计中也会泛起作风多样的效果，插画也比较容易统一视觉规范，许多成熟的设计团队都会制定插画规范系统，满足项目种种场景的运用。

作为视觉设计师来嗣魅掌握插画的能力已经成为基本岗位需求，许多公司关于 UI 设计师也有同样要求，这也是提高产品设计视觉感的一个偏向。

突出图标设计的作风差别，随着用户关于感官体验的升级，图标作风特征的差别化体验至关重要，而插画作风的融入可以提升图标设计的特征感。

插画作风运用到图标设计中，需要做简化处理，可以是插画的局部元素或者简化后的小场景插画。作风多样的插画作风也会延续到图标中，不但可以使得图标具备差别化的视觉效果，也能陪衬出整体设计的质量。

强化区域配景的作风感，插画可以作为栏目区域配景来使用，以此增加该栏目的作风感和视觉感。相较于摄影图片来说，插画具备作风特征，可控性较强，能够满足更多气氛感的营造。

突出个人中心的情作用，个人中心的设计之前大部分接纳枯燥的白色或者品牌色作为配景，近些年一些产品开始使用插画配景来增强情作用设计。有的产品还凭据天气变革、节日主题、白天/夜间等场景设计差别的插画作风，带来的视觉感较强，也能吸引用户的关注度，提高用户对产品的感官体验。

强化空状态的情作用设计，空状态由纯粹的文字提示演变到图文结合，感官层面越来越被重视。利用图形结合、IP 形象结合、小场景插画结合等，另有结合动效设计的案例，带来的设计体验感也是很是不错的。

瓷片区的视觉感强化，插画作风被运用到视觉体现层面案例较多，特别是在瓷片区的发挥，泛起出了作风多样的优秀案例�？梢允褂萌【安寤魑渚吧杓�，也可以使用小场景插画作为局部强化，另有使用部分插画元素作为遮盖设计，视觉体现力富厚多样。

运动封面设计体现统一感，将插画形式作为运动或者效劳栏目的封面设计，相较于其他形式来说作风统一性更强，也能更好的进行设计延展。就算使用差别作风的插画来进行封面设计，只要在配色作风上面把控好，也能做到有效的视觉感统一，关于设计师来说把控性很强。

增强专题运动头部视觉感，插画形式运用到专题页设计中案例很是多，相较于合成图片来说，插画的作风感和驾驭度更灵活。插画形式带来的情作用体验更佳，通常被运用到专题页头部区域来增强视觉感，也有延伸到整个配景层设计中的案例。

插画形式提高栏目品质感，插画形式可以作为一些代表成绩感的配图设计，以此来提高该栏目的品质感。好比在打卡点亮都会成绩的设计中，差别都会的邮票接纳插画形式来表达，不但可以展示出各都会的作风，也能做到视觉作风的统一。精美的插画提高了品质感，吸引了用户的加入度，带来的感官体验也是很是棒的。

体现主题化的作风感，在主界面的设计中，不但要体现出功效的操作体验，也要通过视觉的强化来吸引用户的关注度。一些产品在主界面设计中以插画作为配景来强化，结合动态的表达趣味性更佳，带来的关注度也是不错的。插画形式结合到功效�？橹�，带给用户情感共识和操作的体验度。

插画形式的引导页设计，插画被运用到引导页设计中是相当普及的，也是很是有利于进行设计发挥的。插画元素表达的可控性可以满足引导页主题创意的需求，通常以轮廓束缚为主，满屏插画较少。基于焦点和轮廓造型进行插画元素装饰，关于插画基础薄弱的设计师更易上手。

插画形式的闪屏设计，闪屏和启动页接纳插画的形式也是可取的，启动页设计通常和引导页体现类似，不过运用品牌展示的相对多一些。

插画作为设计师需要掌握的基础技术，被逐步运用到种种设计场景中，也影响了 UI 设计的趋势走向。随着产品设计感官体验的不绝升级，作风化和差别化的设计才华满足更多用户的感官需求，而作风多样的插画形式首当其冲。

14
分享到：

back