用原子组件化设计思维制作表情
杭州/UI设计师/3年前/235浏览
版权
用原子组件化设计思维制作表情
用UI设计中常用的原子化组件化思维制作表情套图
之前做过手绘的一套表情(已上架微信)这套表情是年初时绘制的,是自己的一个尝试。以为本职工作是交互设计师,之前了解到原子化的设计思路,觉得可以运用到表情设计中。通过尝试发现确实可行而且效率会高很多。这里主要分享思路,仅供大家参考交流~谢谢
啥是原子化组件设计?
Brad在2013年基于化学领域的原子理论,结合设计领域的知识创建了一套非常非常经典的学说。它就是原子设计(Atomic Design)。Brad列出了五点层级来作为这套理论的核心支撑:Atoms原子、Molecules分子、Organisms有机体、Pages页面。总的来说就是一个在思维上将整体拆分为组件(原子、分子),在行为上把组件(从分子开始)组合成整体的设计方法。
运用到表情制作
理解了这个拆分到组装的思路。我们就可以将这种方法运用到别的地方,比如表情制作😉。
首先,我们设计出基础的表情形象。这一步也可以先在纸上画画草图,再到设计工具中绘制。我用自己养的小猫为原型做了一个有点凶恶的可爱小猫。
通过拆解,把这个形象分成了四个部分:头部、眼睛、鼻子、嘴巴。
再把着几个部分的不同状态样式分别绘制出来。
最后通过置换每个部位的不同样式,形成组合。就可以创造出很多不同状态的表情。
7
Report
声明
4
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
7Log in and synchronize recommended records
4Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share










































![ZAOV|各[苹]本事](https://img.zcool.cn/community/68d247ffa534901h5u6ly05445.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
































