Sketch内的新拟物风格探索


新拟物是什么

⬆️拟物写实的icon风格

上图应该能解释“拟物”的意思,偏向写实,重视细节的刻画,用高光、阴影、纹理、颜色等各种方式来最大程度的还原物体的本来面貌,突出它的质感。

再来解释“轻拟物”似乎容易一些,介于写实和扁平之间的一种风格,其实以前也流行过类似的,我们称之为“轻质感“,虽然两者还是有着很多不同的地方。

概括来说,“轻拟物”风格就是用阴影高光渐变等方式克制的刻画出微质感。

新拟物风格展示

新拟物展示
新拟物展示
新拟物展示
新拟物展示

展示一些追波和花瓣站酷上大佬们的作品会帮助大家更好的理解新拟物的设计风格。
由于新拟物的风格能够使界面看上去更简洁统一,作为作品集内的设计展示和一些对外公开的项目展示的风格往往能收获更多的关注。这一点在追波上就一览无遗。

新拟物展示

不过由于这种风格对于用户的引导性不强,在作为按钮使用时和其他风格比起来很难让用户第一眼就认为这是个按钮(虽然加上文字会好一些),仙女做个图来对比一下。

新拟物怎么绘制

好看的东西肯定得会做,大概讲解一下新拟物的绘制方式,仙女用的Sketch比较多,因为利用投影和渐变,所以和PS的操作本质上是一致的。

新拟物绘制
新拟物绘制

其实很简单,更多的还是在设计的过程中自己归纳总结,当然在这个智能化的时代,必然少不了一些工具。给大家介绍一款可以直接生成新拟物风格元素的工具——neumorphism,是一个会设计的前端工程师开发的(Adam Giebl)。

2020-09-17