大家好,我是
叶宏泽
。最近有一个在UI设计界颇有热度的
新拟态风格
,如下图:
@Dribbble-Alexander Plyuto的作品
近日我一直深耕于新拟态的研究,通过多次实验和研究,总结出了PPT里用于形状、文本的新拟态化方法。
(当然只是可能哟,也许其他大神还有新方法)
这一切的开始是源于在2019年11月05日的在Dribbble-Alexander Plyuto发布的作品,作品一路飙升至2019年pop排行第一热门的作品,同时在ins上的传播也是异常的火爆,获得很多设计的喜欢,其中有设计师称呼这种风格为“Neumorphism”或者“Soft UI”。
Neumorphism或者Soft UI, 翻译过来叫
新拟态
或者是
软UI
。
(Neumorphism,是New+Skeuomorphism的组合而来的词)
简
单
讲
,新拟
态
是图形的一种样式,通过灯光的原理,为图形添加上高光和阴影,其目的是
为界面的UI元素赋予真实感、立体感
。
说多了都是废的,我们直接上图
。
@MeGo作品(UI中国)
新拟态的最大
特征
?
多个案例我们不难总结出新拟态的最大特征:同时拥有
高光
和
阴影
。
新拟态的有什么
优势
?
缺陷
?
没错!新拟态
让设计作品更加具备质感,细节,同时让画面更加有层次感,画面干净, 给人耳目一新的感觉
。
但是,我们从客观来看,以及结合大众对新拟态的评价,新拟态也有着难以逃脱的弊端:
对比度太低,对放映设备有要求,若是幻灯片投影,细节难以展现
。
但也不见得因为这个缺点而让新拟态失去了发展空间,同时也相信过不了多久,能在一场大型发布会见到新拟态的身影!
好了
,接下来我们就一起来讲一讲关于新拟态化的几种方法:
注意:
制作新拟态不可选择纯白和纯黑背景
1. 凸起质感
1.1
重叠法
① 插入圆角矩形,右键【设置形状格式】,并填充矩形为背景色
② 制作高光部分【阴影-预设-左上-白色】,同理反方向制作阴影部分【阴影-预设-右下-深色】
(参数根据实际情况调整)
③ 将阴影和高光部分重叠,合成最终效果
1.2
柔框法
① 插入圆角矩形,右键【设置形状格式】,并填充矩形为背景色
② 在【线条】里面设置渐变线参数可参考图示