B端插画组件库思考

用户头像
天津/UX设计师/256天前/195浏览
B端插画组件库思考
设计背景:
公司业务庞大且复杂,各业务设计人员无暇进行频繁沟通,导致页面插图风格多种多样,不统一,无法体现公司的品牌特性。现需根据多领域的业务特色制定统一的插画体系
设计风格探索:
在过去几年内,插画是一种新的表达方式,越来越多的产品都通过运用插画的运用来提升品牌感
用插画来营造产品氛围和气质。插画有助于将我们的品牌故事讲给用户听
B端插画组件库思考(图ZMzkzMzQ3ODg4) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
提炼公司插画设计目标:
B端插画组件库思考(图ZMzkzMzQ3ODky) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
设计风格推导:
可通过情感化传达确定风格,关键词提取:抽象简约风、亲和力、形象记忆、高效表意
B端插画组件库思考(图ZMzkzMzQ3OTM2) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
风格定义:
通过以上情绪传达,与产品业务定位精选出最符合定义的设计
分别为:扁平化、易成库、易延展、统一性、抽象简约、稳定性、形象记忆、趣味等
B端插画组件库思考(图ZMzkzMzQ3OTQw) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
颜色规范:
B端插画组件库思考(图ZMzkzMzQ3OTQ0) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
插画体系:
B端插画组件库思考(图ZMzkzMzQ3OTQ4) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
人物延展:
业务场景上对于人物角色需求显而易见,归纳前期已有场景人物角色使用范围,结合用研数据,根据我们的用户画像,进行觉额色定位,缔造人物间的联系
从服装,体态差异上,结合本身职业特征,塑造不同人物形象,满足不同场景的使用需求,增加了故事性,与用户共情
B端插画组件库思考(图ZMzkzMzQ3OTk2) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
动态延展:
面对丰富的使用场景,为了方便呢设计师灵活编辑与扩展,绘制多视角人物动态,对常用人物动态进行预设,提高角色在各个业务场景的利用率,节约设计师更多绘制时间
B端插画组件库思考(图ZMzkzMzQ4MDE2) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
B端插画组件库思考(图ZMzkzMzQ4MDI0) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
拆解延展:
B端插画组件库思考(图ZMzkzMzQ4MDI4) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
角色展示:
从亲和干练的HR到稳重成熟的商务人士,我们构建了系统的人物形象风格,并区分不同性别、年龄的体型,丰富了人物表现特征
考虑到业务层面需要建立多角色互动的场景,HR、员工、采购员、店员、店长、商务人士、领导、物流人员等角色由此诞生
B端插画组件库思考(图ZMzkzMzQ4MDQ0) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
人物设定:
B端插画组件库思考(图ZMzkzMzQ4MDg0) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
彩色组合案例
B端插画组件库思考(图ZMzkzMzQ4MDg4) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
场景演示:
以用户为中心,以业务增长为导向。为了使这套组件可应用于作业帮各业务线的设计团队,在团队高效协作的同时,我们持续从人物视角、动态、表情、场景等多维度去丰富组件库
B端插画组件库思考(图ZMzkzMzQ4MDky) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
B端插画组件库思考(图ZMzkzMzQ4MTAw) - 交互/UE - 站酷设计师飞毓象限原创素材 - 站酷ZCOOL
Collect
1
Report
|
2
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
大家都在看
Log in