扁平化设计(扁平化设计是什么意思)

Mark wiens

发布时间:2024-06-11

扁平化设计,Flat Design,其实是由 Windows Phone 7 引爆的。……

扁平化设计(扁平化设计是什么意思)

 

扁平化设计,Flat Design,其实是由 Windows Phone 7 引爆的在 Windows Phone 7 之前的界面设计,大多都是拟物化,或者非常注重细节的,比如苹果 iOS 6 之前,Nokia 的 Symbian,它们的图标、界面都有很多的纹理、材质、渐变效果等等。

从 Windows Phone 7 出来之后,Metro Design 的设计语言,就把很多细节都去除了,只是通过色块儿和文字来进行信息的表达和指引这其实也是因为 Metro Design 的设计哲学,就是认为界面信息其实就是导航信息,类似在机场或者高速公路上的引导标识那样,在人们需要的时候,通过颜色和文字来展示信息就可以了。

因为 Metro Design 给人最直观的感觉就是扁的、平的,而且因为它带来了一种很简约、明快的界面设计方式,和很多现代的工业设计、建筑设计追求的简单时尚化很贴合,所以很多网站设计、App 设计开始使用这种风格,于是也就有了一个更大的概念性的名称——扁平化设计,Flat Design。

这样的设计风格,在 iOS 7发布之后,更是让人惊呼:「扁平化设计的时代来了!」眨眼间,几乎所有的网站、App 开始改版去迎合这样的风格但我认为,这样的迎合,其实并没有理解扁平化设计所适用的场合之前提到,扁平化设计的初衷,是认为「界面即导航」,用以进行信息引导的,所以,对于那些主要进行信息展示的网站和 App 是非常适合的,但对于一些其他的应用,尤其是创作性的工具、游戏、儿童教育类的就非常不合适了。

在 iOS 7 出来之后,很多人,包括很多设计师,都认为 iOS 7 也是扁平化设计,我认为这是没有理解 iOS 7 的设计哲学在 iOS 6 之前,很多人认为苹果的设计风格是拟物化的设计,而 iOS 7,没有什么名称来形容,而且它的首次感觉的确很像扁平化,所以就被人误归类为扁平化设计了。

iOS 7 的设计哲学,其实在苹果官方的《人机交互设计指南》里已经写了,感兴趣的可以详读一下概括一下,其实它所遵从的理念是:界面应该让位给内容,内容应该是 App 的主要角色,界面是辅助的、次要的从这个设计哲学出发,我们就可以理解为什么 iOS 7 的 Status bar,Tab bar 都可以设置成半透明效果;也可以理解为什么它把导航条都使用纯色;也可以理解为什么它更多的使用文字作为「返回」「确定」「完成」,而不是以前的实体感的按钮了。

但如果只是这样就认为它是扁平化的,那就太低估 iOS 7 的设计哲学了 如果你仔细的看一下,其实苹果自带的 App 的 icon 是有渐变的,并非纯色;时钟也是写实的,而非抽象的表达;甚至有的图标采用了很多色彩而非单一色彩;在有些界面,也是有阴影的,比如设置界面里面的开关,报刊杂志;Safari 的多页面视图……这表明 iOS 7 并非简单的扁平化,它实际上可以使用纹理、阴影、渐变这些细节来增强界面的层次感和情感体验的。

当然,紧随着 Android L的发布,Material Design 风格的出现,更是让阴影、渐变、纹理这些成为了连接Cyber 技术和现实生活的一种设计哲学而 Material Design 其实就是想把这些屏幕,包括以后可能是柔性屏幕,能够像现实世界的材质一样,可以凸起,可以有层次,可以扩展。

Material Design 的主设计师 Durate 就是 Palm WebOS 的设计师,如果感兴趣的可以再回顾一下,他以前的设计风格其实也是充满了细节其实说到这里,我们可以看到,要真正理解一个设计风格,其实应该从它的设计哲学去理解,而不应该仅仅从表面去理解,那就只能从大流,而不能审视它是否适合你的产品。

回过头来,我们可以再看看拟物设计是怎么回事在 Windows Phone 7 出来之前,大部分的主流的界面设计都是拟物化的,这是什么原因呢?按照我的理解,这应该回述到 PC 时代在 PC 时代,有一篇非常有名的文章《As We May Think》,是 Vannevar Bush 在 1945 年写的,在这篇文章里,他提出了一个 Memex 的概念,其实就类似把计算机设想成了一个办公桌,进行信息处理、寻找和检索。

这篇文章预言了之后的很多计算机技术,包括无纸化办公,互联网,超文本协议等等……而我认为桌面操作系统,其实很大程度上也是以此概念为隐喻进行设计和实现的尤其是 Mac OS,它最早让图形界面商业化,也提供了很多桌面处理的人性化设计,包括可以随意拖放和增添的 Dock,有 Dashboard,有多个虚拟桌面,可以在开机后恢复回关机前的状态……这些在 Windows 里都没有。

在这种桌面处理的隐喻下,因为桌面上会同时摆放很多东西,而且,桌面处理所需要的时间一般都很长,这时候,拟物化的设计其实是效率最高,而且可以让人更为专注和沉浸的方式但是到了手持设备时代,因为隐喻发生了改变,即人们对计算机的隐喻感知并非是桌面处理了,而是一种信息助手,这时,拟物化的设计显然就不适合了。

当然,也有人说是因为审美疲劳,需要更换一下设计,显得更时尚,好吧,我也可以赞同这样的说法,但是作为一个设计从业人员,这样的说法显然是不够专 (bi) 业 (ge) 的谈到这里,可能大家也可以感知到,其实,究竟采用怎样的设计风格,是取决于你的产品会给用户带来怎样隐喻。

如果想理解我们是怎样处理的,欢迎使用 Zine的 iPhone 版本和 Web 版本 (http://zine.la) ,你会发现它们的风格并不同,但却是感觉最合适的方式

免责声明:本站所有信息均搜集自互联网,并不代表本站观点,本站不对其真实合法性负责。如有信息侵犯了您的权益,请告知,本站将立刻处理。联系QQ:1640731186