这种UI风格即将火?!

做UI设计稍微久一点的设计都知道,早些年一种叫做“拟物设计”的风格曾风靡一时。

所谓拟物设计,就是现实生活中的物件长什么样子,我们在设计中就要尽量去模拟它,模拟它的质感、光影以及运动方式等等。

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

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

看到这样的界面,你完全不用看文字,就能知道每个图标是做什么的。

当然,拟物设计带来的问题也是很明显的,那就是界面太“重”了。

各种繁复的高光、阴影、纹理叠加在一起,使得界面本身过于抢眼球,让用户的视线无法聚焦在内容上,简单点说,就是设计大于内容,喧宾夺主了。

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

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

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

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

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

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

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

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

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

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

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

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

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

先上几张图大家感受一下。

上面这些作品分别来自dribbble上不同设计师的作品,但是明显是相同的风格。

看完之后,你可能觉得挺特别,但又说不上来好在哪里的感觉。。。

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

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

那啥是拟态设计呢?

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

相对于拟物设计的重质感,它是一种轻质感,在不干扰内容的前提下,做适当的修饰。

相对于扁平化设计,拟态设计通过渐变色、高光阴影等方式,刻画出恰到好处的重量感。

其次,拟态设计强调的是表现出物体的状态。

比如说一个按钮,它就应该有凸起来和凹下去的状态,这样才能给用户最清晰的反馈。

对事物状态的精准表达,这是拟态设计的核心,也是它的名字的由来。

第三、拟态设计是一种设计理念、思考方式。

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

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

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

在视觉上,它回归拟物化,但是不会像拟物设计那样全盘模拟真实世界,而是通过恰当的高光阴影刻画出轻量的画面质感。

在交互上,它强调对物件的状态精准还原,画面中可以操作的地方必须像真实世界那样体现出来。

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

一、工具类。

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

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

二、简单的功能性页面。

和工具类APP一样,这些类页面上运营性质的东西相对较少,内容的形式相对可控。

最后,估计你也看出来,这是一种不太成熟的设计风格,在实际应用中会局限性会比较大,其实就是dribbble上一帮设计师做的概念型的设计。不过它还是引起了很大的关注,越来越多的设计师参与了这种风格的探索。总之,它背后的思考方式还是值得我们去了解和学习的。

好了,你会考虑将这种风格应用到自己的项目中吗?

-------------------------

往期精华文章导读:

拯救无聊假期,10部绝佳免费电影推荐!

假期太难熬了,全靠段子撑。。。

设计圈一个80后男人的自白。

越努力,越幸运。

这里是庞门正道。

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章