数极客首页

Win8 Metro风格界面在iphone APP中的视觉体现

Win8的界面设计,推翻
了Windows传统,大胆援用
了WP7的Metro界面,又分别

了Win7的传统操作界面,突破

了人们对微软操作系统原封不动
的见地
,并提示

出Windows引领未来

操作系统的决计
和野心。

Win7的界面作风
大受欢送

,影响了微软对Win8的界面设计。在Win7大受欢送

的基础

上,自己

完好

没想到Win8会设计成这个样子……但是他就这么来了。固然
本次Win8不曾
提到Aero透明效果,但我们还是从它的传统界面上看到了一些相似

的中央
,但Win8界面的确

第三
得到了提升,曾经
不以Aero为主打,转向Metro和Ribbon界面。

Win8 Metro作风界面在iphone APP中的视觉表现

 

什么是“Metro”?“Metro”曾经
不是一个新词,本意是指“地铁”。纵观机场、地铁、公交线路图等,会发现这些导视设计都具有高度概括性,对比

度猛烈

等特性
,并被用来指导人们更快的找到自己

要往的目的地。这个设计言语
正是源于交通导视图的这些特性
而产生的灵感。

Win8 Metro作风界面在iphone APP中的视觉表现

 

Metro在移动

设备的界面设计言语
,最早是出往常

微软推出的Windows Phone 7上

Win8 Metro作风界面在iphone APP中的视觉表现

 

从视觉上看,比较

突出的特性
是:

整个界面展示

出的“图标”完好

跟 “圆角、突变
、阴影、光泽感”说拜拜,用纯二维以及高度概括性弱化了视觉上的复杂性,让用户没有过多的往关注图标自身

,而是增加其辨识性和标识性,抵达

强化内容和信息的目的。

在一个充溢

着各种突变
和各种效果的时期
,WP7能如此大胆地抛开了传统视觉设计言语
的约束
,不惜代价地进步视觉上的分明

度和辨识度,把追求简约
发挥到了极致。

往常
,随着iphone 各种APP的不时
更新,我们能够

从一些APP中,看出显然
的Win8 Metro作风

《面包旅游

荣获苹果App Store 2012 年度最佳应用,设计作风
推翻
以往的渐蜕变
感,清新

的颜色战争
面化的元素是亮点

Win8 Metro作风界面在iphone APP中的视觉表现

 

《诺基亚HERE Maps》

HERE 的界面看上去和塞班系统很像,在细节处又凸显出不少 Windows Phone 的作风

Win8 Metro作风界面在iphone APP中的视觉表现

 

《ISO500》

500px 第三方客户端,Metro作风
尽显

Win8 Metro作风界面在iphone APP中的视觉表现

 

“Metro”作为一种新的设计言语
出往常

移动

终端中,更像是一种现象的持续
,不论

是在界面还是体验上,都需求
有一个差别

化的中心
价值,当这种体验的中心
价值表往常

内容至上时,无所谓对与错,进步或后退。

所谓的视觉次于内容,并不意味着视觉设计的位置
被削弱
了,相反更需求
设计师提炼“设计”。

 

————————————-华美
的分割线—————————————–

补充一篇文章

【iShout】Metro UI 的简约
是另一种复杂

作者:苏园

Metro UI 推出来的时分
,对比

其他系统的图标海洋,的确

让人眼前一亮,活动格窗取代图标,内容取代方式
,微软的宣言是让智能手机用户有更高的效率得处置
事务,而不是专注于智能手机自身


但果真如此吗?在我看来,Metro UI 设计得的最初目的是简约
,最终
产生的结果却不一定是简约

细线

Metro UI 中的一大特征
就是内容的无边框设计,经过
距离

和字体使内容产生自发性质的分隔,而不用
经过
边框等介质。在展示

少量内容时,简约
的特性能够

很好的表现
,但在处置
大量内容时,却会表现出“拥堵
”。由于没有分割线,不同的内容之间只能经过
留白来分隔,招致
文字积压,挤占了屏幕的表现空间,进一步构成

了内容的“拥堵
”。

 

Win8 Metro作风界面在iphone APP中的视觉表现

以设定中“关于本机”选项为例,iOS 的细线分隔显得更明快,获取信息更分明

容易。细线是最简单的内容辨别

的方式
,Metro UI 对这辨别

方式
的舍弃招致
整个屏幕上只需

孤零零的文字,直接发现有用信息艰难

细线的分隔也是一种更人性化的暗示,它让内容看上去更像一个按钮,暗示着能够

按下并激起
新的内容。而Metro UI 中的内容则会让人疑惑这是单纯的文字还是能够

继续点击查看。Metro UI 的功用
性暗示愈加
不明白

颜色与图标

Metro UI 在颜色的应用上既激进又激进
,激进的是它能够

把界面弄得五彩斑斓,激进
的是在应用内的界面不着一墨。

Win8 Metro作风界面在iphone APP中的视觉表现

从上图看,Metro UI 的邮件界面上只需

单纯的文字,缺乏颜色
,一切
内容的分隔都是经过
字体和空白来完成。这样的结果是信息同质化,很难辨别

信息。界面没有将有价值的信息第一时间呈现出来,因而

当面对这样的界面时,需求
更多的集中肉体

去寻觅
信息。这和做 PPT 时将一切
的文字堆砌起来而不中止

有效的信息归类并无区别。

Win8 Metro作风界面在iphone APP中的视觉表现

而 iOS 除了字体还有不同的颜色来表现不同性质的信息,同时也有小图标来表现相同信息的数目。各种要素各司其职,将信息表达得直观明白

活动格窗

活动格窗是Metro UI 呈现给用户的第一特征
,它不只
是一个快速启动的按钮,同时也是一个信息更新的展示

板,微软宣传这样的设计能够

更好的将信息第一时间呈现给用户。

但问题是,活动格窗的面积太小了,只能显现
简介性质的数字,小图标表等等,短少

好的信息预览功用
,这样的通知系统展示

给用户的结果就是“知道

有这么回事,但不知道

究竟

是怎样
回事。”用户依然

是茫然的。有价值的信息被淹没

,用户没有能够

便利
地获取有用信息。

Win8 Metro作风界面在iphone APP中的视觉表现

简约
的目的不是复杂

Metro UI 是一个方式
上简约
的系统,招致
的是一个复杂的用户体验。与其相标榜的相反,用户需求
花更多的时间在屏幕上才干
认真
甄别什么是有用的信息。Metro UI 为了简约
,大多数时分
忽视

了内容的表现方式
,比如

细线这种最简单辨别

内容的方式
。Metro UI 在颜色上也有奇特

的特性,屏幕永远处在斑斓和全无的两极,内容的表现方式
十分

单一。

在我看来,微软的界面设计堕入
了一个误区,突出内容疏忽

方式
,并不是真正的简约
,而是另一种复杂。

来源:http://mdc.sohu.com/?p=1639

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章