Metro UI 平板概念图

在 《从">应用启动器的设计来谈谈 Metro UI 的不足》 中,我曾抱怨过 Metro UI ,主要是针对它的主屏幕,因为在手机那样的小屏幕上,主屏似乎更适合摆放图标,而不是动态格窗。

但是如果我们将 Metro UI 放到平板上,情况就会完全不同。iOS 在 iPhone 上表现虽然很好,但是将同样的 UI 放到 iPad 上,总感觉不够大气。而 Metro UI 的放到平板上,则能给人一种全新的感觉,动态格窗不会侵占屏幕,全景视图和集件(Hub)的优势更加展现。

Windows 8 应该是为平板优化的,可以肯定微软会将 Metro UI  引人。在官方的产品没有出现之前,不妨看一看设计师 Jozef Kocúr 对 Metro UI 平板的想象。

主屏幕

主屏幕分为三部分

顶栏:活动格窗,可以进行平行滑动,从这里看到喜爱的应用、文件夹和应用列表。这部分应该有很大的改进空间,因为与 iPad 相比,这里的应用只占据顶部位置,当应用增多的时候,效率就会降低。

窗口:打开的应用。这里的设计与 webOS 的卡片很相像。但是每个窗口都有一个控制栏,这样对应用进行操作的时候可以不用全屏,有些类似与 Android 平板中的挂件。

底栏:一个开始菜单。这个设计似乎取自 Windows 桌面版的设计。Jozef 并没有具体说这将如何工作,但是应该不是桌面版的菜单那样扫兴吧。应该是类似于 webOS 的 Launcher。他曾经为 MeeGo 设计过一个 Launcher 的概念,看起来也不错。

锁屏界面

Jozef 对 Metro UI 的锁屏界面进行了小小的改进。比如在顶部放上自己喜欢的图片,实时天气,通知等。他还放了一个按钮,用于关闭/重启/待机。这个实在是没有必要。因为平板与 PC 不同,即开即用是最大的特色,只要一个关闭屏幕的物理按键即可,按钮还容易误触。

集件(Hubs)

Metro UI 上的集件,配合全景视图,给人一种很广阔的感觉,很适合平板,漂亮而且实用。

IE 10

自定义壁纸很有特色,打开的标签页展现方式与 iPad 类似,但是与背景配合之后,给人更加愉悦的感觉。

这只是概念设计,而且不是完成品,Jozef 仍在对自己的设计进行改进。如果你对他的设计有兴趣,可以访问他的个人博客,或关注他的 Twitter 帐号。

via Mynokiablog

来源:http://www.ifanr.com/41791

时间: 2024-10-24 11:12:53

Metro UI 平板概念图的相关文章

Web设计资源:Windows8的Metro UI风格布局案例

文章描述:本文收集了很多Windows 8的Metro UI风格布局资源,希望大家喜欢! 微软已经正式发布了windows 8操作系统,Windows操作系统的风格已经完全改变成了瓷贴状的Metro UI.对于微软来说这是一个巨大的改变,而且所有微软的平台,包括桌面.平板.移动及网站都使用这个UI风格.Metro UI包含了所有的现代web设计的特点:简化.基于网格的界面.富有连续性. 本文收集了很多Windows 8的Metro UI风格布局资源,希望大家喜欢! 一.Metro风格的网站框架和

不容错过的window8 metro UI风格的web资源

中介交易 SEO诊断 淘宝客 云主机 技术大厅 最近微软已经正式发布了windows 8操作系统,window操作系统的风格已经完全改变成了瓦片状的Metro UI. 对于微软来说这是一个巨大的改变,而且所有微软的平台包括,桌面,平板,移动及其网站都使用这个UI风格. Metro UI包含了所有的现代web设计的特点,包括了,简化,基于网格的界面,并且富有连续性. 大家如果有兴趣可以看看这个界面设计说明 (http://msdn.microsoft.com/en-us/library/windo

JS实例:模拟metro UI的等待进度条

文章简介: JS模拟metro UI的等待进度条,圆圈转转转的等待通用性比较差吧.  JS模拟metro UI的等待进度条,圆圈转转转的等待通用性比较差吧 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://ww

从应用启动器的设计来谈谈 Metro UI 的不足

俗话说,太阳底下无新事.http://www.aliyun.com/zixun/aggregation/29847.html">Metro UI 的脱颖而出似乎是一次大的颠覆,但是任何新事物不过是旧事物换个表现方式.不妨从应用启动器的设计看,探讨一下 Metro UI 的一些缺陷和不足. 所谓智能手机,就是可以通过软件扩展手机功能,其结果就是软件不断增多,如何管理这些应用就成了问题.最普遍的方式是将应用图标化.如何管理应用图标不同系统的处理方式各有千秋. 图标和启动器 一般来说,应用以图标

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

Metro UI的最初亮相应该属微软推出的Zune HD播放器之上,但是随着http://www.aliyun.com/zixun/aggregation/13466.html">Windows Phone的诞生和微软产品战略的转换,Zune HD的地位开始被Windows Phone所取代,而微软也逐步将"三屏一云"计划付诸实现.Windows Phone让很多用户开始领略到了Metro UI的魅力,而Windows 8消费者预览版的发布则让用户真正感受到了Metro

使用WPF来创建 Metro UI程序

本文转载:http://www.cnblogs.com/TianFang/p/3184211.html 这个是我以前网上看到的一篇文章,原文地址是:Building a Metro UI with WPF,这篇文章一步步的介绍了如何实现一个Metro样式的窗口,并且效果非常好.今天看到OSChina上有这篇文章的译文:使用WPF来创建 Metro UI,翻译得非常好,这里推荐一下.  值得一提的是,除了这种一步步来的方式外,现在Codeplex中也有不少比较好的metro风格的wpf框架,可以帮

Windows Phone灵魂诠释:Metro UI界面完全解析

Metro在微软的内部开发名称为" typography-based design language"(基于排版的设计语言).它最早出现在微软电子百科全书95,此后微软又有许多知名产品使用了Metro UI,这包括:Windows媒体中心.Zune播放器等等.该技术已于2010年初(美国)获得Metro UI专利批准(USPTO).Metro UI最新的应用是windows phone 7智能手机系统,并将应用于未来的Windows 8.Office 和 Xbox 360产品中.  

五个Metro UI 风格的网页设计

 随着Windows Phone7的发布,WIN8的初露倪端,Metro这种新兴设计风格正被大家所熟悉.      Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言.      Metro设计具备以下五点原则:        1.干净.轻量.开放.快速       2.要内容,而不是质感       3.整合软硬件       4.世界级的动画      5.生动,有灵魂      这些设计原则都基于这样一个原则,就是所有的UI元素都应该实实在在的数字化

Windows Phone 及 Metro UI 设计讨论

微软最新的移动操作平台为Windows Phone提供了全新的内容组织方式和不同的用户体验,在此基础上,Windows 8 也将采用同样的Metro设计原则.与以往的侧重点不同,Windows Phone更注重于用户的社交生活,尤其是针对那些生活中离不开社交网络的用户们. 那么,作为设计师要关注些什么呢? 首先,这是一个全新的平台和用户界面,因此,我们有更多的空间为之提供更好的创意.Windows Phone目前正处在一个上升通道内,对设计师来说,也是一个全新的挑战.我们需要更多的探索来学习如何