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






































































