恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
那些在界面中发光发热的插画(一)
0.0°
2023-10-28 原创文章 经验/观点 举报 1416 6 5 0


内容梳理背景
去年大半年的时间,在工作上接触到了一个二次元游戏平台项目,这个项目本身会需要用到一定量的插画。期间需要接触大量娱乐类的竞品。在进行同类竞品分析参考过程中,发现娱乐类型的产品中都大量使用到了插画,插画在这些案例中发挥了他们更多的用处。
在游戏平台项目结束之后,花时间把这些竞品的插画资料整理出来。


提炼出插画的发力点
界面中插画已经应用的非常广泛,但不同的业务会有不同的使用比例。
插画具有年轻活力的特征,比较适合用在年轻人为主要目标用户的产品上。
插画带有艺术性,能帮助产品提升美术审美。
插画具有故事性,相同区域内可以承载更多信息内容
......
从项目实战中,对界面本身的交互需要出发,评估插画所能发挥的作用,最终整理出以下优点。这些优点跟界面结合可以推动界面需求本身,同时能通过插画打来差异化以及意想不到的效果。


接下来,以解决问题的场景延伸案例


百度贴吧

在新版本上线时,对几个重点的功能(分享,直播,视频编辑等),在引导页上以人和具象使用场景为切入点,通过插画表现其功能的亮点和使用方法。


歪比歪比

视觉上新版本增加的社交亮点,以app内角色的场景互动作为原型,具象化并告知用户使用功能。



腾讯动漫

视觉上加入黑子和站娘作为主要角色,通过日常或者虚幻的生活场景,表现出节日的气氛或者漫画本身的乐趣。

喜马拉雅

视觉上通过猫+场景的简笔画形式,传递喜马拉雅自身的品牌价值与介绍喜马拉雅的使用场景



喜马拉雅

以各种旅行目的地和旅行方式为设计思路的一套插画,在界面缺省页中与业务结合增强旅行的代入感。


腾讯动漫

黑子丰富的表情,为界面的缺省状态在视觉上赋予了更形象的情绪表达。


唔哩星球

几个主要IP形象奔跑的动效,视觉上增加等待时的趣味性。


映客直播

使用猫头鹰品牌形象打招呼的动作。交互上:补充了加载状态的空缺,视觉上漏出了品牌形象和减轻用户犹豫等待产生的负面情绪。


网易大神

加载页自身需要云游戏logo和游戏名。网易大神在此基础上做了以游戏城市为理念的场景插画,更多的细节让用户在加载等待时注意力更分散。

ZEPETO

国内版本又名崽崽。打开派对小镇的加载页。3d角色在空中自由落体的动画场景,宛若即将从天而降到小镇



哔哩哔哩,游研设,TT语音

交互上为弹窗的出现情况做进一步具体说明;视觉上有缓和弹窗中断操作带来负面情绪的作用。


新浪微博

交互上点击喜欢时,长按可以对该微博进一步表态,表情的融入更直观的反映和区别用户的情绪态度。


EMOJI

不同表情应用在不同场景的弹窗上,有利于通过表情的共情力拉进与用户的距离。

网易大神

梦幻西游,光遇,哈利波特的社区在界面头部使用该游戏的插画提升整体氛围感以及增加不同游戏切换的代入感。


随手记

部分账本封面使用插画,视觉上诠释账本内容同时提供清新的感官。


篝火营地

游戏社区内不同的板块使用不同的插画,列表导航中在视觉上形成风格统一,同时内容上差异区分。



米游社

米哈游以二次元游戏为主,以自身IP形象加二次元的场景加深氛围。


我是谜

以狗狗ip形象为主的默认图,加深品牌app的溢出,但未能表现剧本杀的元素。


腾讯游戏社区,唔哩星球,旅法师营地,米游社


视觉上使用各自的品牌形象加上合适的场景,体现该app的亮点,彰显该app的品牌差异,起到吸引用户眼球的效果


九游

新用户填写资料时允许跳过留有头像空白的坑,需要有默认图展位。为app创建一套头像有利于降低重复率且加深品牌形象溢出。


马蜂窝

加载头像/默认头像界面处于加载状态时,需要有默认占位图,在图上添加产品自身的形象可加强品牌溢出。


bilibili

up主的创作等级(电磁力),在等级权益界面上加入小电视剧形象,深入诠释了电磁力这一概念,以及哔哩哔哩本身二次元属性。


马蜂窝

马蜂窝对城市和任务创建了勋章系统,有效促进用户的活动参与度。



挞柠

标签列表的icon以及部分奶茶/柠檬茶商品换上插画而不是使用照片,可提升该产品本身的食欲且与设计上其他产品产生差异。

bilibili,抖音

直播打赏功能的道具中,可通过加入产品自身特定的设计元素,使打赏道具附带独特性。



Powered by Froala Editor

更新:2023-10-28

收藏

6人已收藏

贾尉wake

vv:JW1305178005

  • 14

    作品

  • 18

    粉丝

  • 9

    关注

  • 关于我使用规范和组件库提高效率这件事
  • 那些在界面中发光发热的插画(三)
  • 近期的插画项目合集
  • 那些在界面中发光发热的插画(二)

    猜你喜欢

      2023-10-28 原创文章 经验/观点 举报 1416 6 5 0

      那些在界面中发光发热的插画(一)

      0.0°

      你确定要举报那些在界面中发光发热的插画(一)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年04月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录