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

用户头像
杭州/UI设计师/4年前/268浏览
用原子组件化设计思维制作表情

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

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

啥是原子化组件设计?

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

运用到表情制作

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

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

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

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

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

7
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
手表表盘UI系列
3D渐变流体抽象矢量UI背景图
【新年UI图标】汽车icon
新拟态风格 UI设计组件库
【新年UI图标】会员icon
户外旅行飞机情侣假日出行
UI 登录界面设计模板包
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
Security Camera UI kit
UI通用设计素材1
【新年UI图标】旅行icon
3D卡通UI界面图标可爱插画免扣素
UI界面 组件
【新年UI图标】体育icon
【新年UI图标】秒杀icon
【新年UI图标】钱包icon
盲盒APP UI设计
拟物风质感写实UI卡片合集源文件
科技医疗透明柜UI界面设计
【新年UI图标】30个图标
高级表盘系列UI源文件
新能源APP应用UIKit
钱包ui模板
你可能喜欢
相关收藏夹
大家都在看
登录注册