用原子组件化设计思维制作表情

Recommand
杭州/UI设计师/3年前/235浏览
用原子组件化设计思维制作表情Recommand

用UI设计中常用的原子化组件化思维制作表情套图

之前做过手绘的一套表情(已上架微信)这套表情是年初时绘制的,是自己的一个尝试。以为本职工作是交互设计师,之前了解到原子化的设计思路,觉得可以运用到表情设计中。通过尝试发现确实可行而且效率会高很多。这里主要分享思路,仅供大家参考交流~谢谢

啥是原子化组件设计?

Brad在2013年基于化学领域的原子理论,结合设计领域的知识创建了一套非常非常经典的学说。它就是原子设计(Atomic Design)。Brad列出了五点层级来作为这套理论的核心支撑:Atoms原子、Molecules分子、Organisms有机体、Pages页面。总的来说就是一个在思维上将整体拆分为组件(原子、分子),在行为上把组件(从分子开始)组合成整体的设计方法。

运用到表情制作

理解了这个拆分到组装的思路。我们就可以将这种方法运用到别的地方,比如表情制作😉。

首先,我们设计出基础的表情形象。这一步也可以先在纸上画画草图,再到设计工具中绘制。我用自己养的小猫为原型做了一个有点凶恶的可爱小猫。

通过拆解,把这个形象分成了四个部分:头部、眼睛、鼻子、嘴巴。

再把着几个部分的不同状态样式分别绘制出来。

最后通过置换每个部位的不同样式,形成组合。就可以创造出很多不同状态的表情。

7
Report
|
4
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
DESIGN NEW WAVE
Homepage recommendation
字体设计
Homepage recommendation
吸喵套餐
Homepage recommendation
Penny妹妹抽象表情包
Homepage recommendation
相关收藏夹
B端产品
B端产品
B端产品
B端产品
作品收藏夹
组件
组件
组件
组件
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in