Metro风格界面

Metro 风格应用是 Windows 8 Consumer Preview 上用户体验的中心环节,功能强大的 Metro 风格应用共享了一个重要的特性集,这样提供的用户体验就具有一致性、简约性,并且会产生引人注目的效果。
此时,你可能会问,“好的,那什么是 Metro 风格应用,如何将其与桌面应用区别开来?”Metro 风格应用是浸入式的无边框应用,将会充满整个屏幕,因而不会产生干扰。 Metro 风格应用可搭配使用,从而轻松地在它们之间搜索、共享和发送内容。当用户 连接到 Internet 时,这些应用可以向他们显示最新的内容,以便他们获得 最新信息。 使用连接的帐户,用户可下载应用并在任何 Windows 设备上使用它们。
Metro设计具备以下五点原则:
1.干净、轻量、开放、快速  
2.要内容,而不是质感   
3.整合软硬件   
4.世界级的动画   
5.生动,有灵魂
内容是 Metro 风格应用的核心,并且在镶边前放置内容是 Metro 风格应用设计的关键。其他一切都是附属—或镶边—,可帮助显示和实现与内容的交互。显示内容
清除并打开布局
仅在屏幕上保留最相关的元素,从而最大程度地减少干扰,帮助人们沉浸在内容中。
移除线条、框和不必要的图形效果(如模糊和渐变),使界面有充分的空间来显示内容。使用开放空间来构建内容框架。
限制屏幕上持久显示的导航框,如选项卡。让人们关注当前内容,避免花哨的镶边分散注意力。
清除信息层次结构  
Metro 设计语言建立在整齐、美观的版式上,可帮助用户了解内容的层次结构。使用版式而不是线条和框,以帮助建立结构和层次结构。
对文本使用一致的大小、粗细和颜色,可以传递出内容的重要性信息。各种变化要小,这样人们可以轻松看到内容在整体层次结构中的组合方式使用默认样式表来获得文本的预定义类型渐变。
Metro 风格剪影  
当人们专注于内容时,这些组成内容的部件便形成了应用程序的标识。 一个熟悉的剪影可帮助人们本能地将你的应用识别为 Metro 风格(与其相对,如一个网页)。与 Metro 风格剪影保持一致可营造一种亲切感和信任感。
直接交互 
人们与内容交互的最自然方式是直接参与,无需中间镶边。在可能的情况下,要求人们通过直接控制内容来完成操作,而不是使用控件进行间接控制。 例如,让人们点按某个项目以查看其详细信息,横向滑动以选择它,拖动以移动它,缩小以查看完整上下文—,而不是在屏幕上添加按钮来执行这些操作。导航长的内容列表时可以使用语义缩放方法,该方法用起来非常迅速、流畅并且以内容为中心。 
利用边缘   
某些操作无法通过直接控制来完成。对于那些需根据上下文显示的命令,仅在需要时才显示,以避免弄乱你的画布。利用屏幕或设备的边缘,人们可以放心地找到命令。 将这些命令放置在应用栏中,这样,从上边缘或下边缘轻扫可将其按需显示出来,在用户完成操作后可将其取消。利用超级按钮(从右边缘轻扫可将其按需显示出来)调用“搜索”、“共享”、“设备”或“设置”超级按钮。避免在屏幕上持久放置命令,并避免显示可使用超级按钮访问的合约重复入口点。设计应满足舒适的要求,并将常用的交互表面放在边缘附近。
有针对性的动画  
运动是 Metro 设计语言的核心部分。精心设计的动画可以使应用变得更丰富,并且使体验感觉精良和完美。 使用有针对性的动画可直观地与体验联系起来,并进行阐述。在流畅的界面中,一切事物都有来龙去脉。利用特定情景动画的动画库集,其目的是传递信息。熟悉的运动可以增强对概念的理解,帮助人们了解期待的内容,以及建立自信。
触控功能设计  
Metro 风格应用的设计首先要考虑触控功能。它们利用了手和手指的优势,并且考虑了舒适度和人机工程学。充分使用 Windows 8 触控功能语言并使用规定的手势,让人们始终都可以自然地控制内容。有关详细信息,。使内容紧紧跟随你的手指。除了考虑点按外,使用滑动交互(如语义缩放)可让人们快速轻松地导航内容并与其交互。提供触控功能的即时视觉反馈,这样人们可以放心地知道自己是否命中了预定目标。保持交互的可逆性,并且仅在人们确认的情况下提交操作,以便提供发现错误的空间并鼓励探索。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值