3D轻拟态风格图标插画设计简易教程

用户头像
上海/设计爱好者/1年前/251浏览
3D轻拟态风格图标插画设计简易教程
近期在工作中,做了一些轻拟态的3D插图,例如:
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgwNjA=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgwNjQ=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgwNjg=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgwNzI=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
我将这个系列的插图统称为
轻拟态3D插图。
它的核心特征是:
· 微妙的3D感:
 
柔和的阴影和高光营造出轻薄的立体感和空间层次。
· 克制的光影:
 
使用柔和、扩散的阴影和高光,效果非常轻盈。
· 极致的简洁:
 
高度简化的几何形状,去除冗余细节。不追求写实质感。
· 现代与数字感:
 
整体感觉干净、优雅、前沿,符合数字产品的气质。
接着,简单介绍下这类插图的设计要点:
第一步,
(学会3D)选择基础几何形状,给元素赋予轻微厚度。
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgwNzY=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
第二步,
(学会布光)设定一个统一的光源方向(通常是左上角),配合柔和的内/外阴影和高光。
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgwODA=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
第三步,
(学会手绘)简化细节,保持核心识别点。
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgwODQ=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
第四步,
(学会坚持)严格保持整套设计的一致性。
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgwOTI=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgwOTY=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgxMDA=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgxMDQ=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
不难吧?
提炼具象的物质,通过自己的思考,将其极简化。这个过程,无论平面,还是3D,对设计来说,应该都会是个蛮有趣的过程。
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgxMDg=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgxMTI=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgxMTY=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
3D轻拟态风格图标插画设计简易教程(图ZMTUxMTgxMjA=) - 教程 - 站酷设计师helloelwen原创素材 - 站酷ZCOOL
收藏
7
阅读原文
|
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】旅行icon
手表表盘UI系列
高级感金属拟物 UI设计组件库
新拟态风格 UI设计组件库
【新年UI图标】汽车icon
Security Camera UI kit
智能家居中心 简约 UI设计组件库
高级表盘系列UI源文件
【新年UI图标】30个图标
【新年UI图标】体育icon
UI 登录界面设计模板包
科技医疗透明柜UI界面设计
【新年UI图标】秒杀icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】会员icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
钱包ui模板
盲盒APP UI设计
3D渐变流体抽象矢量UI背景图
UI界面 组件
拟物风质感写实UI卡片合集源文件
你可能喜欢
相关收藏夹
大家都在看
登录注册