几年来,平面设计一直是用户界面设计的趋势。 它基本上是通过保留基本要素并删除不重要的元素(例如光泽,斜面和纹理)来简化界面。 可以将平面设计描述为对数字媒体的忠实, 而无需对现实世界的对象进行任何图形并行处理

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

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

微软:挺直的

微软在Windows 8和Modern UI的发布中首次引入了“真正的数字”界面。 Windows Media Center和现已停产的Zune品牌为微软开启了这个新的设计时代,但是Windows 8彻底摆脱了图标之海(此后便是大多数台式机操作系统所使用的图标海)彻底改变了游戏。

现在,新的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主题。但最终发展成为一种简约的卡型界面 ,该界面现已在其大多数产品和服务中盛行。

谷歌基于卡的设计在Google Now上最为明显。 空格和浓缩的Roboto字体的使用使整体布局非常干净且易于消化 。 该设计虽然被认为是扁平的,但仍使用微妙的渐变和阴影作为元素来辅助突出显示的堆叠卡。

文字信息按大小和颜色以及重要性顺序组织。 标题标题通常较大且较暗,而描述性副本则为灰色,有时为斜体。 Google对纯色矢量插图和图标的使用也呼应了该公司对简洁现代设计的奉献精神。

苹果:与Neue一起

苹果刚刚重新设计了其新的移动版本iOS7的外观,使其与旧界面相比具有更平整和纯色的色调。 在最近的iphone重新设计中 iOS7从更简单的图标,新颖的字体处理和更平坦的环境中获得了Microsoft和Google的一些启发。

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

在iOS7中,Apple引入了模糊半透明的使用, 以提供屏幕元素的上下文和位置 。 新版本还以Helvetica Neue Light形式引入了更薄,更现代的字体。 这与全新的用户界面相匹配,具有更轻便且透气的布局,尤其是在“邮件和日历”应用程序中。

视差效果之类的细微改进为启动器屏幕增加了深度和运动 。 当然,并不是每个人都喜欢苹果公司向新iphone设计的急剧转变,设计师们正在创造iphone 设计的替代方案,但是随着新iPhone 5S的推出,我们可以期待更多的选择。

不同的理想

这3家高科技公司在其新用户界面上有不同的指示。 微软专注于通过其现代UI提供丰富多彩,纯平整,实用的界面 。 另一方面,Google更愿意在类似于卡片的白色容器上显示有用且及时的数据,这与Google主页的外观非常相似。

与此同时,苹果公司在软件和硬件方面承担了微软的职责,同时还增加了一些酷炫的数字技巧,例如iOS7的主屏幕的视差效果 。 这些新界面中的大多数也以某种方式相似,因为它们现在可以在多种设备上运行,从小型电话到大屏幕平板电脑和台式机,它们现在都具有响应能力和灵活性。

微软效应

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

如果您曾经看过Microsoft的Vision of Future ,您将意识到我们现在拥有的Modern UI只是结合触摸,语音和传感器的新型自然用户界面的开始 Microsoft的Xbox + Kinect,Windows Phone甚至Bing之类的属性已经实现了Microsoft对统一平台(PC,电视和移动设备)的“三屏和云”愿景,因此呈现的未来可能不会太遥远。

向前进

显然,Apple,Google和Microsoft现在正在为各自的操作系统采用更加简化,简约和更简洁的设计 。 形式胜过功能或功能胜于形式,正如著名的现代主义格言所指出的那样,用户最终将不得不决定他们偏爱这三种方法中的哪一种。

可以肯定地说,尽管扁平化设计趋势已经留下了印记,并将持续相当一段时间。 随着我们向更真实,诚实的设计未来迈进,平面只是开始

编者注:这篇文章是由Roman Po为Hongkiat.com撰写的。 罗曼(Roman)是DesignCrowd.com的作家,在这里他痴迷于移动GUI,UX和Web设计方面的创新。 您可以在Techolo.com和OneDesignPH.com上找到他的最新博客文章。

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

微软和苹果笔记本键盘对比_看看微软,谷歌和苹果的平面设计方法相关推荐

  1. 微软账号登陆不上_登录微软账号的Windows电脑如何远程?

    一般情况下,我们都使用的是Windows电脑的本地账户.但是随着Windows 10的推广,现在微软也开始主推微软账号登录Windows电脑了. 现在遇到一个问题,就是远程Windows电脑时,提示连 ...

  2. surface pro java_【微软SurfacePro4评测】两代产品外观对比_微软 Surface Pro 4_笔记本评测-中关村在线...

    ·两代产品外观对比 了解了Surface Pro 4外观及配件的相关信息之后,我想大家对Surface Pro 4与Surface Pro 3的外观差异也很关注,那么接下来我们就来看看二者有何差异? ...

  3. Chromium 内核新款 Edge 浏览器对比评测,微软找回面子全靠它了

    近日微软在官网终于放出了基于 Chromium 内核打造的新款 Edge 浏览器,感兴趣的朋友可以"点击此处"进行下载.此前,有关微软将使用 Chrome浏览器内核打造全新 Edg ...

  4. 新Edge浏览器对比评测,微软找回面子全靠它了

    (给技术最前线加星标,每天看技术热点) 转自:中关村在线 根据外媒消息,Chromium芯的Edge浏览器可能会随Windows 10 20H1更新直接登陆Windows 10系统,并取代老款Edge ...

  5. 安装/卸载微软鼠标和键盘中心1603和1612错误

    #安装/卸载微软鼠标和键盘中心1603和1612错误 1612 错误是无法卸载之前老程序,当然如果你想要直接用新版版本更新就会引发1603错误.网上有个教程可以修正1603错误,但是有前提是这个160 ...

  6. 【Linux 中国】横向对比 5 款微软 Office 替代品

    横向对比 5 款微软 Office 替代品 在这篇文章中,我们将推荐 5 款可以替代微软 Office 的最佳软件,并从功能.操作难易程度等方面,对它们进行比较.看一看哪款更适合你? 可以说,Offi ...

  7. usb 键盘码表_键盘鼠标对应码表-delphi键值

    在操作API的时候很多时候需要用到我们键盘上的按键,这里是对照的 常数名称 十六进制值 十进制值 对应按键 VK_LBUTTON 01 1 鼠标的左键 VK_RBUTTON 02 2 鼠标的右键 VK ...

  8. 三国战记,微软Windows phone,谷歌android,苹果iOS,手机云计算云服务三国混战

    北京时间2011年6月7日凌晨一点,万众期待的苹果开发者峰会WWDC在美国召开,来自全球的苹果开发者共同参与了此次盛会.此次发布会上苹果正式对外展示了应用于Mac电脑的Lion系统,应用于苹果iPho ...

  9. android手机变微软手机号码,手机居然变平板?微软沦落到抄袭5年前安卓设计

    原标题:手机居然变平板?微软沦落到抄袭5年前安卓设计 2017年过半,号称全球第三大智能手机操作系统的WP,几乎都消失了.别的不说,就问你身边还有人在用WP手机吗?就连硬件生产商诺基亚都独立推出了安卓 ...

最新文章

  1. linux 查看libevent 安装目录,linux下libevent安装配置与简介 以及 linux库文件搜索路径的配置...
  2. spring源码读书笔记(1)
  3. java接口自动化(四) - 企业级代码管理工具Git的应用
  4. java对象与json对象间的相互转换的方法
  5. java angularjs 跨域访问_AngularJS实现跨域请求
  6. 用Nginx作反向代理简单多了
  7. app怎么嵌套vue页面_用vue做app内嵌页遇到的坑
  8. 基于UDP的网络对战五子棋
  9. 【渝粤题库】陕西师范大学180108 有效教学的理论与实践
  10. 使用 Vscode +PlantUml 画uml图
  11. 聊天室小程序服务端源码(客户端接下一条)
  12. “左眼跳财,右眼跳灾”
  13. 第二章:第二三节数据重构
  14. 考研英语词汇文章4-Freshman Year
  15. Jmeter 压测工具
  16. Python合并两个列表的方法
  17. 小白问题,python anaconda关系 pip install安装包
  18. poj 1753 翻转棋子
  19. 意外的惊喜:f.lux, 一款真的很强大的护眼软件
  20. Android高级工程师每日面试题精选,offer拿到手软

热门文章

  1. 物联网的概念扩展和技术延伸
  2. python的发展及就业前景
  3. scipy.sparse使用简例
  4. 回忆那么长-《奇幻》《武侠》
  5. 15款安卓壁纸app因涉嫌广告点击欺诈被下架
  6. uniapp-微信小程序获取定位授权
  7. 方舟方块世界服务器修改器,《方舟:方块世界》无限资源修改方法一览
  8. 如何高效管理自己的Linkedin账号,推荐外贸新人收藏
  9. SpringBoot启动报错:org.springframework.beans.factory.UnsatisfiedDependencyException Error creating
  10. MyEclipse配置Maven