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

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

发表于: 设计作品. 评论
Sponsor

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

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

bilibili:

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

优秀的插画UI界面设计

优秀的插画UI界面设计

各类性别:

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

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

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

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

新手引导:

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

优秀的插画UI界面设计

新手引导:

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

优秀的插画UI界面设计

优秀的插画UI界面设计

瓷片区:

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

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

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

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

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

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

NOKNOK:

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

优秀的插画UI界面设计

TT语音:

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

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

hobby:

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

瑞幸咖啡:

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

知识星球:

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

优秀的插画UI界面设计

马蜂窝:

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

构构:

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

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

优秀的插画UI界面设计

潮玩宇宙:

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

优秀的插画UI界面设计

鲸探:

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

瑞幸:

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

优秀的插画UI界面设计

粗门:

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

优秀的插画UI界面设计

作者:贾尉wake (zcool.com.cn/u/14292338)来源:站酷

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }