专栏名称: 设计奇谈
本账号为“只为设计”的官方微信公众号。为您分享与幻灯片演示(PPT)相关的技术、原创教程和信息等。
目录
相关文章推荐
51好读  ›  专栏  ›  设计奇谈

『转』新拟态学习笔记 By: 叶宏泽

设计奇谈  · 公众号  ·  · 2020-03-09 19:07

正文

大家好,我是 叶宏泽 。最近有一个在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 柔框法

① 插入圆角矩形,右键【设置形状格式】,并填充矩形为背景色

② 在【线条】里面设置渐变线参数可参考图示







请到「今天看啥」查看全文