61阅读

windows phone 7.8-Windows Phone 7 & Metro设计指南

发布时间:2017-09-06 所属栏目:metro风格界面设计

一 : Windows Phone 7 & Metro设计指南

Windows Phone 7 & Metro设计指南

微软新手机操作系统 Windows Phone 7 (WP7),通过应用于WIN8操作系统的Metro设计语言,为我们展示了一种全新的内容组织形式和与众不同的用户体验。

如果说Windows-mobile是为了商业和技术人员设计的话,那WP7的目标用户就是那些线上线下都很忙碌的活跃份子和热衷于社交活动的人群,不管他有什么样的背景。

为什么设计师要关注WP7

首先,WP7的用户界面是一种全新的概念,为我们提供了更大的创新空间,为它做设计将会是一场激动人心的挑战,而且对设计师来说,探索新事物是创新用户体验的最佳方法。

其次,Metro设计是一个不可忽视的市场。众所周之,Win8将支持来自intel,AMD和ARM的芯片架构,这意味着windows系统开始向更多平台迈过,包括平板电话和PC。2011.9.14win8开发者预览版宣布兼容移动终端,这意味着用户将一改过去在使用手机,平板电脑,台式机中面对不同用户界面的情形,以后跨平台的用户体验将会得到极大的统一。随着WIN8和基于WP7系统的手机先后上市,做为其重要组成部分的Metro设计语言将在市场中扮演愈发重要的角色。

Metro-新的设计模式

WindowsPhones团队从各种文字排版中获得灵感,通过去除界面上所有不必要的元素,并且将内容做为设计核心的方法,将WP7系统的UI与以往的UI设计彻底划分开来。过去大家所熟知的用户界面消失了,取而待之的是内容自身成为了界面。界面的功能不只是进入内容的通道,同时也能显示当前的内容,减少了移动终端上的视觉元素,促进人与内容的直接交互。

WP7的图形样式是排版,并且遵循平面设计先驱Josef Müller-Brockman的基于基本画布( basic canvas),素色(plain color ),方角(squared angles)的纯排版理论。ICON一改在以往终端中发挥主要作用的局面,在WP7中他们仅用于操作内容 ,且更倾向于在浏览内容时引导用户。

Windows Phone 7 & Metro设计指南

所有的要素都给予用户这样一种感觉:这就是一张地图,用户通过标签与名称来帮助他们到达目的地,所以需要清晰的文字,且极大的弱化视觉元素。

Windows Phone 7 & Metro设计指南

新的内容网格

Metro将原有的用于布局的图形元素移除,内容网格全部由内容自己来创建。当用户在浏览页面时,就已在阅读内容了。一切的元素都非常的轻巧,这就要求设计师在创建内容路径时正确的使用强调元素,从而帮助用户更便捷的找到他所需要的信息。你会觉得这和地铁路线图很像,但就移动应用程序而言,它所要求的信息架构体系比地铁的路线图更严谨。

Windows Phone 7 & Metro设计指南

内容按照重要性及用户需求度两个标准来推送,基于这个原则,每个应用程序在设计前都必须准确定位对象人群。Metro UI的目标就是通过强调重要信息来帮助用户决定是否要点击查看,为了能做到这一点,微软提出了“Hub”的概念,其作用就是如仪表盘那样在一屏中浓缩所有的信息。更确切的说,是像一本电子杂志的封面,例如:Flipbord.

Windows Phone 7 & Metro设计指南

用于组织内容的UI元素

Hub是所有内容的集点,它包含了全新的UI元素和内容架构。这个概念表现为两个全新的导航模式。“全景图”(panorama),“枢轴”(pivot),乍看之下两者的没什么多大的区别,但他们每一个都有其自身的意义和作用。两者如何选择由应用程序的目标和内容的推送方式决定。“实时便签”(live tile)是另一种功能强大的Hub元素,它能将应用程序的内容以图像形式直接显示在首屏。“强调文字颜色”虽然不是严格意义上的新UI控件,但也是重要的组成部分,它有助于用户精确定位屏幕中的重要信息。

全景图(panorama)

Windows Phone 7 & Metro设计指南

当用户启动应用程序后,迎接他们的将是全景图模式,该模式将应用程序中不同栏目或功能下的信息直接推送到当前屏幕下,类似于一个所有信息的鸟瞰图。

全景图将图像与文字结合成内容块,按这种形式来创建信息路径。这种视觉传达将使用户对信息有最直接的感官感受。

枢轴 (pivot)

Windows Phone 7 & Metro设计指南

枢轴,按逻辑调整元素,从分类中分离信息并且将每个分类中可用的元素罗列出来。它就是一张用来显示同一内容不同方面的分析单。

举个栗子:你可以使用它来展示同一概念下不同场景和内容(如:选项卡的功能),例如时下很受欢迎的4th&Mayor客户端。你也可以用它来展示文件夹,例如:邮箱中的“收件箱”,“发件箱”,“草稿箱”等。

Windows Phone 7 & Metro设计指南

实时便签(live tiles)

实时便签有一个很强大的内容层次结构。由摘要开始,层层递进,内容愈发的详实。这个功能最早出现在Mango系统中。在WP7最早的版本中,这个功能和iOS和Andrirod一样,只是安静的位于最热门应用程序的右上角。但现在,实时便签被改造成为全新的交流模式。他将应用程序中的重要信息以摘要的形式在首屏展示出来,类似一本杂志的简介。中以将其想像成一个提供即时即用信息的空间。下图展示的就是一个用于天气预报的实时便签。当用户想了解天气时,完全不用打开应用程序,所有的基本信息就摆在那儿。如果他们想了解更多的信息,则可以启动程序。同时实时便签也可设计成滚动形式,这样用户可以在一个便签区域中创造多个复合便签。

Windows Phone 7 & Metro设计指南

强调文字颜色(Accent Color)

WP7指南中建议大家使用一种特别的方式来强调内容:强调文字颜色。用户可以自定义标题,文章重要内容的颜色。而且这种用户自定义是系统级别,这意味着你移动终端上所有的应用程序都将为之改变。

设计提示

简洁的界面,没有常用ICON,意味着用户将与内容以不同以往的方式进行交互,在设计WP7应用程序时我们不得不考虑现在的用户习惯与往常的有什么不同之处。

可点击文字

以往的按键或其他具有文字功能的一些设计元素都有一个可点击的安全区域的概念,而在WP7中文字自身就是交互模式中的动态组件,意味着它可以被点击,而响应区域的边距就是文字的大小。

Icons

Windows Phone 7 & Metro设计指南

WP7的图标只能放在一个叫做应用程序栏的区域内,它整合了与程序进行交互行为的主要图标

文字换行

在WP7中,当头部文字的宽度大于屏幕时,不会自动换行。相反,它将直接被右边截去多余的部分。这个功能不会作用于重要内容,如邮件的主体。但一些不是很重要的文字,如:发件人姓名,则依然会被截掉。

色彩主题

由于WP7给予用户极大的色彩支配权,他们可以改变所有他们想改变的,比如主题的明暗,前景,背景色,还有想强调的文字的色彩(要知道这是系统级别的修改),所以设计师在设计中要将这些因素全部考量进去。

总结:

Metro,WP7对于终端及操作系统设计师来说是全新的事物,他在人机交互上与iOS,Andriod截然不同。这是微软历史上首次将硬件与界面如此紧密的结合,给予运营商和制造商的自定义空间非常小。它为我们现在的工作及未来应用程序的特性扩展提供了新的标准。(Metro的纯排版设计模式对于中文排版设计是一种挑战,或许对与中文字体的发展会有一定的推进作用)

作者:光の影

文章来源:365ucd.com

二 : 图集:诺基亚Lumia900运行Windows Phone 7.8

我们,我们都已经知道现有Windows Phone智能手机是不能升级到Windows Phone 8的,所以微软为老用户准备Windows Phone 7.8,将会提供Windows Phone 8中的大部分功能,包括升级版的开始屏幕。(www.61k.com]

爱美之心人皆有之,现有Windows Phone设备运行WP7.8的将是怎样的开始屏幕体验呢?还是祭出悲情的Lumia 900吧。

下面是国外媒体The Verge在Lumia 900上体验WP7.8的开始屏幕:

lumia900升级7.8 图集:诺基亚Lumia900运行Windows Phone 7.8

lumia900升级7.8 图集:诺基亚Lumia900运行Windows Phone 7.8

lumia900升级7.8 图集:诺基亚Lumia900运行Windows Phone 7.8

lumia900升级7.8 图集:诺基亚Lumia900运行Windows Phone 7.8

lumia900升级7.8 图集:诺基亚Lumia900运行Windows Phone 7.8

lumia900升级7.8 图集:诺基亚Lumia900运行Windows Phone 7.8

三 : Windows Phone 7 开发资源大全

四 : Windows Live & Windows Phone 7

     众所周知Windows Phone 7 与Windows Live 有很好的结合度,用户可以通过Live ID 登录到Windows Phone 7,获取个人的Live 信息,例如:联系人、邮件、Xbox Live。[www.61k.com]本篇我们来一起探索在Windows Live 上能对Windows Phone 7 手机做些什么。

     首先我们登录到Windows Live 网址:http://login.live.com,在Windows Live 菜单中选择“Devices”。

windows live 2011 Windows Live & Windows Phone 7

     在设备列表中可以看到我们用Live ID注册过的Windows Phone 手机,图中“Gnie HD7” 是用户为手机设置的名称。

windows live 2011 Windows Live & Windows Phone 7

点击进入手机页面后,可以看到Windows Live 中提供了5个功能:

1. 寻找我的手机(FIND MY PHONE)

    如果手机丢失,这里提供了一些寻找措施。

2. 相片(PHOTO)

     将手机上的相片或图片同步到Windows Live。

3. 日历(CALENDAR)

     在日历中新增的事件会自动同步到手机中的Calendar。

4. 联系人(CONTACTS)

     显示或添加联系人

5. 记事簿(Notes)

     将手机上OneNote 信息同步到Windows Live。

windows live 2011 Windows Live & Windows Phone 7

     以上一些功能的使用方式,可以通过点击下方的“Learn how” 进一步了解。

windows live 2011 Windows Live & Windows Phone 7

Find My Phone

     下面我们来重点看一下“Find My Phone”功能,首先可以看到的是“Map it”,如果你的手机丢失了,可以通过Bing Map 搜索到手机的方位(Location),当然手机的Location 功能要处于开启状态。

windows live 2011 Windows Live & Windows Phone 7

     下一个是“Ring it”,这个功能可以通过一种特殊的方式使Windows Phone 发出声音,无论手机当前是否是静音或震动状态。如果手机刚好被调为静音,又不知道放在哪里就可以用它来找找看了。刚才试了一下,手机会频繁的发出“嘀嘀”声(穿透力还可以),并伴有震动。

windows live 2011 Windows Live & Windows Phone 7

     “Lock it”这个功能一看就应该知道,它是用来将手机锁定的,锁定后任何人都无法使用。而且还可以在手机屏幕上显示出文字,例如:“请把手机还给我!”,但愿能管用 ^_^

windows live 2011 Windows Live & Windows Phone 7

     最后一个是“Erase it”,它可以将手机上的所有信息全部删除,并且恢复成出厂设置。如果手机上有重要信息,这也许就是杀手锏了。

windows live 2011 Windows Live & Windows Phone 7

     另,以上功能是在您的手机丢失时使用的,那些心存好奇的童鞋请慎重操作,如果给手机带来不良影响或导致数据丢失,本人概不负责 : )  以上就是Windows Live 对Windows Phone 7 手机的一些功能介绍,希望对大家有用。

扩展:windows live官网 / windows live下载 / windows live影音制作

五 : Mango四大改进 新版Windows Phone 7详解(1)

北京时间2011年5月24日,微软公司公布了最新的WindowsPhone7操作系统,代号“Mango”,和2010年10月26日发布的Windows Phone 7操作系统相比,提升一目了然,在2011年MWC大会上展示的新版Windows Phone 7功能也如期出现,那么,微软所说的500项新特点中主要包括了哪些功能呢?代号“Mango”的Windows Phone 7操作系统给我们带来什么样的体验呢?下面我们就一起去探个究竟。

一、诺基亚/中兴WP7手机指日可待


Mango四大改进 新版Windows Phone 7详解(1)_mango系统
Windows Phone 7 Mango系统

Mango四大改进 新版Windows Phone 7详解(1)_mango系统
诺基亚设备搭载Windows Phone 7.1

微软表示,目前市售的所有Windows Phone 7手机都可以免费升级至代号为“Mango”的新版操作系统,升级计划将从今年早秋开始,根据西方季节时间换算,开始时间大概会是9月初。除了戴尔(Dell)、三星(Samsung),LG以外,新版操作系统还会出现在新与微软建立合作关系的终端厂商的手机设备上,这些厂商包括诺基亚(Nokia),宏碁(Acer),富士通(Fujitsu)以及中兴(ZTE)。

Mango四大改进 新版Windows Phone 7详解(1)_mango系统
中兴入围Windows Phone 7生产厂商名单

考虑到开发者,微软决定在新版Windows Phone 7操作系统到来之前,在24小时内放出Beta版本SDK工具,这对于众多Windows Phone 7开发者来说无疑是一个好消息。

Mango四大改进 新版Windows Phone 7详解(1)_mango系统

二、更便捷的沟通方式

在此次发布会上,微软表示全新的Mango系统会带给用户更加方便的沟通方式,微软会将联系人和SNS社交客户端有效的结合起来。主要包括以下几个方面:


Mango四大改进 新版Windows Phone 7详解(1)_mango系统
各种功能整合

1.此次公布的全新WindowsPhone7操作系统中包括了一种全新的通讯方式,微软将MSN,普通的SMS短信以及其它聊天工具整合在了一起,这样用户在与同一个人聊天时就无需担心发送给错的对象了,而且用户可以在一个页面内就可以完成信息发送与接收的所有操作,避免在不同界面中来回切换的烦恼。

Mango四大改进 新版Windows Phone 7详解(1)_mango系统
整合各种社交网络

2.除此之外,在联系人群组中,用户可以轻松发送SMS信息给群组中的每一个用户,而且可以通过SNS即时聊天工具发送短信到群组中的每一个用户那里,这样能够让用户在使用Windows Phone 7产品时沟通更加容易。

Mango四大改进 新版Windows Phone 7详解(1)_mango系统
绑定更多账号

3.可以绑定更多的邮箱账户,用户可以免去很多手动设置邮箱账号的烦恼。在信息输入方面加入了语音输入,这样用户即使在不借助键盘的帮助下也能够发送信息。

4.在MWC大会上我们知道,微软可能会在系统中整合SNS社交网络,除了Facebook以外,在全新的代号为“Mango”的操作系统中,我们还看到了Twitter,以及LinkedIn这样的面向商业客户的社交网络的加入。

Mango四大改进 新版Windows Phone 7详解(1)_mango系统

三、真正的多任务处理

一直为人所困扰的还有WindowsPhone7多任务处理的问题,在经过此次升级后得到完美解决,未来的Windows Phone 7将支持多任务切换,所有程序可以自由切换。在应用为王的智能手机时代,多任务切换成为一种不可或缺的功能,“新版Windows Phone支持多任务”标志着WP7系统最长短板得到了完美修复。


Mango四大改进 新版Windows Phone 7详解(1)_mango系统
支持多任务

Mango四大改进 新版Windows Phone 7详解(1)_mango系统
AR技术

除了正常以外,在Windows Phone 7诸多应用中,我们发现了其中的奥妙,这一应用是基于AR技术的,可以在特定的市场中所获得相对应的信息。

Mango四大改进 新版Windows Phone 7详解(1)_mango系统

四、IE9加入,全新搜索体验

在互联网体验方面,微软将Internet Explorer 9引入到WindowsPhone7系统当中,网速得到提升,网络体验更加流畅,最重要的是它还支持HTML5。在演示这一项改进时,微软技术人员拿黑莓Torch,iPhone 4,以及摩托罗拉DROIDCharge进行对比,测试结果显示,装有全新Mango操作系统的Windows Phone 7手机在网页处理快很多。


Mango四大改进 新版Windows Phone 7详解(1)_mango系统
iPhone哥

Mango四大改进 新版Windows Phone 7详解(1)_mango系统

微软在地点搜索中加入了更丰富的兴趣点信息,用户除了在获得相关地理信息的同时,还可以看到周边餐厅、商店的打折信息及近期活动介绍等内容。通过Bing Vision(拍照),Bing Voice(语音)和Bing Music(音乐)进行搜索,搜索方式更多样,搜索内容更加精确。令人意外的是,室内店面的位置也能够在手机中显示,这点让我们想到了之前曝光的诺基亚室内导航设计理念。

Mango四大改进 新版Windows Phone 7详解(1)_mango系统

五、软件数量近18000款

微软承诺,截至2011年10月份,Market Place里面的软件数量会达到近18000款。相较于去年年底的4000款相比,有了显著的增加。


Mango四大改进 新版Windows Phone 7详解(1)_mango系统
大约达到18000款APP软件

总结:其实我们可以发现,此次公布的代号为“Mango”的WindowsPhone7操作系统中大部分功能在之前的MWC大会上已经和大家见过面了,对于国内用户来说,相信还是有很多的疑问,比如中文输入何时加入,收款Windows Phone 7何时在中国国内上市,Windows Phone 7硬件标准何时修改,诺基亚收款Windows Phone 7手机何时上市,Skype如何融入Windows Phone 7系统等等。这些问题可能会在日后的过程中陆续得到解答,可能会是一年一度的Tech ED大会,也有可能是类似今天这样的零星的小型发布会。

笔者要说的是微软Windows Phone 7如果真的想在智能手机市场中打拼出一番天地,需要做的还有很多,和Android相比,Windows Phone 7系统在市场占有率上远远落后,18000款软件和Android的20万款相比以及iOS的30万款相比相差甚远,拼数量Windows Phone 7目前不占优势,如何提升软件质量,推出更多精品软件以及差异化应用或许才是微软目前需要考虑的。

至于AR扩增实境技术的出现,其实这个功能在其它品牌和设备上也已经具备了,比如黑莓9900,iPhone 4等,除了游戏之外,如何将兴趣点、社交网络以及搜索相结合,或许也会成为微软在未来努力的方向。500项升级,我们能够看到的可能很少,但是我们应该坚信,微软会将Windows Phone 7系统做好,因为这是它推广微软其它服务以及应用,扩大微软服务用户的最佳结晶,移动互联网的潜力和PC用户市场一样广阔。在未来我们可能会看到这样一种营业模式,那就是微软用自己开发的一套产品,卖给同样一批用户,却赚到了两份钱,这也许就是微软希望达到的最佳效果。

本文标题:windows phone 7.8-Windows Phone 7 & Metro设计指南
本文地址: http://www.61k.com/1111787.html

61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1