什么是新拟态设计

在UI设计领域,新拟态已经火了一段时间了,今天Pixso带各位解读一下究竟什么是新拟态。

新拟态属于拟物风格的一种,用通俗易懂的话来说,新拟态就是一种图形样式,在界面UI元素的基础上增加更多的真实感。通常的呈现形式是类似浮雕的效果如下图所示。

新拟态界面

不难看出新拟态是介于扁平和投影之间的存在,新拟态设计的核心是通过模拟光源投射的方式,使UI图标的底部呈现阴影,打造一种明暗度的对比。可以看出新拟态在阴影的模糊、投影的角度等因素处理的方式非常严谨,因为一旦这个处理度把握不好,就会直接影响整体画面的平衡性与美观性。所以一个成熟的设计师在处理新拟态风格,会让UI图标看起来更加的逼真、动感、有吸引力。

在设计达人看来这种UI很适合用来做概念的产品,当然实际应用中也可以尝试,因为视觉效果确实很不错。我们来看看关于新拟态的UI作品,让大家进一步了解它是什么样子的。

新拟态音乐APP界面

打造新拟态的必备条件

想要打造出新拟态的风格,是需要有一定条件的不难发现,目前的新拟态风格UI界面设计,有着相同的特点。

相同点1:它对背景有一定的依赖性,几乎是需要相同的色值来实现如果你想设计一套颜色互补或者明暗色系差距较大的,那就不太适合设计成新拟态风格了。

相同点2:关于图形及色相的问题UI图标/元素大多需要设计成大圆角形状,色相的处理方式上,建议与背景统一,且色彩相对要单一。

相同点3:在对图标/元素的投影处理上,建议利用对角线原理处理投影可以左上角设置亮色投影,右下角设置深色投影,以达到视觉效果上的空间感和层次感。

新拟态标题界面

如上图所示,新拟态的优点很明显从用户体验感方面来看,还是保持了一定的新鲜度,因为目前扁平化设计占主导地位,而新拟态设计又是建立在扁平化设计之上的创新,又相较于扁平化具有更多的趣味性和变通性

新拟态设计的注意事项

新拟态也存在一些缺点,上文中Pixso也列举了一些关于设计新拟态必须具备的条件,也正是因为这些条件从而让新拟态更具有局限性在色相上过度依赖、存在色彩局限使得新拟态整体视觉上缺少层次对比度,导致其可见性较差。

存在即合理!每一种设计风格之所以会出现并且成为一种趋势,也必定是离不开一部分簇拥者们的功劳。对于新拟态来说也一样。也会有一些设计师们钟情与它,Pixso也整理出一些在设计新拟态过程中需要注意的事项,供大家参考。

注意界面的整体识别度

在进行新拟态设计过程中,因为要考虑到色相和色彩搭配,所以我们需要格外的注意界面的整体识别度。不能局限在某一个图标元素上,需要实时把控整体界面的美观度,提高界面的识别度,注意信息有效的传递性。

注意要视觉降噪

在对于界面视觉层级把控上,需要注意的是避免整个界面都很满,一定要注意“视觉降噪”因为新拟态风格主要依托的就是光影关系,所以千万不要出现整个界面都是阴影覆盖,都是圆角图形,这样极容易造成用户的审美疲劳感。

选择合适好用的设计工具

打造一套新拟态设计风格的界面,前期需要设计师们的付出,后期也需要开发落地,团队协力合作才能呈现出完美的作品。关于开发落地,当然不是复制粘贴代码这么简单的事情,也是需要一些辅助工具来完成Pixso软件就可一键解决这些复杂的问题它具有高保真原型交付和自动代码交付,支持添加页面交互、原型播放、自动切图,模拟产品最终形态,在设计过程中可视化和优化用户体验,更快地将想法变成产品。

设计协同工具

Pixso还拥有丰富的资源社区,在这里你可以探索、收藏和使用所有优质的资源作品这些作品都是集成众多大厂优秀的设计体系(华为、腾讯、阿里、字节、京东、饿了么、滴滴等),包含1000+最前沿的设计组件、30000+精美图标,堪称是设计师们的宝藏资源库啦,你还在等什么,赶紧收藏起来呀!