当前位置: 首页 » 资讯 » 电商 » 正文

从Metro Design出发 谈谈扁平化设计的前身今世

发布日期:2023-06-29 14:41:54     浏览次数:7
核心提示: 在手机领域,提起“扁平化设计”绝大多数人首先想到是苹果iOS系统,似乎从iOS 7开始,扁平化设计(flat design)开始深受各家厂商喜爱,如今也成为最主流设计风格。那么,什么是扁平化风格呢?在这里,小编给大家谈谈扁平化设计fl

在手机领域,提起“扁平化设计”绝大多数人首先想到是苹果iOS系统,似乎从iOS 7开始,扁平化设计(flat design)开始深受各家厂商喜爱,如今也成为最主流设计风格。那么,什么是扁平化风格呢?在这里,小编给大家谈谈扁平化设计flatdesign前身今世。

>

什么是扁平化设计?

谈及扁平化,不得不提经典拟物化设计,尽管这两者并不是完全对立关系。在拟物化设计中,所有元素都遵循和现实世界中实体一致原则,比如说书架上书本、计算器实体按键等,然而,最大问题在是,这种设计并非基于数字设备可用性,所有按钮或旋钮都可以通过鼠标或触屏操作实现——它们只是看起来像真实事物而已。换句话说,拟物化设计并不是为了内容或功能性服务,它仅仅只服务于视觉而已。

数字领域发展要求对信息更加专注,那么,当这些用于修饰、装饰繁杂、复古元素去掉时,呈现在我们面前是什么呢?

>
扁平化风格

由此,扁平化设计孕育而生。所谓扁平化设计,一言以概之:抛弃任何能使得作品突显3D效果特性。在实际当中则体现为去掉了落式阴影、梯度变化、表面质地以及能做出3D效果元素,可以让设计核心更好展现,同时在设计元素上,则强调了抽象、极简和符号化。

极简主义和扁平化设计

多数情况下,扁平化设计会和“极简主义”这个词语捆绑出现,但这两个词之间并不是对等关系。我们熟知扁平化设计基本上最早从数字领域开始兴起,而极简主义历史更长,更涉及到了建筑、艺术等多个领域,因此,可以说扁平化设计是极简主义下一种表现形式。随着时代与科技进步,新闻媒体崛起,每天进入我们视野信息量越来越多,当我们浏览这些信息时候,我们都希望更快更好将展现在我们眼前信息吸收,这就是扁平化兴起契机。

>
极简主义页面

如果用通俗话讲,极简主义是删繁就简,去掉修饰,目为了更高效地呈现信息。极简主义更加突出是目,将原有信息,用极简修饰,或者干脆不用修饰,目就是突出内容。而扁平化风格,则是去掉这些修饰方式,特别是对软件APP图标或者Logo,扁平化风格可以让用户不用再花精力去理解其意义。

扁平化设计发展

其实我们日常看到大多数设计元素都来自印刷出版物和美学先驱。如果要追溯扁平化设计起源时间及地点,可能有些难度。不过我们可以从几个艺术设计时期来探讨扁平化设计灵感来源。在扁平化设计发展历程中,有必要提一提瑞士风格(也叫国际主义平面设计风格),瑞士风格顾名思义源于瑞士,在上世纪四五十年代发展为主流风格。

>
瑞士风格

微软MetroDesign

而在数字领域,Metro Design是平面设计领域最经典案例,是微软基于设计语言设计一种界面风格,最早用于微软Zune播放器,后在微软Windows phone 7 同样使用了该设计,后来windows 8也使用该设计来适应平板触控设备。Metro作为一种文字导向(typography-based)设计,比起其他UI设计风格更加注重字体。

>
微软MetroDesign

由于这个风格主张“内容大于装饰”,所以更注重内容本身。而在此之前,传统设计上主张是“Graphic”(图形),微软认为Metro设计主题应该是:“光滑、快、现代”()。不过当大家熟知Metro Design时候,它已经换名字了。如今,MetroDesign早已改名为ModernUI,当然只是换汤不换药,换了个名字而已。

谷歌materialdesign

materialdesign中文译名有多种,“材料设计”、“材料学设计”等等,但最准确应该是“质感设计”,只有“质感”一词语才能完整地表达出materialdesign特点,给张GIF感受下:

>

目前这种设计语言在手机、平板电脑、台式机和“其他平台”提供更一致、更广泛“外观和感觉”。可以让颜色更鲜艳,动画效果更突出,谷歌想法是让谷歌平台上开发者掌握这个新框架,并且让所有应用都拥有一个统一外观,就像曾经苹果对开发者提出设计原则一样。

material design虽然是一款全新设计,但是在设计上并没有完全抛弃Google过去在设计上取得成果。material design和Google标志一样,不过摒弃了艳丽颜色,看起来更加沉稳。相对于Android Design来说,它不仅仅能拥有更好视觉效果,同事还拥有自己目标,就是为了让各种不同设备间统一界面和交互,让用户得到连贯体验。

苹果“扁平化”——非真“扁平化”

自从苹果发布iPhone 5s同时推出iOS 7系统以来,苹果系统扁平化风格就随之而来。然而一开始,大家普遍看法是,这种改变仅仅是外观上改变。而这个设计灵感来自德国已故传奇设计师Otl Aicher,由Jonathan Ive主导iOS 7,完全抛弃了立体、逼真、细节,取而代之是扁平、线条简单、色调明亮色块,一开始可能不太适应,适应时候才会发现它神奇之处。

>
苹果扁平化风格

不过苹果设计“扁平化”风格并非真正“扁平化”,因为“扁平化”主张是去掉像透视,纹理,渐变,羽化,渐变,3D等等效果,然而仔细看,就会发现苹果设计里,阴影,渐变,高光甚至纹理很多效果都依然还在,直观感受更加鲜艳活泼了,但还是有一种图标是稍微立体感觉,并不像微软和谷歌一样是平,所以虽然看起来似乎是“扁平化”风格,却又与“扁平化”设计理念背道而驰。

扁平化趋势?会被其他风格替代吗?

说到扁平化风格,也是近些年兴起来,也正是近些年各方面风格设计都偏向它,所以扁平化风格才会如此流行。当然,随着科技和互联网不断发展更新,网站建设技术水平也要随之增强更新。从最初纯净态网站到现在动态和静态生成技术,可以说网站经历了很多变化和升级,但是就目前而言,扁平化极简风格还是迎合了大家审美很难被取代。

>
扁平化风格主题

不过,我们大概能猜测到,虽然扁平化网站强调极简风格迎合了当世人审美,但随着时代变化,当扁平化风格不能很好地满足用户体验时,这个设计也必然会调整方向。按照常理看,未来扁平化设计必然会被其他设计风格取代。设计风格和其所在时代技术息息相关,大趋势还是简化,任何领域,从繁到简都是一个趋势,UI设计只是一种表达,更重要是其背后人机交互。

>

例如,近些年提出3D全息UI概念,由于二维操作难以提供更好交互体验,因此平面化操作界面转向3D 空间维度发展,3D化界面更贴近真实,这也将是未来发展趋势。当然还有近几年兴起去掉键鼠以瞳孔追踪代替新交互等,都是全新交互体验,这些都需要靠设计师们去发掘。

头条分类

免责声明:本站所有信息由各公司自行发布,请在交易前确认真实合法性,本站不承担任何交易及此类作品侵权行为的直接责任及连带责任!