作者/?邹锦翔

不论你从事平面设计、网页设计、UI/UX 设计、前端设计…只要你是设计师， 你不可不知从 2013 年後火速窜起改变整个资讯产业使用者介面的「扁平化设计(flat design)」， 是如何撼动整个世界，甚至是改变你的工作型态与产业!

你有没有发现，2013 年後许多网页、APP、甚至系统介面，都开始改用色彩缤纷、简约的风格， 就像把所有物件通公司拓展活动通压扁在画面上，这就是火红的扁平化设计(flat design)，新一代介面设计的趋势。

不单单只是资讯产业，连许多知名厂商的 LOGO 也开始改头换面采用扁平化的潮流，像是 Netflix、ebay、Spotify、Twitter、Audi、Citro?n…等

然而也有人认为这样的改变变得没特色，比如说 Instagram 的 logo 就变得十分不显眼。

在资讯的推波助澜下，你有发现许多行业的设计趋势与消费者习惯的转变，潜移默化地受到科技化(Informatization)的影响吗?

什麽是扁平化设计?

那麽，解释一下到底这个很夯的扁平化设计是什麽呀? 其实从上面一些案例你应该有隐约感觉到一些共北京拓展训练基地通之处，扁平化设计就是，去除阴影(shadow)、渐层(gradients)、装饰(decoration )、反射光泽(shiny)等 3D 要素，通常使用高亮度的色彩(bright color)搭配无衬线字体呈现出简约现代风格 。1

噢! 所以你是说扁平化设计是 2013 年後才有的东西吗? 哦不! 当然不是了，先让我们把时间拉回 100 年前…

扁平化设计的开端

19 世纪英国女王维多利亚在位统治时期称为维多利亚时代，那个时期的建筑风格就称为维多利亚风格(Victorian Style)， 是个日不落国、英国钱淹脚目的黄金年代，外观华丽而细致，就算到了今天你还是能看到许多保存完整的建筑物。2

嗯，就是那种你出国绝对会和它拍照的美丽建筑。

知名建筑像是英国国会大厦

然而好景不常，1920 经过一次世界大战的洗涤後，人们对维多利亚风格感到厌倦， 与每下愈况的生活简直形同对比，让人感到华而不实。

於是德国建筑师 Walter Gropius 在 1919 年成立了国立包浩斯学校

不过在 1933 年被纳粹压迫而关闭，因为 Gropius 在学校宣传共产主义思想。 谁也没想到，这个短短成立不到 15 年的学校竟然深深影响了往後世界的艺术、工业设计、平面设计、室内设计、现代戏剧、甚至是现代美术等领域上!

仔细看看包浩斯学派(又称包浩斯主义，The Bauhaus Style) ?的主张 : Form Follows Function: 设计的构成必须反映出功能，效用放第一位。 Truth to Materials: 尽量呈现该素材的特性 The Less is More: 简约、功能性的美学，去除无谓的装饰 包浩斯简约实用的设计理念可以说是和扁平化有异曲同工之妙。

包浩斯家俱

包浩斯建筑

扁平化设计的起源

时间来到 1950 年代，瑞士发展出了国际印刷风格( International Typographic Style or International Style)，又称瑞士风格(Swiss Style)， 相较於包浩斯主义，瑞士风格继承其特性，不过着重在印刷、字体等平面设计上。

可以看看 swissted 这个网站，收集了许多瑞士风格的海报作品。

1957 年，瑞士设计师 Max Miedinger 与 Eduard Hoffmann 设计出「Helvetica」的无衬线字体，Helvetica 在拉丁文中有着「瑞士」之意。

可以说是瑞士风格的代表作品，追随着现代主义观点，认为应该让读者在阅读时能专注於文字所表达的内容，而不会关注文字本身所使用的字体，至今为全世界商标设计运用最为广泛的一款字体。7