MetroUI界面完全解析

WindowsPhone灵魂诠释:MetroUI界面完全解析Metro在微软的内部开发名称为“typography-baseddesignlanguage”〔基于排版的设计语言〕。它最早消灭在微软电子百科全书95，此后微软又有很多知名产品使用了MetroUI，这包括：Windows媒体中心、Zune播放器等等。该技术已于2022年初〔美国〕MetroUI专利批准〔USPTO〕。MetroUIwindowsphone7智能Windows8、Office和Xbox360产品中。MetroUI是微软的一种设计方案。该设计方案已用于移动操作系统WindowsPhone7SegoeWPSegoe字体家族的一员，细腻坚韧给人一WP7手机系统的默认字体。源自瑞士的设计风格：MetroUI求本溯源，MetroUI是基于瑞士平面设计原则，其最初在WindowsXPWindowsMediaCenter2022Zune播放器MetroZune的桌面客户端程序也使用了不同于以往PortableMediaCenter用户界面，其清爽排版和设计给用户耳目一的冲击。图：SegoeWP字体机场和地铁的指示牌给了微软设计团队灵感，其设计团队指出：MetroUI是来源于美国华盛顿州金县都会交通局〔KingCountyMetro〕的标识设计，这种风格大量承受硕大突兀的字体，能吸引读者的留意力。微软认为Metro设计主题应当是：“光滑、快、现代”。MetroUIAndroidiOS界面。MetroUI设计具备以下五点原则：干净、轻量、开放、快速留有充分的白色空间，同时要削减各种纷杂的因素而突出文字，后者是关键设计因素要内容，而不是质感字体是界面的主要元素,字体要生动、秀丽、轻量化,去除一切不必要的阴影。整合软硬件照相机，及其他搭载的整合感应器。世界级的动画内容才是最重要:用户使用更关注的是信息，而不是好看的按钮。削减装饰元素可以建立更开放的界面并促进用户和信息的互动。生动，有灵魂保持活泼，让整个界面动起来，再也不 是传统的界面，死气沉沉Metro之父：瑞士平面设计风格概述2050“瑞士平面设计风格”，由于这种风格简洁明确，传达功能准确，因此很流行与全世界，成为二战后影响最大，国际最流行的设计风格，因此被称为“国际主义平面设计风格”。图：瑞士平面设计统一的、单一的风格，瑞士设计家大局部不同意这种看法，他们往往强调瑞士国家虽然小，但是设计风格变化多端，极为丰富。图：瑞士平面设计50、60年月进展起来的风格的影响。直到现在，瑞士的平面设计照旧具有猛烈的干净、严谨、工整、理性化的特征，一丝不苟，传达准确，形式单调乏味，不少年轻人感到瑞士设计，特别是平面设计已经太深地陷人瑞士国际主义风格中，瑞士设计界需要一次真正的革命、造反，来荡涤过往风格的阴影。图：瑞士平面设计独特风格：MetroUI强调信息本身MetroUI是一种界面呈现技术，和苹果的iOSAndroid界面最大的区分在于：Metro界面强调的是信息本身，而不是冗余的界面“这儿有更多信息”图：MetroUI强调信息本身MetroUI强调利用时间碎片在时间碎片中找寻到更多的信息。这就是MetroUIWindowsPhone所订制的设计理交车上，我们可能利用从座位起身到在后门排队等着下车的这个狭窄的时间间隔中，还想40年用户界面设计历史简洁回溯界面设计是软件的人机交互、操作规律、界面美观的整体设计。好的UI设计不仅是让软件变“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计个不断为最终用户设计满足视觉效果的过程。在漫长的人机交互史中，UI设计的理念也在不198411日，AppleMacOS1.11995年，微软Windows952022年，AppleOSXTiger今日，MetroUI设计语言诞生Metro的设计灵感来自交通系统：它需要帮助人们能够在短时间内，快速找到自己所需的信息。Metro一词在英文中译为地铁的意思，这充分表达了它的渊源和其艺术风格。Metro信息版干货好料：MetroUI中的设计元素MetroUI界面格外的简洁？它的设计理念就是要突出简洁与视觉焦点的引导WindowsPhoneUIMetroUI中设计元素，你都必需应当知道。开头界面：下面我们来看一下WindowsPhoneMetroUI的开头界面。它具备一些用户经常使用的必要信息。人脉、图片、玩耍、音乐和视频、办公、电子市场等。这个界面，其内容可以纵向滚动，便利单手拇指操作。同时在狭小的手机屏幕中，可以显示更多内容。图：WindowsPhone中的“开头菜单”多宝阁设计：多宝格又称“百宝格”或“博古格”，是专为陈设古玩器物的。它是进入清代才兴起，并格外流行的家具品种。多宝格的独特之处在于，它将格内做出横竖不等、凹凸不齐、视觉效果上，它打破了横竖连贯等极富规律性的风格，因而开拓出颖的意境来。多宝格兴盛于清代，与当时的扶手椅一起，被公认为是最富有清式风格的家具之一。图：多宝阁传统家具图：MetroUI的“多宝阁设计”活动方格设计：在Metro界面中，应用都以可以翻转的方形图标的形式呈现在主界面中。他们就好似是多宝格中的“保藏品”一样，每一个应用都会给用户爱不释手的感觉。可翻转去探究MetroUI中的各种内容。Metro、iOS、AndroidUI风格比照三种移动平台，三种风格迥异的UI界面。先有iOSAndroidMetroUI的风格，早在许久之前就深入现代设计殿堂。图：MetroUI〔左〕、iOSUI〔中〕、AndroidUI〔右〕Live&richtilesWindowsPhone的信息。图：MetroUI能推送更多信息集成流与独立应用。WP和Android在一个应用中，四步即可对一张照片完成剪裁。而在iOS26步才能搞定。图：三大平台操作谁更简洁？简洁的菜单VS.各种高级子选项。没有选项卡，没有奇异的按钮，有的仅仅是简洁明白的菜单。MetroUI回归质朴，所带给用户的是极简式的操作体验。图：三大平台操作谁更直观？MetroUI 的隐秘：谁更适合视力有障碍的人？图：在你视力好的时候，可能不会觉得他们有太大差异图：当你视力有些许的问题时，你照旧能准确操作手机MetroUI 将来进展之势现在，微软开头整合本设计风格到其他产品中，如版本的WindowsLiveMessengerLiveMeshWindows8MetroUIOffice最内部测试版的截图，OfficeMetro图：Windows8Metro界面MetroUI会被宽阔消费者承受吗？MetroUI会被消费者所承受吗？这个状况与iPhoneiPhone已经格外知名，iPhone的用户在iPhoneiPhone3GiPhone3GS时就有了深厚的积存和广泛的认知，由此在iPhone4推出时其销量的爆炸式增长也就是必定的事情了。对于iOS的界面来说，消费者经受了漫长的过程才承受它的。同时在这个承受的过程中，iOS的界面也在各种的反响声中不断的进化。AndroidiPhone根本一样。AndroidiOS的界面设计之所以让乔布斯格外恼火，就说明谷歌在这方面是格外成功的。虽然这二者也有着明显的差异，但是从主界面的网格式图标布局来看，简洁让用户找到所需内容。微软需要与合作伙伴一起细心的打造WindowsPhone的生态链，WindowsPhone手时机在更多的国家上市销售。假设人们买不到WindowsPhone，那么其他人就不会买它。这与手机系统的设计和手机的质量无关，可以说目前WindowsPhone手机上MetroUI正缺乏被社会广泛承受的一些必要条件。但是这一设计语言必定会渐渐流行起来。UI谁看上去更艺术？你可能会间或看到，某个餐厅的菜单，用的是iOS的界面风格。或许你能听说某人，设计了note手机极为相像。你可能会哇的赞美，其UI设计的影MetroUI日常的生活中，然后再经过各种优化，才植入智能手机中的。源于生活而高于生活，这才能称之为艺术。我国某位知名的根雕艺术大师曾经说过这样一句话：工艺品和艺术品的价值至少差着五个档次。Metro风格的软件界面欣赏Metro风格界面是Windows8Metro将来的Windows软件界面确定会以Metro这种兴设计风格成主流。国外的UI设计师已经对Metro风格“hold住了，自己动手为一些软件设计起Metro界面，Metro的特点Metro界面。MetroSkype3.0MetroWindowsLive/MSNMetroIE9MetroWindowsLive/MSN2MetroFacebookMetroFacebook客户端MetroFoobar播放器〔可以通过下载皮肤实现〕MetroUI是由微软公司开发的内部名称为“typography-baseddesignlanguage〔基于排版的设计语言。最早消灭在微软电子百科全书95，后来的产品如：Windows媒体中心、Zune播放器都有用到这项技术。该技术已于2022年初〔美国〕获得MetroUI专利批准USPT。MetroUI最的应用是WindowsPhone7智能手机系统，并将应用于将来的Windows8、Office和Xbox360产品中。QQMetro版QQ的Metro风，从登录界面开头便一览无余。整个界面很有些上风上古的味道，我们可以在这里选择在线/隐身、密码记忆、自动登录以及代理效劳器设置等。唯一圆满的就是界面彻底与多账户登录无缘了。5Metro进入界面后，同样是浓浓的MetroQQ系人分组、在线联系人〔Online〕和离线联系人〔Offline〕。固然出于精简方面的考虑，群〔Groups〕、最近联系人〔RecentContacts〕并没有单独分组，而是合并到联系人分组之中。同时这里也没有快捷搜寻栏，那么我们搜寻好友又该怎么办呢？6主界面没有搜寻栏的Metro是那个快捷键Win+Q。其实这并不是一个单独个案，在Windows8中全部Metro这样一个快捷键，而它的作用就是在当前应用中执行搜寻。7Win+QQQ找到了好友，接下来自然开聊喽。你能想像出MetroQQ单页面化、Metro化„„，其实它的最大特征是类似于IPhone的气泡式对话界面，看起来还〔QQ2.0~〕片、语音三种信息类型，像什么字体调整、大小调整、颜色调整、屏幕截图、文件传送、语音视频„„统统滴不行，介意的亲们确定要慎重下手呀！8谈天界面要知道很多Metro应用在切换出去后就会被Win8China〔提示条几秒钟后会自动消逝〕。9传统界面下的信息提示〔留意！表情符未能识别〕假设对方发来的仅仅就是一个表情的话，那么你就可以充分发挥你的想像了。面板。10动态磁贴上的提示评论:Metro界面绝不仅仅是色块自微软推出metrometrometro的，也理解萝卜青菜各有所爱，但在这里，只是想订正一个被大多数人以及开发者误会的观念——metro即色块。metro界面中，色块是很重要的一个元素。不管是开头屏幕，还是在应用内部，经常会大面积的使用色块。色块的有点很明显，快速的突出重要内容，抓住用户的留意力。但大面积的，不分青红皂白的使用〔各种颜色的〕色块，无疑会让人疲乏，不知所措。例如：144个颖事。每个颖事上半局部有不同的颜色，下半局部是内容。由于方块的巨大，让人眼不得不完成从上至下，再往右上，“联系人”和颖事的“内容”metro界面的绝佳失败范例。是一件效率格外不高的事情。而色块，也绝不是metro设计语言中的唯一表达方式。metro的中心思想是：确定数字化、关注信息本身。相比以往图形用户界面不断对真实世界的模拟，metro放弃了绝大程度的实体化，只关注于需要实现的功能和想要呈现的内容。这Windows8和WindowsPhonetile在不断滚动信息的时候，你会遗忘这是个应用的快捷方式，而只要看到有用的信息，就点击，查看更多。同时，除了直接呈现内容的方块，在文字信息表达时也放弃了各种多余的线条、边框依靠字体、空行、字号来分隔信息。例如windows8自带的消息界面：可以看到，在“联系人”和“信息”这两个层级之间，并没有任何明显的分割线，而是靠两层的背景颜色的细小不同来区分。这种不同不会干扰你查看任何信息，也保证了界面的层次感。同时，在这个界面里，也运用了色块来区分“当前选中联系人”和“收到的消息”，意义明确，简洁明白。另外，在联系人头像下面，第一行是性命，其次行是联机状态。可以看到，这个界面里，除了输入框，其他的全部都是信息，没有冗余的界面元素。我们再来看一个第三方开发的应用：参考上文的分析，可以看到，这个metro应用也很好的符合了设计原则，即除了信息，什么都没有“七每天气预报”则因其本身的意义不大，承受了与背景接近且暗淡的深蓝色，以示区分。经过争辩，可以看到，metro界面绝不仅仅是简洁的色块堆砌〔至少其初衷如此〕，但metro界面设计对于一般的第三方开发者来说无疑是对其审美水平和艺术素养的考验。假设仅metro理解为所谓的色块，无疑会给用户带来巨大的灾难。Windows8遭前微软员工批判Metro界面操作繁杂前阵子微软推出了Windows8预览版，信任不久之后Windows8就会正式问世了。而截止目前为止对于Windows8评价好坏都有，到底windows8本身设计的动身点与传统PC的概念就有点背道而驰。这不一位前微软员工MikeBibik先生，就针对Windows8的设计做出诸多批判，指出其设计不够直观，操作起来令人一头雾水。Mashable的报道，从前在微软担当工程经理，目前为Amazon资深用户体验设计师的MikeBibik先生认为：虽然Windows8在可触控的性能与用户体验方面已经做得相当棒，但是对鼠标与键盘的使用者来说，离最正确状态照旧相差甚远。Windows8好用吗？坦白说笔者有点又爱又恨。Metro界面，Mike