返回上一页  首页 | cnbeta报时: 19:45:21
《Metro UI 的简洁是另一种复杂》的荒谬
发布日期:2012-01-01 17:14:37  稿源:

我并不是一个专业的设计人员,但是我热爱设计。Metro是由微软公司开发的内部名称为“ typography-based design language”(基于排版的设计语言)。苏园的《Metro UI 的简洁是另一种复杂》,扭曲Metro设计,有意识的引导读者,并有偷换概念嫌疑。
一.认识真正的metro
《metro的故事》---来自MBlogin的翻译
原文:《From Transportation to Pixels》

几年以前,Windows Phone的设计团队意识到,当时我们采取的设计方法是无法长久的,我们需要重新找个方向。我们没有从其他的移动设备或者PC端用户界面来寻找灵感,而是把眼光投向了我们每天生活的这个世界,我们相信真正的灵感存在于真实的生活中。我们参考了许多国际上最流行的设计风格,包括约瑟夫·穆勒-布洛克曼(Josef Müller-Brockmann )的设计风格和马西莫·维格纳利(Massimo Vignelli)为纽约地铁地图和美国航空标识所开发的设计体系等等。在这些作品里,我们获得了许多灵感,这些灵感不仅用在了Windows Phone的UI中,还在Windows Media Center Zune和Xbox有诸多的体现。为了把这些视觉上的灵感转变为我们的艺术作品,我们建立了一系列的原则来规范后续的交互开发、用户行为开发和Windows Phone的整体用户体验。


图(1)
以下是我们当时确定的原则,这些理论直到今天都没有变:

①干净、轻盈、开放和快速
我们采取了一种“大刀阔斧”的方式来删除用户界面中哪些非必须的元素,无论是装饰性的视觉元素还是多余的动作。这使得我们能够专注于用户界面中最主要的元素,并让这些元素变得更加智能化、更加开放,整个用户界面也更加轻盈。
②保持活跃
不同屏幕之间的变换是用户界面设计中最主要的组成部分之一,这些变换的动作定义了用户界面的性格,同时也起到了导航的作用。这是我们最关注的部分。
③更美的字体
我们的设计灵感来自字体,漂亮的字体,我们要让界面变得像这些字体一样美。文字体现了信息,文字的美感是无法取代的。
④信息,而不是界面
用户使用手机最关注的是其中的信息,而不是好看的按钮。减少装饰性元素可以帮助我们建立更加开放的用户界面,并且可以促进用户和信息之间的互动。
⑤真正的数字化

我们相信设计中的真实感。一套用户界面是由无数个像素组成的,在Metro中,我们去掉了所有的渐变和阴影,为用户呈现了真正数字化的界面。
基于以上的原则,我们开发出了Metro用户界面系统。

以上是从这篇文章中节选的一段。将Metro的理念娓娓道来,给人的震撼不亚于苹果介绍Unibody的视频。

二.《Metro UI 的简洁是另一种复杂》说的都是真的吗?

1.图片对比的不公正:苏园的《Metro UI 的简洁是另一种复杂》不知道是否有意识的将拍摄WP的图片与iphone截图对比,用不清楚的图片对比清楚的图片,这公平么?


图(2)

2.”由于没有分割线,不同的内容之间只能通过留白来分隔,导致文字积压,挤占了屏幕的表现空间,进一步造成了内容的“拥挤”。以设定中“关于本机”选项为例,iOS 的细线分隔显得更明快,获取信息更清楚容易。细线是最简单的内容区分的形式,Metro UI 对这区分形式的舍弃导致整个屏幕上只有孤零零的文字,直接发现有用信息困难。“

我们知道一个优秀的设计师并不将空白是为毫无用处,相反认为它有巨大的用处,大多数人最容易犯的错误就是认为空白的地方必须填上东西,然而,正是空白,或被称作负空间或留白使设计中的积极元素脱颖而出,在我看来IOS的设计风格过于臃肿而凌乱。而下意识的利用空白不仅能够产生美感,同时也能作为一种有效的工具,引导用户的视线,突出设计的重点部分。空白不重要么?

3.我充分肯定《Metro UI 的简洁是另一种复杂》”Metro UI 在颜色的应用上既激进又保守,激进的是它可以把界面弄得五彩斑斓,保守的是在应用内的界面不着一墨。“

4.《Metro UI 的简洁是另一种复杂》:”

从上图看,Metro UI 的邮件界面上只有单纯的文字,缺乏色彩,所有内容的分隔都是通过字体和空白来完成。这样的结果是信息同质化,很难区分信息。界面没有将有价值的信息第一时间呈现出来,因此当面对这样的界面时,需要更多的集中精力去寻找信息。这和做 PPT 时将所有的文字堆砌起来而不进行有效的信息归类并无区别。“

(1)metro与PPT设计的想通之处
①尽可能简洁②注重信息③字体大一些④简化数据⑤善用留白⑥聚焦目标
metro是一个从生活中----地铁等交通标识衍生出的设计理念,简洁而突出信息,那么IOS呢?

(2)metro文字真的很乱吗?
我们知道当一大段文字堆在一起的时候确实很混乱,为了避免拥挤不堪,PPT设计者常常在设计的时候留用用白,加大字间距(如下图对比)。
IOS设计风格有着致命的缺陷,IOS风格分割信息与信息是对的,但是IOS风格强行分割了项目与内容,间断了信息流(总容量-----|----64G),使得读者在阅读的时候变得吃力


5.”活动格窗是Metro UI 

呈现给用户的第一特色,它不仅是一个快速启动的按钮,同时也是一个信息更新的展示板,微软宣传这样的设计可以更好的将信息第一时间呈现给用户。只能显示简介性质的数字,小图标表等等,缺少好的信息预览功能“

大家用过WP就知道了,WP确实有缺陷,改进就好了。和metro有什么关系么(文章有偷换概念嫌疑:假设有人提出了观点A;诡辩者不直接反驳观点A,而是把观点A偷换成观点B;然后使劲反驳观点B,让围观者认同观点B是错误的;然后进而让围观者误以为观点A也是错误的。),WP才起步,多点宽容。

6.”微软的界面设计陷入了一个误区,突出内容忽略形式,并不是真正的简洁,而是另一种复杂“一半对,一半错。

metro是个优秀的设计理念,达芬奇也说过”简单即是极大的高深“,Metro看似简单的设计,而对于设计师来说这太难了。

7.另外驳:“大部分人不懂设计,所以metro不会成功(非《Metro UI 的简洁是另一种复杂》文内容)” 虽然世界上大部分人是不懂设计,不懂美学的,但是美是人类的同感,一个人可以不懂美学,但是肯定能够感受到美的
 
非专业人士,有错误请见谅!---yuan
我们在FebBox(https://www.febbox.com/cnbeta) 开通了新的频道,更好阅读体验,更及时更新提醒,欢迎前来阅览和打赏。
查看网友评论   返回完整版观看

返回上一页  首页 | cnbeta报时: 19:45:21

文字版  标准版  电脑端

© 2003-2025