恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
三种扁平化设计语言:谷歌、苹果以及微软
0.0°
2014-11-19 好文转载 经验/观点 原作者: Roman Po 举报 18188 68 47 1

首先要声明一点,这里的设计语言指的不是编程那种(Programming Language),指的是(Design Language)可以理解为一种风格指导规范

首先要声明一点,这里的设计语言指的不是编程那种(Programming Language),指的是(Design Language),可以理解为一种风格指导规范。

限制细节,简化用户图形界面,整体更简约,用网格线来展现数据,采用更大的标题,大量使用留白,使用无衬线字体,这是扁平化设计。

我们来看看三大巨人微软、苹果、谷歌对扁平化的不同理解。

微软:动态磁贴

先是Windows Media Center以及Zune,然后是icon变为动态磁贴——微软用Win8的Metro化设计语言一开扁平化设计先河。

动态磁贴有点像微件,依据网格线精心布局,整体采用水平滚动,打造风景画一般的视觉体验。

 

 

Windows 8的Metro化设计语言实则受到包豪斯运动的影响,也深受地铁交通标识中字体和图标的影响。

 

微软这种瑞士风格般(瑞士平面设计风格也受包豪斯风格影响)的界面减少了繁杂元素,将内容放在了第一位。网格线对齐、字体、留白、动态磁贴构成了整个界面。

 

微软试图打造一种愉悦、沉浸式的全屏幕视觉体验,主攻触摸屏幕。

谷歌: 卡片式设计

Google 从Android 4.0开始,确定了明晰的设计规范。谷歌一开始有一种叫Holo的设计风格,效果有点像电影创战纪,光感极强,后来发展为卡片式设计,现在谷歌所有的产品几乎都采用这种设计语言。

 

在Google Now中,这种设计风格最显著:清爽的留白、简明扼要的Roboto字体,整体布局干净利落,设计功底显得非常扎实。这种设计风格尽管也被认为是扁平化设计,但是依然保留了精致的渐变和阴影元素(目的是为了避免卡片堆叠时,卡片和卡片之间的识别度不够)

 

文本信息根据重要性的不同来设置尺寸和颜色。标题通常都很大,颜色很深。谷歌的用色以及图标设计都颇具扁平色彩,表明了这家公司对简约设计理念的肯定。

苹果: 磨砂玻璃、色彩和纤细字体

苹果的界面变革,也即是iOS,让整个界面中充满了扁平化和色彩元素。iOS7借鉴了微软以及谷歌的设计语言,使用了更简单的图标,更清爽的字体,以及整体的扁平化生态系统。

 

就连游戏中心这种以拟物味浓厚而著称的应用也采用了扁平化风格

 

iOS7中,苹果抛出了磨砂玻璃的概念,纤细的字体(Helvetica Neue Light)、现代感的外观,整体界面的感觉更加轻盈、更加顺畅,尤其是邮件和日历应用。

然后加入了一点动态效果,尽管不是所有人都喜欢。

区别

 

三家公司的理念明显不同

微软:色彩化、完全扁平、实用

谷歌:信息展现、卡片容器

苹果:汲取了微软的色彩化理念,加入了一点视差效果以及磨砂玻璃效果这种“花招”

一致性也是有的,都考虑到了响应式问题,全部采用了灵活的设计,以便多平台运作。

 

微软效应

 

尽管微软肯定不是第一个采用扁平化设计的公司。但是真正让扁平化走向趋势的推手是微软。Win 8的研发、宣传、推广,让用户渐渐适应了这种界面。

不知你是否看过《微软未来愿景》这个视频,扁平化设计仅仅是自然用户界面(不仅仅是图形)的开端,结合触摸、语音、传感器的控制,多媒体+多种控制方式+云概念,打造更友好的体验。

未来并不遥远

 

大步向前

 

整体来看,微软、谷歌、苹果正在朝“更流畅、更简约”的方向进行设计转变。无论功能大于形式,还是形式大于功能,用户才是决定性因素。

扁平化设计还会持续,将会成为一个标志。大步向前,期待未来

 

原文地址:A Look at Microsoft, Google and Apple’s Approach to Flat Design

原文作者:

By

Roman Po

Filed in Web Design    

更新:2014-11-19

收藏

68人已收藏

BIGS

对就是对,错就是错

  • 72

    作品

  • 1321

    粉丝

  • 61

    关注

  • Light Color--流动的轻色
  • Light Color-轻色
  • 蝙蝠侠大战超人--定制主题
  • 为什么Android开发最抢手?
相关标签
经验设计分享

    猜你喜欢

      2014-11-19 好文转载 经验/观点 原作者: Roman Po 举报 18188 68 47 1

      三种扁平化设计语言:谷歌、苹果以及微软

      0.0°

      你确定要举报三种扁平化设计语言:谷歌、苹果以及微软

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年11月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      47
      68
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录