Metro UI 平板概念图
- 冉波 - 爱范儿 · Beats of Bits在 《从应用启动器的设计来谈谈 Metro UI 的不足》 中，我曾抱怨过 Metro UI ，主要是针对它的主屏幕，因为在手机那样的小屏幕上，主屏似乎更适合摆放图标，而不是动态格窗. 但是如果我们将 Metro UI 放到平板上，情况就会完全不同. iOS 在 iPhone 上表现虽然很好，但是将同样的 UI 放到 iPad 上，总感觉不够大气.
Metro UI 平板概念图
标签：
界面设计
产品设计
| 发表时间：2011-05-30 20:58 | 作者：P迪 可乐加糖
出处：http://www.alibuybuy.com
在 《从应用启动器的设计来谈谈 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
© 推荐 for 互联网的那点事, 2011. |
Permalink |
No comment |
Add to
del.icio.us
Post tags: 界面设计
| 你可能也喜欢： | ||||
 移动界面隐喻设计 |
 产品UI设计流程 |
 Plus+的界面设计 |
 八个实用的移动设备界面设计技巧 |
 用户界面设计中“状态”和“动作”的表达 |
| 无觅 | ||||
Feed enhanced by Better Feed from Ozh
相关 [metro ui 平板] 推荐：
Metro UI 专利终于获批
- linsen - 爱范儿 · Beats of Bits最近的专利大战挺火热，对于微软来说，美国专利商标局又给他们带来了好消息：微软在 2010 年初申请的 Metro UI 专利终于得到了批准. 整个专利描述很长，也比较抽象，比如这一段：. 在用户界面当中，当用户进行输入时，提供一种视觉反馈. 例如在边界提供视觉线索，表明这个可移动的界面元素已经到达边界（比如说滚动到列表末尾）.
7 款免费的 Metro UI 模板
- - 开源中国社区最新新闻很棒的蓝色调 Metro UI 管理模板. Metro Bootstrap 是基于 Bootstrap 开发的 Metro 主题. 非常易用的 Metro UI 框架，付费版本提供更多功能和特性. 这是很不错的管理界面的模板，不适合用于首页，主要是后台界面框架. Metro JS 是一个免费而且非常有用的 JavaScript 库，可帮你开发 Metro 风格的 Web 应用，可在块和创建一些简单的动画效果.
淺談微軟Windows手機的metro UI設計
- iVane - Inside 網路趨勢觀察不得不説這次微軟的Windows Phone請來的UI/UX設計師為微軟帶來了一些新風貌，這是很多人都沒有想過的事情. 當大多數人正在等待著新的iPhone到手時，引起我注意的卻是微軟Windows Phone的metro UI. 這次微軟Windows Phone的Metro UI還滿值得注意的，除了設計師，工程師應該要開始接觸外，一些正在開發軟體或打算開發軟體的人們也該暫時把對Windows的偏見放一邊，花點時間來看看Metro UI的特別之處.
将 Chrome 新建标签页变为动态的 Windows 8 Metro UI
- SotongDJ - 谷奥——探寻谷歌的奥秘Chrome V15带来了全新的触控风格的新建标签页界面，但它似乎并不讨喜，好多人不喜欢它. 这枚叫做Awesome New Tab Page的Chrome扩展可以解决你的烦恼，它会将你的新建标签页变成Windows 8的Metro UI风格. 别小看了这枚扩展，它可不是简单的把图标堆砌在Chrome新建标签页上，其实每个Metro UI的小格子都可以是一个可动态实时变化的widget，目前内置了一些widget，包括Google+、Facebook、Twitter、Google Calendar、Google Reader、YouTube、UrbanDictionary每日一词、数字时钟等等.
【iShout】Metro UI 的简洁是另一种复杂
- tossking - 爱范儿 · Beats of BitsMetro UI 推出来的时候，对比其他系统的图标海洋，确实让人眼前一亮，活动格窗取代图标，内容取代形式，微软的宣言是让智能手机用户有更高的效率得处理事务，而不是专注于智能手机本身. 在我看来，Metro UI 设计得的最初目的是简洁，最后产生的结果却不一定是简洁. Metro UI 中的一大特色就是内容的无边框设计，通过间隔和字体使内容产生自发性质的分隔，而不必通过边框等介质.
美丽的平板UI设计创意
- - Jackchen Design 1984随着罗永浩的samrtisan os的第一版发布会的结束. 评价我们想不说，不过老罗对于界面设计的迷恋，对于工匠情节的阐述还是很让人动情的. 最让人敬佩的是老罗对于设计师的一种尊重. 比如系统中可以自行更换图标，而且图标都可以外链到一个作者的URL地址. 这对于很多设计师来说是一个窗口. 可以让更多的设计师去展示自己的才艺，也可以让更多有这样需求的企业很轻松的就找到自己风格的设计师.
移动手持及平板电脑和网页应用设计UI规范
- Guan - 所有文章 - UCD大社区Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design.
大道至简 爱上Metro
- Pei - 博客园-首页原创精华区一直以来我都在寻找一种简洁而又华丽的Web界面风格，却一直未能如愿. 如今网页设计中大行其道的设计元素有华丽的Icon、柔和的光线和自然的阴影、恰当的配色，当然还有时下风靡男女老少的Apple风，确实绚丽无比，这种风格可以说是对上面说到的几种元素的完美组合. 但是要知道，一种艺术或风格，永远都是有人喜欢有人厌的——我还是觉得这些都不够简洁，直到我听说了Metro，一种以“sleek, quick, modern”（平滑、快捷、现代）为宗旨的设计风格，尤其适用于以文字为主的界面.