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

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
ZAOV|各[苹]本事
Homepage recommendation
相关收藏夹
B端产品
B端产品
B端产品
B端产品
作品收藏夹
组件
组件
组件
组件
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in