Live Tile是灵魂 Metro UI精髓全面解析

虫虫
 虫虫
发布于 2012年03月15日
收藏 6

 

Live Tile是灵魂 Metro UI精髓全面解析

腾讯数码讯(苏 扬)Metro UI的最初亮相应该属微软推出的Zune HD播放器之上,但是随着Windows Phone的诞生和微软产品战略的转换,Zune HD的地位开始被Windows Phone所取代,而微软也逐步将“三屏一云”计划付诸实现。Windows Phone让很多用户开始领略到了Metro UI的魅力,而Windows 8消费者预览版的发布则让用户真正感受到了Metro UI在大屏幕触控设备上的惊人表现力。那么一直被疯传的Metro UI背后的精髓到底有哪些呢?Live Tile是灵魂 Metro UI精髓全面解析

Live Tile的动态精髓

Live Tile是灵魂 Metro UI精髓全面解析

Metro UI的灵魂在于Live Tile,而并非只是用户单纯的色块形式的理解。对于微软而言,如果UI设计的革新只是仅仅停留在外观之上,那这种变革是没有意义的。那么会有很多朋友会疑惑,究竟这种块状设计背后还蕴藏着多少更深层次的意义呢?

Live Tile的奇妙之处很好的被其名称所概括,简而言之就是Live和Tile的联动。Live即Metro UI的实质,Tile仅仅只是这种实质的具体表现形式,也就是俗称的色块。究其精华部分的Live,并非是一个静态的物体,这是因为Live Tile能够实时的显示数据和信息。 这也是Live Tile和iCon的区别所在。但是Live Tile和Widget又有所不同。直接采用Widget的方式来显示实况信息,操作平台首先需要顺利的加载这些类似于应用程序的Widget,同时调用 的Widget越多的情况下,处理和内存的数据处理逐渐接近峰值,如果在操作平台不做很好的优化,则会导致操作平台性能大大降低,进而影响用户体验的效 果。

Metro UI元素的严格界定

Live Tile是灵魂 Metro UI精髓全面解析

从Windows Phone 或者是Windows 8不难看出微软在图标和按钮等细微元素的定义上有着严格的限制,按钮即按钮,图标即是图标,没有丝毫含糊。不管是推送按钮、开关按钮、控制按钮或者是媒体 播放按钮,在Metro 语言中都有一个边界的定义,而这个边界就是用户通常所见到的小圈圈,由这个小圈圈以及中间的图标构成按钮的属性。

Metro 语言中之所以选用这个小圈圈加上原有的icon组合成一个新的Button是为了增加其显著性以及与传统图标进行区别的需要。按钮更多的是为了适应人机交互的需要,而图标仅仅是作为单向展现信息的载体

滑动手势更能彰显优雅

Live Tile是灵魂 Metro UI精髓全面解析

智能终端设备越来越普及,其屏幕也越做越大,在这种情况下,大屏幕与高利用率之间该如何形成一个良好的桥节点,如果用户要把Metro UI看成单纯的色块,那么Metro UI即时为触屏设备而生,简约而明了的色块提供了连贯、精准手势操作的可能。

传 统触控操作中基于Button的单一按钮即便是适应了大屏幕终端设备,但毕竟由于成本、功耗等因素决定其并不能成为主流,标准尺寸屏幕下无疑还是滑动手势 将屏幕的利用率发挥到极致来得实在。Metro UI中对触控的理解更多的沿用了滑动的模式,具体表现在其全景图和枢轴结构的应用设计。基于去边缘化设计的滑动手势除了能够代替Button按钮外,还可 以将Button按钮的功能丰富化。比如将2abc四个字母集合到一个按钮,通过上下左右滑动来实现不同字母的输入,极大的提高了屏幕利用率。

滑 动手势相比较点击还存在一个优越的地方,即可以很好的弥补点击的精确缺陷,这一点的渊源还是与智能手机的屏幕利用率有关。绝大部分情况下其显示内容均较为 密集,多半情况下一个手指可以覆盖住多个字符,在这样的情况下点击手势对于文本的编辑和光标的插入必然显得力不从心,滑动手势则很好的优化了这些方面的用 户体验。

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:Live Tile是灵魂 Metro UI精髓全面解析
加载中

最新评论(14

GeorgeWorld
GeorgeWorld

引用来自“JamesYk”的评论

大到国际大事,小到鸡毛蒜皮的小事,都能引起中国网民的争论。唯有黄色论坛网民素质高,到处都是楼主好人,楼主一生平安。最近多争论啊,到处都是。看的心烦,但是还是忍不住看评论。

有争论是好事,一边倒没有任何异议才是最可怕的。

但是争论是争论,很多人上来第一口就是人身攻击,这种表现就不是争论是,是纯粹的泼妇骂街耍泼。
J
JamesYk
大到国际大事,小到鸡毛蒜皮的小事,都能引起中国网民的争论。唯有黄色论坛网民素质高,到处都是楼主好人,楼主一生平安。最近多争论啊,到处都是。看的心烦,但是还是忍不住看评论。
KrizeChan
KrizeChan
一个metro界面就引发了命令行和UI的口水战 = =
ddatsh
ddatsh

引用来自“GeorgeWorld”的评论

引用来自“崔钢”的评论

越说越悬了。不就是个破UI么。命令行下就不能工作了么?

用笔记本摄像头,为你的汽车拍个照片,然后把照片中汽车的拍照号码换一个,然后把这个照片加上好看的边框,然后把这个修饰好的照片发布到微博上。

请问,你用命令行如何实现以上的步骤?

如果你非要说你可以,那么我想问的是:隔壁卖化妆品的小妹会不会用命令好搞定上述的一切?

所以,不要动不动就命令行这个,命令行那个,最烦这种拿命令行说事儿的伪君子。

+1
GeorgeWorld
GeorgeWorld

引用来自“崔钢”的评论

引用来自“GeorgeWorld”的评论

引用来自“崔钢”的评论

越说越悬了。不就是个破UI么。命令行下就不能工作了么?

用笔记本摄像头,为你的汽车拍个照片,然后把照片中汽车的拍照号码换一个,然后把这个照片加上好看的边框,然后把这个修饰好的照片发布到微博上。

请问,你用命令行如何实现以上的步骤?

如果你非要说你可以,那么我想问的是:隔壁卖化妆品的小妹会不会用命令好搞定上述的一切?

所以,不要动不动就命令行这个,命令行那个,最烦这种拿命令行说事儿的伪君子。

讨厌把UI当神话的**。

没人把UI当神话,只不过是面对现实,实话实说。命名使用GUI可以轻松搞定的事,非要在命令行下鼓捣半天,这种行为就是不面对现实,是唯心主义者,不面对现实,不接受现实。
崔钢
崔钢

引用来自“GeorgeWorld”的评论

引用来自“崔钢”的评论

越说越悬了。不就是个破UI么。命令行下就不能工作了么?

用笔记本摄像头,为你的汽车拍个照片,然后把照片中汽车的拍照号码换一个,然后把这个照片加上好看的边框,然后把这个修饰好的照片发布到微博上。

请问,你用命令行如何实现以上的步骤?

如果你非要说你可以,那么我想问的是:隔壁卖化妆品的小妹会不会用命令好搞定上述的一切?

所以,不要动不动就命令行这个,命令行那个,最烦这种拿命令行说事儿的伪君子。

讨厌把UI当神话的**。
崔钢
崔钢

引用来自“GeorgeWorld”的评论

引用来自“崔钢”的评论

越说越悬了。不就是个破UI么。命令行下就不能工作了么?

用笔记本摄像头,为你的汽车拍个照片,然后把照片中汽车的拍照号码换一个,然后把这个照片加上好看的边框,然后把这个修饰好的照片发布到微博上。

请问,你用命令行如何实现以上的步骤?

如果你非要说你可以,那么我想问的是:隔壁卖化妆品的小妹会不会用命令好搞定上述的一切?

所以,不要动不动就命令行这个,命令行那个,最烦这种拿命令行说事儿的伪君子。

UI是好,可没那么悬。
GeorgeWorld
GeorgeWorld

引用来自“崔钢”的评论

越说越悬了。不就是个破UI么。命令行下就不能工作了么?

用笔记本摄像头,为你的汽车拍个照片,然后把照片中汽车的拍照号码换一个,然后把这个照片加上好看的边框,然后把这个修饰好的照片发布到微博上。

请问,你用命令行如何实现以上的步骤?

如果你非要说你可以,那么我想问的是:隔壁卖化妆品的小妹会不会用命令好搞定上述的一切?

所以,不要动不动就命令行这个,命令行那个,最烦这种拿命令行说事儿的伪君子。
崔钢
崔钢

引用来自“凝望*爱情”的评论

引用来自“崔钢”的评论

越说越悬了。不就是个破UI么。命令行下就不能工作了么?

你把人微软做设计的工程师鄙视了。。

Metro又不是MS的。
返回顶部
顶部