运用插画元素的优秀UI界面设计

12月 6, 2023 发表于: 设计作品. 评论

Sponsor

今天文章讲分享一些运用插画元素的UI界面设计作品，插画作为一种艺术形式，能够为UI界面增添生动、有趣的元素。它能够帮助用户更好地理解界面内容，提高用户体验。此外，插画还能够吸引用户的注意力，增强产品的品牌形象。

bilibili：

视频网站上一些联名或强推的视频，做套装处理。像bilibili会在进度条替换该视频相关的图标，代入感会更强，即使没有，也会有产品自身的品牌形象。

各类性别：

1.与单纯表格或者按钮切换的性别界面对比。在首次登录时弹出具有插画选项的性别界面，更加具有仪式感。

2.部分产品会附带上品牌形象，在用户初次进体验时就开始植入品牌感染力。

3.头像+背景均做改变，大大增强氛围感。

新手引导：

新手引导本身是强制让用户适应新功能而添加的交互，过量或（对用户）无用的引导会使用户反感，插画就可以起到降低负面情绪的作用 2.结合IP形象的新手引导，大大增加了趣味性

新手引导：

QQ飞车使用不同动作的小橘子，作为新手的引导人。作为游戏的代入感很强。

1.与单纯表格或者按钮切换的性别界面对比。在首次登录时弹出具有插画选项的性别界面，更加具有仪式感。

2.部分产品会附带上品牌形象，在用户初次进体验时就开始植入品牌感染力。

3.头像+背景均做改变，大大增强氛围感。

奶茶品牌对于“自取”和“外带”两个最重要的功能，

都会在首页瓷片区防止。融入品牌形象来体现这两个动作，是不错的选择。

NOKNOK：

用户挑选社交状态的时候，用更复杂的插画代替图标，能更直观地表达该状态/动作的意思。且noknok的插画均使用像素画，在App中识别度更高。

TT语音：

作为游戏语音房社交，用户会接触到多种热门游戏，使用插画图标即使显示该用户当前是否在线，是否在玩哪个游戏。有助于匹配到志同道合的玩家。

hobby：

使用3d的风格以及，青绿的配色，表现出潮流社区的前卫性。

瑞幸咖啡：

从咖啡杯里迸发出的咖啡屋场景

知识星球：

简介且细腻的半透明纹理，也能提升，app的品质感。

使用IP形象+场景的形式。乘坐着宇宙飞船遨游太空，直观传递出旅行的感觉。

作为AI学习交流平台，整体风格都比较有开发的感觉。弹窗此处用男性使用望远镜探索体现了寻找伴侣的意思。

潮玩宇宙：

由于默认需要登录，注册界面是用户看到的第一个界面，首次印象特别重要。在界面使用了陀螺仪。随着设备晃动，界面上一个个零碎的插画元素也跟着摇摆起来，特别有趣。

将产品的nfc数字产品做了简单的排列，很好地体现了产品的品质感

使用扁平简洁的插画，很容易传递出咖啡悠闲的画面感。

文字和插画均很强烈地体现漫画的画风。强烈的故事感在漫画中体现得淋漓尽致。

作者：贾尉wake （zcool.com.cn/u/14292338）来源：站酷

赞助商链接

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。