看看微软,谷歌和苹果的平面设计方法

平面设计可以说是对数字媒体的忠实, 而无需与现实世界的对象进行任何图形上的并行处理

它基本上是通过保留基本要素并删除不重要的元素(例如光泽,斜面和纹理)来简化界面。

几年来,平面设计一直是用户界面设计的趋势。

世界上最流行的操作系统Windows,iOS和Android逐渐将其设计语言转变为更简约,更简洁的外观 ,其特征在于以网格形式显示数据,更大的标题标题,广泛使用空白,采用了纯色调色板和简洁的扁平字体类型。

让我们看一下这三家公司如何在自己的操作系统和相关服务上实现和实施平面设计。

微软:直言不讳

Windows Media Center和现已不复存在的Zune品牌为微软开启了设计的新纪元,但Windows 8彻底摆脱了图标之海(此后便是大多数台式机操作系统所使用的图标海)彻底改变了游戏。

微软在Windows 8和Modern UI的发布中首次引入了“真正的数字”界面。

现在,新的Windows 8“开始”屏幕由动态磁贴 (经过动画处理,类似于通知的小部件)驱动,并以水平滚动布局的形式在网格中进行排序,从而利用了常见的横向显示。

看看微软,谷歌和苹果的平面设计方法

它的灵感还来自地铁交通标志的图标和字体。

Windows 8的Metro Modern UI很大程度上基于由建筑师Walter Gropius创立的包豪斯运动 ,其中包括该学校哲学家路德维希·密斯·凡·德·罗,勒·柯布西耶和现代派画家彼得·蒙德里安的支持者。

网格对齐,版式和负空间构成了整体,为用户(尤其是触摸屏设备上的用户)提供了引人入胜的全屏体验。

微软的瑞士风格界面避免了阴影,光泽,纹理等非必需元素,并将内容放在Google的Chrome浏览器之前。

Google:持卡

Google随Android 4.0的发布开始为Android定义清晰的设计准则 ,代码名为Ice Cream Sandwich (Android 4.4现在称为KitKat!)。Google创造了自己独特的设计风格,并将其命名为Holo ,首先是TRON主题。但最终发展成为一种简约的卡型界面 ,该界面现已在其大多数产品和服务中盛行。

看看微软,谷歌和苹果的平面设计方法

该设计虽然被认为是扁平的,但仍使用微妙的渐变和阴影作为元素来辅助突出显示的堆叠卡。

空格和浓缩的Roboto字体的使用使整体布局非常干净且易于消化

谷歌基于卡的设计在Google Now上最为明显。

Google对纯色矢量插图和图标的使用也呼应了该公司对简洁现代设计的奉献精神。

标题标题通常较大且较暗,而描述性副本则为灰色,有时为斜体。

文字信息按大小和颜色以及重要性顺序组织。

苹果:与Neue一起

在最近的iphone重新设计中 iOS7从更简单的图标,新颖的字体处理和更平坦的环境中获得了Microsoft和Google的一些启发。

苹果刚刚重新设计了其新的移动版本iOS7的外观,使其与旧界面相比具有更平整和纯色的色调。

可以说,批评者对苹果在其平台上的超拟变形(或强迫性设计现实主义)方法的批评,尤其是诸如Game Center之类的原生应用(具有毡制背景和Calendar的皮革纹理)促使了这一变化。

看看微软,谷歌和苹果的平面设计方法

这与全新的用户界面相匹配,具有更轻便且透气的布局,尤其是在“邮件和日历”应用程序中。

新版本还以Helvetica Neue Light的形式引入了更薄,更现代的字体。

在iOS7中,Apple引入了模糊半透明的使用, 以提供屏幕元素的上下文和位置

当然,并不是每个人都喜欢苹果公司向新iphone设计的急剧转变,设计师们正在创造iphone 设计的替代方案,但是随着新iPhone 5S的推出,我们可以期待更多的选择。

视差效果之类的细微改进为启动器屏幕增加了深度和运动

不同的理想

另一方面,Google更愿意在类似于卡片的白色容器上显示有用且及时的数据,这与Google主页的外观非常相似。

微软致力于通过其现代UI提供丰富多彩,纯平整,实用的界面

这3家高科技公司在其新用户界面上有不同的指示。

这些新界面中的大多数也都以相似的方式进行了设计,以使它们现在也具有响应性和灵活性,因为它们可以在从小型电话到大屏幕平板电脑和台式机的多种设备上运行。

与此同时,苹果公司(在软件和硬件上)发挥了微软的丰富性,同时还增加了一些酷炫的数字技巧,例如iOS7的主屏幕的视差效果

微软效应

尽管微软并没有开始扁平化的设计趋势(就像谷歌开始进行网络搜索一样),但我相信他们是由于Windows 8的开发和市场营销而产生了巨大的影响,Windows 8 要求将所有PC都安装在 Windows 8 上。 Planet及其用户习惯了这个新的独特界面。

Microsoft的Xbox + Kinect,Windows Phone甚至Bing等属性已经实现了Microsoft对统一平台(PC,电视和移动设备)的“三屏和云”愿景,因此呈现的未来可能不会太遥远。

如果您曾经看过Microsoft的Vision of Future ,您将意识到我们现在拥有的Modern UI只是结合触摸,语音和传感器的新型自然用户界面的开始

向前进

形式胜过功能或功能胜于形式,正如著名的现代主义格言所表明的那样,用户最终将不得不选择这三种方法中的哪一种。

显然,苹果,谷歌和微软现在正在为各自的操作系统采用更简化,更简约和更简洁的设计

随着我们向更真实,诚实的设计未来迈进,平面只是开始

可以肯定地说,尽管扁平化设计趋势已经留下了印记,并将持续相当一段时间。

您可以在Techolo.comOneDesignPH.com上找到他的最新博客文章。

罗曼(Roman)是DesignCrowd.com的作家,在这里他痴迷于移动GUI,UX和Web设计方面的创新。

编者注:这篇文章是由Roman Po为Hongkiat.com撰写的。


翻译自: https://www.hongkiat.com/blog/google-apple-microsoft-flat-design/