Metro风格设计
- 格式:docx
- 大小:7.45 MB
- 文档页数:38
中外艺术史法国的新艺术运动手写笔记新艺术运动的背景:19世纪末、20世纪初在欧洲、美国产生产生并发展的一次影响面相当大的“装饰艺术”运动,内容广泛设计建筑、家具、产品、服饰、平面设计、书籍插图绘画艺术等。
延续时间长达十余年,是设计史上非常重要,极有影响力的形式主义运动。
1895年从法国开始发展,后蔓延到荷兰比利时意大利西班牙俄罗斯美国等。
一直持续到1910年前后,然后逐步被现代主义运动和装饰艺术运动(art deco)取而代之。
新艺术是一个法文词,德国称为青年风格,维也纳称为分离派。
从意识形态角度来看,这是知识分子中的部分精英在工业化来势汹汹、过分装饰的贵族风格泛滥双重前提下的一次不成功的改革设计的企图。
虽不成功却为20世纪初的设计开创了一个有声有色的阶段,成为传统设计与现代设计之间的一个承上启下的重要阶段。
新艺术运动和工艺美术运动背景上的相似处:都是对矫饰的弥漫整个19世纪的维多利亚风格和其他过分装饰风格的反动;(最重要)都是对工业化风格的强烈反映;都旨在重新掀起对传统手工艺的重视和热衷;都放弃传统装饰风格的参照,转向采用自然中的一些装饰动机;都收到日本装饰风格,特别是日本江户时期(公元前11-12世纪)的艺术与装饰风格和浮世绘的影响。
不同的地方:形式的参考上:英美的工艺美术运动比较重视中世纪的歌德风格,把歌德风格作为一种重要的参考借鉴来源。
新艺术运动则完全放弃任何一种传统装饰风格,完全走向自然风格,强调自然中不存在直线,强调自然中没有完全的平面,再装饰上突出表现曲线、有机型态,装饰的动机基本来源于自然形态。
设计组织方式上:法国的这场运动集中在几个比较密切的设计团体之间,工艺美术运动囿于小规模的手工作坊之间。
准确的说,新艺术是一场运动,并非一种风格,各国产生的背景虽然相似,但是体现出的风格是各不相同的。
19世纪矫揉造作的风格泛滥成灾,1851年伦敦国际博览会是集中体现。
因此爆发工艺美术运动,工艺美术运动中,精神领袖是拉斯金,设计领袖是莫里斯,另一个对日后运动有很大影响力的人物是阿瑟-马克穆多,他的设计更加讲究装饰的整体感,具有更加强烈的自然主义特点。
规划与设计gui hua yu she ji92浅析大都会风格在居住空间设计中的理念与运用◎白和平 卢鹿摘要:大都会,Metropolitan,是美式风格的延续。
大都会同样体现了美式风格对待文化、各种不同元素的态度:兼容并包。
一切向时髦看齐,向个性看齐。
也就是传统美式风格中的‘历史感’的减弱,将‘个人风格’以及‘后工业时代’的融入。
大都会让人不禁畅想玛丽莲·梦露,百老汇的歌舞剧,还有遍地汽车高楼林立,它的风格是包容的,是洋气的,是将秩序感和混乱感融合在一起。
关键词:大都会风格;运用技巧;元素提取一、大都会风格的设计理念简洁、奢华、雅致、科学。
空间上有种相对的独特美感,既敢于展现又带有内敛,体现了同具感性和理性的风格,为缓和心理感受的“溢”采用视觉上的“空”来缓和,装饰不宜过多,要有留白。
大都会风格——美式大都会风格简洁、实用。
客厅墙面大都是选用白色涂料做为底色,以大红、苹果绿、粉色、黄色等风格色彩跳跃的颜色与客厅家具相搭配,这种风格的搭配既展示出个人的个性品位,同时简洁的设计又十分符合现代人的生活节奏和喜好。
这种风格因为线条简洁大方,给人一种工业风设计的感官,客厅的墙面背景色大都选用白色和黑色或银色等基本没有色彩的原色,再以暖色作为主调,这样别于冷冽的现代主义,但是在造型上又简洁、有质感,大方流畅又简单完美,呈现出和谐宁静的居室风格。
不同的风格装修能够达到的效果也是不一样的,当在装修房屋时,我们可以根据自己的喜好进行室内装修和设计偏好,有利于提升装修的效果。
美式大都会风格的装修一眼看来偏时尚和大气,所以建议大家在装修过程中要注意装修的细节,从而达到提升室内的装修效果。
二、风格基调色与配色的特征及种类美式大都会风格线条简单利落,却也不失前卫,较无色彩的背景色加上温暖的主色调,与冷冽的现代主义风格不同,它呈现出了和谐宁静的居室风格。
纽约都会风格表达了摩登的生活格调,展现了奢华要低调,完美符合了对生活有品质追求的人群。
metro风格简介metro风格是一种现代化的设计风格,又称为扁平化设计或简洁设计。
它最初由微软公司在Windows 8操作系统中引入,后来被广泛应用于移动应用、网页设计和用户界面设计中。
metro风格以鲜艳的颜色、简单的图标和清晰的排版著称,以提供简洁、直观、易用的用户体验为目标。
特点metro风格的特点包括:扁平化设计metro风格强调简洁明快的设计风格,抛弃了过去阴影、渐变和纹理效果的设计。
元素以简单的几何形状、清晰的边界和饱和度高的鲜艳颜色来呈现。
这种设计风格使界面看起来干净、整洁,并且能够更好地适应不同的设备屏幕。
鲜艳的颜色metro风格采用明亮、鲜艳的颜色来区分不同的信息和功能。
每个按钮、标签和图标都有自己的颜色,使用户可以快速识别和定位信息。
这些鲜艳的颜色给人带来积极、愉快的感觉,提升了用户体验。
简洁的图标metro风格中的图标都采用简单的几何形状和清晰的线条来呈现,它们通常是单色或双色的,没有细节和阴影效果。
这样的设计风格使得图标在不同的尺寸和分辨率下都能保持清晰和易识别。
清晰的排版metro风格注重排版的规范性和清晰性。
它使用大字号和行距、对齐的文本和简单的排列方式,使信息更易于阅读和理解。
这种清晰的排版风格与扁平化设计相辅相成,共同构建了metro风格的独特魅力。
应用领域metro风格的应用场景非常多样,包括:移动应用在移动应用领域,metro风格被广泛应用于iOS和Android 系统的应用中。
通过使用鲜艳的颜色、简洁的图标和清晰的排版,metro风格可以提升移动应用的用户体验,使用户能够快速定位和操作功能。
网页设计metro风格在网页设计中也非常受欢迎。
它的简洁明快的设计风格使得网页更易于浏览和导航,而且能够适应不同的设备屏幕。
metro风格还提供了大量的样式和组件,使设计师能够更快速地搭建网页。
用户界面设计由于metro风格的简洁和直观性,它也被广泛应用于各种软件和系统的用户界面设计中。
世界各国地铁的千姿百态地铁,作为现代城市交通的重要组成部分,在世界各地展现出了丰富多样的面貌。
它不仅是一种便捷的出行方式,更是一座城市文化、科技和社会发展的生动体现。
在欧洲,伦敦地铁堪称地铁界的“老前辈”。
它始建于 1863 年,是世界上最早的地铁系统之一。
伦敦地铁的车站风格各异,有的保留了古老的建筑特色,墙壁上镶嵌着精美的瓷砖;有的则充满了现代感,采用了简洁明亮的设计。
伦敦地铁的线路错综复杂,如同一个巨大的地下迷宫。
然而,正是这种复杂性,使得它能够覆盖城市的各个角落,为人们的出行提供了极大的便利。
巴黎地铁则是浪漫与艺术的象征。
车站的入口常常被设计成华丽的铁艺拱门,充满了法式风情。
进入站内,墙壁上可能会有精美的壁画或者艺术装饰,让人仿佛置身于艺术的殿堂。
巴黎地铁的列车也别具一格,车身的涂装常常与城市的文化活动或节日相关,给人一种充满活力和创意的感觉。
德国柏林的地铁系统以其高效和精准而闻名。
车站的标识清晰明了,乘客能够轻松找到自己的目的地。
地铁列车运行准时,为城市的快节奏生活提供了可靠的保障。
而且,柏林地铁的车厢内部设计简洁实用,注重乘客的舒适度和安全性。
再看亚洲,日本东京的地铁堪称技术与人性化的典范。
东京地铁的线路密度极高,能够满足庞大的客流量需求。
车厢内配备了先进的电子显示屏,提供实时的行车信息和换乘指南。
同时,为了方便乘客在高峰时段的出行,地铁还设置了女性专用车厢,体现了对女性的关怀。
韩国首尔的地铁则融合了传统与现代元素。
一些车站的设计融入了韩国传统建筑的风格,展示了独特的民族文化。
而在地铁的运营方面,首尔地铁采用了智能化的票务系统,让乘客购票更加便捷。
中国的地铁发展也是日新月异。
北京地铁作为中国最早开通的地铁之一,见证了城市的发展变迁。
如今,北京地铁线路不断延伸,新的车站设计融合了古都的文化底蕴和现代的建筑理念。
上海地铁则以其高效的运营和现代化的设施吸引着众多乘客,地铁站内的商业设施丰富多样,为人们的生活带来了极大的便利。
地铁车站空间环境设计新概念地铁车站空间环境设计新概念可以包括以下几个方面:1. 车站入口设计:车站入口应该具有醒目的标识和指示,方便乘客快速找到入口,并提供舒适的等候区域。
入口处可以设置大型的玻璃幕墙,增加自然光线的进入,并提供良好的通风系统,确保空气流通。
2. 车站内部布局:车站内部应该合理布局,确保乘客的流动性和舒适性。
可以设置宽敞的站台和通道,方便人流的通行。
站台上可以设置座椅和候车区域,为乘客提供休息的场所。
同时,应该设置足够的出入口和紧急逃生通道,确保乘客的安全。
3. 车站装饰设计:车站可以采用现代化的设计风格,利用科技手段增加乘客的体验感。
可以使用LED屏幕展示实时列车信息和广告,提供便利的服务。
车站的墙面和地面可以采用环保材料和绿色植物装饰,增加舒适感和美观度。
4. 照明设计:车站的照明设计应该充分考虑乘客的视觉需求和舒适感。
可以使用柔和的灯光,避免刺眼的强光。
同时,可以利用智能化照明系统,根据人流量和时间自动调节照明亮度,提高能源利用效率。
5. 声音设计:车站的声音设计可以包括列车到站和离站的提示音、安全警示音等。
可以利用音响系统播放音乐或者提供公共广播服务,为乘客提供愉悦的音乐环境或者实用的信息。
6. 艺术装置设计:车站可以设置艺术装置,增加文化氛围和艺术品味。
可以邀请艺术家或者设计师进行创作,将车站打造成一个艺术展示的场所,为乘客带来视觉上的享受。
综上所述,地铁车站空间环境设计新概念应该注重乘客的舒适性、安全性和体验感。
通过合理的布局、现代化的装饰、智能化的系统和艺术化的设计,打造一个宜人的、具有个性的地铁车站环境。
太原地铁标志设计理念中国十大最美地铁LOGO排行榜!设计界搞事情了,“战火”直接烧到了城市的各大角落——地铁。
地铁作为城市重要交通工具,每天运载着来自全国各地数以万计的人到达各个角落。
地铁标志不仅是企业的形象和符号,更体现一个城市的文化和精神,是城市软实力的象征。
最具创意的十大最美地铁LOGO,看看离你家有多远。
10苏州地铁标志以向左向右的列车为主要设计元素,如传统回纹,又恰巧形成负形为“S”的图案,代表了姑苏,又似中文的“互”字,传达快速、便捷的轨道交通属性。
蓝色象征科技、时尚,红色象征捷运、热情,环抱、融合的标志体现和谐交通。
9大连地铁标志由图形和文字两部分组成,主题基调为蓝色。
“圆圈”代表着地铁隧道洞体,字母“D”既是大连的“大”字拼音字头,也形象地体现出地铁列车的形状;字母“D”上“Z”形曲线,是“连”字拼音字头的异形,同时又象征着地铁的轨道。
8南京地铁标志以一朵梅花为主体元素,中间饰以变形的“M”(地铁Metro的首字母)作为“花蕊”,“M”出头一点又是汉字“市”的变体,表示着纪念20世纪30年代风靡南京的南京第一条轨道交通“京市铁路”。
7石家庄地铁标志形似“石”字,表明地域,“M”图形代表英文Metro(地铁)。
同时,利用透视感形成不断向前延伸的地铁隧道形象,表现地铁的高速。
标志仿佛一幅城市的版图,层层相叠,象征发展与变迁。
另外,标志方正稳健的轮廓与线条具有传统中国印章的风骨,体现城市文化与历史的传承和积淀,以及当代石家庄人对于城市未来的自信和承诺。
6长沙地铁标志由长沙拼音首字母“C”、“S”构成,构成一幅快车追逐太阳的画面,体现轨道交通带来的便捷、快速。
快车冲出圆圈,打破常规,表现长沙轨道交通的开放和与世界接轨。
红色是长沙历史文化的表现载体,积极向上、好客热情,红色还有吉祥如意的意思。
蓝色代表科技、时尚、沉稳大气,给人安全感。
5兰州轨道交通以渐变的蓝色圆形为背景,是汉字“兰”的变形。
Metro UI,也叫Modern UI(这个名字现在更常用)、Windows8 Style UI,是微软基于设计语言设计的一种界面风格,此设计已被用于移动操作系统Windows Phone、Windows 8、Xbox 360等多款微软产品,也是目前各种设计风格里面最大行其道的,所以先讲讲Metro UI Design。
Metro设计理念图例为WP7和WP8的Segoe字体Metro作为一种文字导向(typography-based)的设计,设计一般采用微软WP为此设计的标准字体:"Segoe WP",它也比起其他UI设计风格更加注重字体,并且在持续不停进化中,原因是Metro的设计原则之一是"content before chrome",翻译过来大致是“内容大于装饰”,所以这种设计风格更加注重应用内容本身(一般以文字和线描图展现),而不是在于传统设计上的“Graphic”(图形),这也是当初它搭配在Lumia上一出世就把大家惊艳到的主要因素。
这种基于瑞士平面设计的设计原则,有利于设计出以文字为主的导航界面。
机场和地铁的指示牌给了微软设计团队灵感,其风格大量采用大字体,能吸引观众之注意力。
微软认为Metro设计主题应该是:“光滑、快、现代”(Simple.Clean.Modern),于是现在你看到的Metro的图标设计也不同于Android 和iOS,即便它还是有不少的传统意义上的图标。
2006年,Zegoe UI风格2006年,当微软媒体播放器内置系统Zune开始使用类似Metro的设计风格的时候,微软的设计师就计划重新设计现有用户界面、更清爽的排版和较少的重点以便于用户使用,当时还被称为* Zegoe UI。
后来移植到手机,出现了“Live tiles”(活动磁贴)*,并成为了Metro UI的一个重要组成部分。
微软这种设计摒弃了复杂图形而直接展示内容本身,提升了常用任务使用体验和速度,这种界面使用更多大面积块,标题和内容非常直观的显示出来,而且常常伴随着屏幕滚动。
图形创意名词解释艺术设计流派
图形创意是一种以图形元素为基础,通过艺术设计和创意表达的方式来传达信息或表现感觉的艺术形式。
图形创意可以包括平面设计、标志设计、海报设计、插图设计等多种样式和技巧。
艺术设计流派是指在艺术设计领域中,根据不同的风格、观念和技术而形成的不同派系或学派。
以下是一些常见的艺术设计流派:
1. 现代主义(Modernism):强调简约、几何形状和功能性,通常采用明亮的颜色和简洁的排版,例如德·斯蒂尔的平面设计。
2. 极简主义(Minimalism):强调极简、简洁的设计风格,追求简单性和精确性,例如苹果公司的设计风格。
3. 扁平设计(Flat design):去除过多的阴影效果和纹理,使用简化的图形和鲜明的颜色,例如微软的Metro设计语言。
4. 拟物化设计(Skeuomorphism):模仿现实物体的质感和形态,使用户界面更加熟悉和可识别,例如苹果公司早期的设计风格。
5. 抽象表现主义(Abstract Expressionism):强调情感、个人体验和自由创作,通常采用抽象的形式和色彩表达,例如杰克逊·波洛克的滴漆画。
这些艺术设计流派都有自己独特的特点和风格,通过不同的设计流派可以实现不同的艺术表达和视觉效果。
地铁景观案例地铁景观是指在地铁站或地铁隧道等地铁环境中,通过艺术设计、装饰和景观布置等手段,为乘客提供美观、舒适和愉悦的环境。
下面列举了十个地铁景观案例,展示了不同城市在地铁景观设计方面的创新和特色。
1. 上海地铁11号线迪士尼站:该站以迪士尼乐园为主题,通过鲜艳的色彩、卡通形象和乐园元素,营造出独特的童话氛围,为乘客带来欢乐和惊喜。
2. 北京地铁4号线南锣鼓巷站:该站以北京传统胡同文化为主题,通过仿古建筑、传统装饰和胡同风情的元素,打造出浓厚的老北京风格,为乘客展示了北京的历史和文化。
3. 香港地铁尖沙咀站:该站位于尖沙咀海滨,通过大型玻璃幕墙设计,让乘客可以欣赏到维多利亚港美景,为乘客提供了一种独特的出行体验。
4. 伦敦地铁金丝雀码头站:该站位于伦敦金丝雀码头地区,以金融和商业为主题,通过现代化的设计和建筑风格,展示了伦敦作为国际金融中心的特色。
5. 东京地铁银座线銀座站:该站以日本传统的和服文化为主题,通过精美的和服展示、传统建筑元素和艺术装饰,为乘客营造出一种典雅和宁静的氛围。
6. 巴黎地铁卢浮宫站:该站位于卢浮宫附近,以卢浮宫艺术品为主题,通过壁画、雕塑和装饰等手法,将卢浮宫的艺术氛围延伸到地铁站内,为乘客提供了一种艺术的享受。
7. 新加坡地铁圣淘沙线海湾站:该站位于圣淘沙岛,以海洋和自然为主题,通过水下世界的装饰和海洋动物的雕塑,为乘客带来一种身临其境的海洋体验。
8. 首尔地铁仁川机场线仁川机场站:该站位于仁川国际机场,以现代化和科技为主题,通过高科技的装饰和灯光效果,展示了首尔作为全球科技中心的形象。
9. 柏林地铁乌斯特兰站:该站以艺术和创意为主题,通过艺术展览、壁画和装饰等手法,将地铁站打造成一个艺术空间,为乘客提供了一种文化和艺术的体验。
10. 纽约地铁时代广场站:该站位于纽约时代广场,以城市繁华和夜生活为主题,通过霓虹灯、广告牌和艺术装饰等元素,展示了纽约作为世界都市的魅力和活力。
Metro风格设计——Tile(磁贴)已铺天盖地而来,不论你是否喜欢,它将遍地开花。
1、Metro风格概述Metro的英文原意是地铁。
人群在地铁通道中川流不息,通过鲜明的颜色和简洁的表达快速而准确地获取信息。
微软对Metro的定义是“光滑,快,现代”。
1.1、Metro的渊源微软使用Metro作为其新一代界面和交互风格的代名词,其原因主要可以追溯为三点:首先是对于地铁指示牌的借鉴和启示,Metro注重了充分、醒目且简洁的信息表现形势;其次是对包豪斯风格的发展,Metro使用规整的、去装饰的、强调功能与内容的整体界面与几何构图;最后是最对瑞士平面设计风格(国际主义)的继承,Metro设计倾向于理性、整洁、秩序化、单一形状、简约与平面化。
1.1.1、地铁与城市地铁是城市最繁忙的地方之一,人群快速穿行于地铁通道中,地铁通道的指示牌鲜明的颜色和简洁的表达向人们快速地传递信息。
没有过多的点缀于装饰分散人们的注意力。
在应用于信息行业以后,Metro被从事信息行业的人们赋予了一层深意:单纯与流动的信息。
Metro风格之所以被称作Metro,其灵感来自城市地铁的三个方面:其一是地铁信息牌上最常用的单纯颜色和文字;其二是地铁通过内的条带状信息路标;其三是地铁上宽大的车窗。
1.1.2、包豪斯建筑20世纪20年代,德国在建筑领域发起了一项影响深远的运动,并逐渐波及到艺术、字体、产品设计等诸多领域,称作包豪斯运动。
包豪斯风格的建筑拥有开放的空间和对美丽材料的纯粹展现。
在其设计语言中常常运用静态而流动感的平行线。
包豪斯建筑强调结构,以突出其存在和真实的物理感;无装饰,只有美丽而干净的空间。
然而包豪斯理念也有自己的弱点。
因为去除了装饰,使得人性化空间很小,人们会感到这种风格的建筑和家具缺乏个性和生命力,缺乏感情联系。
被批判为“钢铁和玻璃”组成的森林。
微软为避开包豪斯的这个劣势,把Metro UI略显呆板的卡片式的磁铁(tile)注入了更加灵活的元素——及时更新信息,这将便于新闻、社交、天气等资讯的显示与更新,于是翻转、浮现、隐退、重置之后,每一个“方格”都改变了初始的模样。
1.1.3、瑞士平面设计20世纪50年的,一种崭新的平面设计风格在联邦德国与瑞士形成,被称为“瑞士平面设计风格”。
由于这种风格简单明确,传达功能准确,因此在全世界都很流行,成为“二战”后影响最大、国际最流行的设计风格,因此被称为“国际主义平面设计风格”。
1.2、Metro风格的原则1.2.1、Metro UI的特点干净、轻量、开放、快速Metro应用让人感觉非常快速,用户和应用之间的交互总是迅速得到响应。
重内容,而非线框与修饰Metro应用使用留白来组织内容,用户从内容本身受益,而不是装饰。
优雅的文字Metro应用中的文字不仅是可读的,也是优美的,且具备特有的表现力和魅力。
有感情的动画Metro应用通过高度响应的动画保持界面的鲜活,这些动画好像被赋予了情感。
例如,点击一段邮件的话题,话题飞入下一个页面,帮助用户注意到新页面的全文是关于这个话题的。
可靠的信息为内容而设计,简明直接,确保信息的可靠性,不误导用户。
任何带有迷惑性的设计和引导,都是Metro所排斥的。
1.2.2、Metro UI的识别Metro的简介之美如此深入人心,人们看到一部设计作品往往就能通过直觉来识别它是否遵循Metro风格。
微软Metro风格的应用和设计有五大鲜明的特点,可以用来鉴别该作品是否属于Metro风格。
鲜明的颜色Metro风格往往使用对比强烈的鲜艳饱和纯色块作为图标或文字的底色,也就是人们通常所说的“大色块”。
这些底色一般不使用或少量使用色彩过渡,一般不使用或少量使用透明度,绝不使用3D或其他非平面化的视觉效果。
矩形TileTile是Metro风格作品中最常见的视觉元素。
一般为纯矩形,没有圆角和折边。
Tile 的内容可以是文字、图标或图片。
Tile的大小并不单一,但在同一作品中的Tile的尺寸一般是基准尺寸的倍数。
在程序中的Tile可以是活动的(Live Tile),通常是可点击的。
Segoe UI、微软等线和微软雅黑Metro风格英文作品使用Segoe字体家族作为界面字体。
字体本身是纯色填充。
不使用或少量使用平面效果,绝不使用3D或其他非平面视觉效果。
对于中文应用程序,微软为Windows Phone设计了微软等线字体,该字体在展示中文文字方面具有与Segoe UI相似的表现力;Windows 8中,中文应用的默认字体为新雅黑。
整幅图片和纯色图标Metro风格的作品经常使用大尺寸的图片甚至整幅图来充分发挥图片本身的表现力。
图片本身是清晰的,图片所表达的内容通常是现代的。
而Metro风格中的图标往往是纯色的,以纯白色为最多,图标使用简单的线条和填充抽象图标的功能。
留白而少线框Metro风格的作品很少使用线条和线框分割画布中的区域和功能,着重提供用户沉浸式体验。
在必要时,作品通常使用不同大小及权重的字体或留白来区分画布中的不同区域。
1.2.3、Metro哲学作为一种界面展示技术,Metro和苹果、谷歌的设计的最大区别在于:后两者都是以应用为主要呈现对象;Metro界面强调的是信息本身,而不是冗余的界面元素。
在视觉效果方面,这有助于形成一种身临其境的感觉。
Metro有几种常用的手法来引起用户的反应:信息的重要程度往往通过文字的大小来表达;显示下一个界面的部分元素在功能上的作用主要是提醒用户“这儿有更多信息”。
1.3、Metro风格应用程序的演进1.3.1、初露端倪在微软的应用UI历史上,Metro风格最初在2005年10月12日发布的Windows XP Media Center Edition中有所体现。
Windows Media Center就是以文字为主的界面导航设计。
然而由于当时HTPC等以PC为载体的媒体播放器商属于新生事物,这种新颖的设计并没有引起太大波澜。
1.3.2、蓬勃发展2010年10月微软发布第一代Windows Phone时,其灵动的Metro界面艳惊四座。
当时就有媒体记者宣称Windows Phone令iPhone和Android设备的界面看起来就像恐龙一样过时。
在2011年Windows Phone默默发展的一年中,Metro UI也逐渐渗透到微软其他软件产品中。
在2011年秋季Xbox Live的Dashboard更新中,引入了Metro UI。
2011年6月,根据微软官方正式对Windows 8开发进展的透漏,微软第一次展示了其下一代Windows产品——Windows 8。
2012年8月微软正式迎来Windows 8的RTM版本。
这套经过精心设计和调试的UI,淋漓尽致地展现了微软对Metro风格的理解。
尽管外界对Windows 8仍存疑虑,但Windows 8的确将传统桌面与Metro界面两套几乎不可能融合的界面非常完美地融合在了一起,并同时为鼠标键盘等传统输入设备和手指手写笔等现代输入设备做出了优化。
与此同时,与Windows 8对应的服务器版本Windows Server 2012也将在主界面及服务器管理器等核心组件中引入Metro UI。
2012年7月,微软发布Office 15的首个公开预览版本。
2012年9月,在在线产品Bing中,微软同样引入了Metro UI的元素。
2012年6月20日,微软正式向外界发布Windows Phone系列的下一代产品——Windows Phone 8。
Windows Phone 8毫无疑问延续了其Metro UI的设计,同时还在Metro风格应用的灵魂——屏幕活动磁贴上大做文章。
至此,包括Windows、Windows Server、Office、Xbox、Bing、Windows Phone 在内的微软全线产品,已完全引入了代表了现代信息流与触摸时代的Metro UI。
Metro UI除了起到引领下一代软件产品交互设计的先进理念外,还将彻底扫平人们对微软这一庞然大物在持续创新和持续成功能力方面的疑虑。
总而言之,微软将通过一系列Metro风格的产品,展示其对数字未来掌控力的强大信心。
1.3.2、引领未来微软是Metro风格软件领域的先驱,然而Metro风格并不是微软在独享。
许多世界级公司也开始在其应用中认可并使用Metro UI。
如果说微软是极端的Metro风格设计者和使用者,那么接连而出的类Metro风格设计的应用将会遍地开花。
不论你喜欢与否,Metro UI已经是现在进行时,随着2012年年末Windows 8的上市,这些小方格将会铺天盖地而来。
2、Metro风格设计指南2.1、Metro页面的布局与配色任何人第一眼看到一个Metro风格的应用都会发现它的与众不同,Metro风格的应用于其他风格的应用相比,明显具有布局简介、色彩鲜明,页面上再也不是排列一堆用不到的元素和按钮,而只排列着少量重要的信息和最常用的操作,每个操作的含义非常清楚,不需要看使用说明即可直接使用;配色上则采用色彩对比强烈的色块布局,色块的大小和间隙又是那么恰到好处,没有多余的修饰,衬托出一个轻量级的页面,与流畅的操作体验相映成趣。
2.1.1、Metro的精髓——TileMetro风格的导航页面主要是由一个一个叫做磁贴(Tile)的元素构成的,并没有太多的其他元素。
这些磁贴不仅是一个个色块,每个磁贴都可以动态地呈现内容,体现Live的特点,对于Metro UI来说,这是它的精髓所在,所以Tile有时也成为Live Tile。
对于微软而言,如果UI设计的革新只是停留在外观之上,那这种变革是没有意义的。
会有很多朋友感到疑惑,究竟这种块状设计背后还蕴含着多少更深层次的意义呢?究其精华部分的Live,并非是一个静态的物体,这是因为Live Tile能够实时地显示数据和信息,这也是Live Tile和图标(ICON)的区别所在。
那么Metro风格页面的设计实际上就是磁贴的设计。
什么是磁贴,我们需要下一个定义:磁贴是一个容易辨认的应用程序或它的内容,用户可以在手机的可视化开始界面上设置一个捷径。
磁贴的设计主要分为4部分:尺寸与样式、磁贴的排列与布局、磁贴上内容的展现、磁贴的配色。
2.1.1.1、磁贴的尺寸和样式磁贴使用最简单的矩形形状,有一些尺寸是比较常用的,如173像素×173像素、62像素×62像素、150像素×150像素、150像素×310像素。
如果是图片最好使用256dpi 的PNG格式图片,如果图片小于或大于规定的像素尺寸,将会以左上角为原点进行图片的缩放。
这个尺寸虽然是系统中图标的尺寸,在应用程序中可以任意指定程序内Tile的尺寸,不过一个良好的设计建议程序内的图标尺寸应该与系统的尺寸保持一致。