旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > UI设计新拟态为什么是潮流?

UI设计新拟态为什么是潮流?

时间:2020-11-13来源:www.aaa-cg.com.cn点击量:作者:Arya
时间:2020-11-13点击量:作者:Arya

  ​新拟态UI设计(Neumorphism / soft ui)在近段时间流行起来的,我们在Dribbble中搜索Neumorphism就有很多相关的新拟态设计作品,这种效果一眼看上去感觉很美,很舒服,但是怎么做出来的呢?今天AAA教育武老师分享这个Neumorphism在线生成新拟态UI工具,可以通过这个工具分解出新拟态UI是如何设计的,此外它还能生成CSS代码并应用到网页上。
 

UI设计新拟态为什么是潮流?
 

  什么是新拟态UI设计?
 

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

UI设计新拟态为什么是潮流?
 

  如何实现新拟态UI设计效果?
 

  1、直接参考下图的设置:
 

UI设计新拟态为什么是潮流?
 

  大家先看这个图,新拟态主要是通过阴影来实现的,通过阴影实现凸凹两种质感。
 

  新拟态UI设计参数图
 

  2、使用Neumorphism在线工具
 

  推荐大家用Neumorphism在线工具来快速实现新拟态UI效果,因为它带有预览功能,所见即所得,比PS或Sketch上设置更加快捷,而具体的设置参数看对应CSS属性值就可以了。
 

  新拟态UI主要实现方式
 

  1、给图形添加2个阴影,UI设计阴影怎么做。参数要设置大一些,注意两阴影颜色是同一色调,然后分别设置一个亮色一暗色。这里就不说参数了,如果你调整不出效果,表示你色感方面还需要加强。什么是UI设计
 

UI设计新拟态为什么是潮流?
 

  2、模糊设置:Blur模糊值通常是坐标值的2倍,这样效果会明示一点。
 

UI设计新拟态为什么是潮流?
 

  3、凸出的效果就是利用渐变来设置了。UI设计渐变色怎么用
 

UI设计新拟态为什么是潮流?
 

  今天就分享到这里,快尝试新拟态UI设计吧,这是2020的新设计趋势之一,你学会了吗,更多资讯请持续关注AAA教育

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

©2007-2022/ www.aaa-cg.com.cn 北京漫动者数字科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图