020-29815005
预约专线时间:09:00-23:59

【UI设计培训】:设计中拟物设计、拟态设计、扁平化设计风格

新闻来源:优漫动游 日期:2022-04-20
做UI设计稍微久一点的设计都知道,早些年一种叫做“拟物设计”的风格曾风靡一时。所谓拟物设计,就是现实生活中的物件长什么样子,我们在设计中就要尽量去模拟它,模拟它的质感、光影以及运动方式等等。

  做UI设计稍微久一点的设计都知道,早些年一种叫做“拟物设计”的风格曾风靡一时。所谓拟物设计,就是现实生活中的物件长什么样子,我们在设计中就要尽量去模拟它,模拟它的质感、光影以及运动方式等等。


【UI设计培训】:设计中拟物设计、拟态设计、扁平化设计风格


  比如说你要做一个读书APP界面,那你就应该将看看现实生活中的书架长什么样子,然后尽量去模拟它。这样做的好处就是可以让用户很容易看懂你的设计,无需思考即可上手。

  来看看拟物设计的集大成者iOS6:

  看到这样的界面,你完全不用看文字,就能知道每个图标是做什么的。当然,拟物设计带来的问题也是很明显的,那就是界面太“重”了。各种繁复的高光、阴影、纹理叠加在一起,使得界面本身过于抢眼球,让用户的视线无法聚焦在内容上,简单点说,就是设计大于内容,喧宾夺主了。

  于是乎,扁平化设计应运而生。

  一开始很多人抨击扁平化设计太丑,无法接受。但是他们没明白的是,拟物和扁平不是两种设计风格之争,而是两种设计理念之争。

  是设计优先,还是内容优先?

  只要能稍微能冷静思考一下的设计师,都会做出正确的选择吧。

  后来的事情大家都知道了,扁平化设计一路披棘斩荆,将拟物设计打得落花流水,一败涂地。

  然而,总有些人想当异类,要逆流而上。比如说下面这个号称乔布斯接班人的胖子,他就宣称要将设计界带回到拟物化的正确道路上。

  后来的事情大家也知道了,历史的洪流滚滚向前,不会因为你是一个胖子就停下,只会把你冲得更远。

  看到这里你可能觉得有点奇怪,我为什么要给你讲这么过时的话题。

  我当然不是要给你普及设计历史,而是要向你介绍一种新UI设计理念。

  这就要从扁平化设计缺点说起,自从扁平化设计一统江湖之后,各家的APP就越来越长得雷同,变得难以辨认。

  是不是像同一个模子里出来的?

  这还真不是这几家的设计师偷赖,更说不上抄袭,这是极简的扁平化设计带来的必然结果。

  正是因为这个原因,所以dribbble上一帮设计师最近捣鼓出一种新的设计思路,他们称这种设计为“拟态设计”。

  拟态设计,是个啥玩意,好像是一个可以用来忽悠甲方的新名词。

  除了用来忽悠甲方,这里面还真的有着很多关于设计趋势的思考,听我慢慢给你分析。

  那啥是拟态设计呢?

  首先,拟态设计是对拟物设计的一种回归。

  相对于拟物设计的重质感,它是一种轻质感,在不干扰内容的前提下,做适当的修饰。相对于扁平化设计,拟态设计通过渐变色、高光阴影等方式,刻画出恰到好处的重量感。

  其次,拟态设计强调的是表现出物体的状态。比如说一个按钮,它就应该有凸起来和凹下去的状态,这样才能给用户最清晰的反馈。对事物状态的精准表达,这是拟态设计的核心,也是它的名字的由来。

  第三、拟态设计是一种设计理念、思考方式。顺着这种思路,你在做设计的时候,要思考设计的目的是什么,要用什么方式来表达出来,而不是一味的因为扁平化流行,就做扁平化。

  最后我再给你简单总结一下啥是拟态设计:

  拟态设计是一种新的设计理念。

  在视觉上,它回归拟物化,但是不会像拟物设计那样全盘模拟真实世界,而是通过恰当的高光阴影刻画出轻量的画面质感。在交互上,它强调对物件的状态精准还原,画面中可以操作的地方必须像真实世界那样体现出来。

  那么,这种风格适合哪些类型的APP呢?

  工具类:工具类的APP内容相对固定,不需要时时更新,这样设计师在视觉风格方面的表达空间更大一些。

  我们可以看到,现在大部分的设计案例都是工具类的界面。

  以上就是优漫教育小编为大家介绍的“UI设计培训】:设计中拟物设计、拟态设计、扁平化设计风格”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解!