那些在界面中发光发热的插画
来源:创唯奕星
2022-04-19
阅读:912
去年接触的游戏平台项目,所接触到的同类竞品中的插画应用分析
去年有大半年的时间,在工作上接触到了一个二次元游戏平台项目,期间需要接触大量娱乐类的竞品。在进行同类竞品分析参考过程中,发现娱乐类型的产品中,插画在这些案例中发挥了他们更多的用处。
在项目结束后,终于时间把竞品分析到的插画用途整理出来。
界面中插画已经应用的非常广泛,但不同的业务会有不同的使用比例。 插画具有年轻活力的特征,比较适合用在年轻人为主要目标用户的产品上。 插画带有艺术性,能帮助产品提升美术审美。 插画具有故事性,相同区域内可以承载更多信息内容 ...... 从项目实战中,对界面本身的交互需要出发,评估插画所能发挥的作用,最终整理出以下优点。这些优点跟界面结合可以推动界面需求本身,同时能通过插画打来差异化以及意想不到的效果。
以下为解决问题的设计场景延伸案例
百度贴吧 在新版本上线时,对几个重点的功能(分享,直播,视频编辑等),在引导页上以人和具象使用场景为切入点,通过插画表现其功能的亮点和使用方法。
歪比歪比 视觉上新版本增加的社交亮点,以app内角色的场景互动作为原型,具象化并告知用户使用功能。 腾讯动漫 视觉上加入黑子和站娘作为主要角色,通过日常或者虚幻的生活场景,表现出节日的气氛或者漫画本身的乐趣。 喜马拉雅 视觉上通过猫+场景的简笔画形式,传递喜马拉雅自身的品牌价值与介绍喜马拉雅的使用场景
马蜂窝 以各种旅行目的地和旅行方式为设计思路的一套插画,在界面空状态与业务结合中增强旅行的代入感 腾讯动漫 黑子丰富的表情,为界面的缺省状态在视觉上赋予了更形象的情绪表达。
唔哩星球 几个主要IP形象奔跑的动效,视觉上增加等待时的趣味性。 映客直播 使用猫头鹰品牌形象打招呼的动作。交互上:补充了加载状态的空缺,视觉上漏出了品牌形象和减轻用户犹豫等待产生的负面情绪。 网易大神 加载页自身需要云游戏logo和游戏名。网易大神在此基础上做了以游戏城市为理念的场景插画,更多的细节让用户在加载等待时注意力更分散。 崽崽 打开派对小镇的加载页。3d角色在空中自由落体的动画场景,宛若即将从天而降到小镇
哔哩哔哩,游研社,TT语音 交互上为弹窗的出现情况做进一步具体说明;视觉上有缓和弹窗中断操作带来负面情绪的作用。
新浪微博 交互上点击喜欢时,长按可以对该微博进一步表态,表情的融入更直观的反映和区别用户的情绪态度。 表情包弹窗 不同表情应用在不同场景的弹窗上,有利于通过表情的共情力拉进与用户的距离。
网易大神 梦幻西游,光遇,哈利波特的社区在界面头部使用该游戏的插画提升整体氛围感以及增加不同游戏切换的代入感。 随手记 部分账本封面使用插画,视觉上诠释账本内容同时提供清新的感官。 篝火营地 游戏社区内不同的板块使用不同的插画,列表导航中在视觉上形成风格统一,同时内容上差异区分。
米游社 米哈游以二次元游戏为主,以自身IP形象加二次元的场景加深氛围。 我是谜 以狗狗ip形象为主的默认图,加深品牌app的溢出,但未能表现剧本杀的元素。
腾讯游戏社区,唔哩星球,旅法师营地,米游社 视觉上使用各自的品牌形象加上合适的场景,体现该app的亮点,彰显该app的品牌差异,起到吸引用户眼球的效果
九游 新用户填写资料时允许跳过留有头像空白的坑,需要有默认图展位。为app创建一套头像有利于降低重复率且加深品牌形象溢出。 马蜂窝 加载头像/默认头像界面处于加载状态时,需要有默认占位图,在图上添加产品自身的形象可加强品牌溢出。
哔哩哔哩 up主的创作等级(电磁力),在等级权益界面上加入小电视剧形象,深入诠释了电磁力这一概念,以及哔哩哔哩本身二次元属性。 马蜂窝 马蜂窝对城市和任务创建了勋章系统,有效促进用户的活动参与度。
哒拧 标签列表的icon以及部分奶茶/柠檬茶商品换上插画而不是使用照片,可提升该产品本身的食欲且与设计上其他产品产生差异。 bilibili漫画 直播打赏功能的道具中,可通过加入产品自身特定的设计元素,使打赏道具附带独特性。
界面中插画已经应用的非常广泛,但不同的业务会有不同的使用比例。 插画具有年轻活力的特征,比较适合用在年轻人为主要目标用户的产品上。 插画带有艺术性,能帮助产品提升美术审美。 插画具有故事性,相同区域内可以承载更多信息内容 ...... 从项目实战中,对界面本身的交互需要出发,评估插画所能发挥的作用,最终整理出以下优点。这些优点跟界面结合可以推动界面需求本身,同时能通过插画打来差异化以及意想不到的效果。
以下为解决问题的设计场景延伸案例
百度贴吧 在新版本上线时,对几个重点的功能(分享,直播,视频编辑等),在引导页上以人和具象使用场景为切入点,通过插画表现其功能的亮点和使用方法。
歪比歪比 视觉上新版本增加的社交亮点,以app内角色的场景互动作为原型,具象化并告知用户使用功能。 腾讯动漫 视觉上加入黑子和站娘作为主要角色,通过日常或者虚幻的生活场景,表现出节日的气氛或者漫画本身的乐趣。 喜马拉雅 视觉上通过猫+场景的简笔画形式,传递喜马拉雅自身的品牌价值与介绍喜马拉雅的使用场景
马蜂窝 以各种旅行目的地和旅行方式为设计思路的一套插画,在界面空状态与业务结合中增强旅行的代入感 腾讯动漫 黑子丰富的表情,为界面的缺省状态在视觉上赋予了更形象的情绪表达。
唔哩星球 几个主要IP形象奔跑的动效,视觉上增加等待时的趣味性。 映客直播 使用猫头鹰品牌形象打招呼的动作。交互上:补充了加载状态的空缺,视觉上漏出了品牌形象和减轻用户犹豫等待产生的负面情绪。 网易大神 加载页自身需要云游戏logo和游戏名。网易大神在此基础上做了以游戏城市为理念的场景插画,更多的细节让用户在加载等待时注意力更分散。 崽崽 打开派对小镇的加载页。3d角色在空中自由落体的动画场景,宛若即将从天而降到小镇
哔哩哔哩,游研社,TT语音 交互上为弹窗的出现情况做进一步具体说明;视觉上有缓和弹窗中断操作带来负面情绪的作用。
新浪微博 交互上点击喜欢时,长按可以对该微博进一步表态,表情的融入更直观的反映和区别用户的情绪态度。 表情包弹窗 不同表情应用在不同场景的弹窗上,有利于通过表情的共情力拉进与用户的距离。
网易大神 梦幻西游,光遇,哈利波特的社区在界面头部使用该游戏的插画提升整体氛围感以及增加不同游戏切换的代入感。 随手记 部分账本封面使用插画,视觉上诠释账本内容同时提供清新的感官。 篝火营地 游戏社区内不同的板块使用不同的插画,列表导航中在视觉上形成风格统一,同时内容上差异区分。
米游社 米哈游以二次元游戏为主,以自身IP形象加二次元的场景加深氛围。 我是谜 以狗狗ip形象为主的默认图,加深品牌app的溢出,但未能表现剧本杀的元素。
腾讯游戏社区,唔哩星球,旅法师营地,米游社 视觉上使用各自的品牌形象加上合适的场景,体现该app的亮点,彰显该app的品牌差异,起到吸引用户眼球的效果
九游 新用户填写资料时允许跳过留有头像空白的坑,需要有默认图展位。为app创建一套头像有利于降低重复率且加深品牌形象溢出。 马蜂窝 加载头像/默认头像界面处于加载状态时,需要有默认占位图,在图上添加产品自身的形象可加强品牌溢出。
哔哩哔哩 up主的创作等级(电磁力),在等级权益界面上加入小电视剧形象,深入诠释了电磁力这一概念,以及哔哩哔哩本身二次元属性。 马蜂窝 马蜂窝对城市和任务创建了勋章系统,有效促进用户的活动参与度。
哒拧 标签列表的icon以及部分奶茶/柠檬茶商品换上插画而不是使用照片,可提升该产品本身的食欲且与设计上其他产品产生差异。 bilibili漫画 直播打赏功能的道具中,可通过加入产品自身特定的设计元素,使打赏道具附带独特性。
声明:本站所有文章,如无特殊说明或者标注,均为本站原创发布。任何个人或组织,在未征得本站同意,禁止复制、盗用、采集、发布内容到任何网站、书籍等各类媒体平台,如若本站内容侵犯了原著作的合法权益,可以联系我们进行处理。本文链接http://www.cwkjwljs.com/article/50