3450399331
网站设计

Metro UI是Microsoft的一种设计策略

发表日期:2024-12-06   作者来源:www.hjjjm.com   浏览:0   标签:网站制作    

什么是“Metro Ui”?

“metro”字面是“地铁”的意思,

在Microsoft的内部开发名字为“ typography-based design language”(基于排版的设计语言)。

Metro UI是Microsoft的一种设计策略。该设计策略已用于移动操作系统Windows Phone 7和Windows 8等多款Microsoft商品。2010年初(美国)获得Metro UI专利批准。

起源来源于瑞士的设计风格(Metro之父)

20世纪50年代期间,一种崭新的平面设计风格在联邦德国与瑞士形成,被叫做“瑞士平面设计风格”,因为这种风格简单明确,传达功能准确,因此非常时尚于全世界,成为二战后影响大,国际最火爆的设计风格,因此被叫做“国际主义平面设计风格”。

真的的想法

源自机场和地铁的指示牌,硕大突兀的字体,能吸引读者的注意力。

特点

1.拒绝特效

这个定义最重要的地方就是舍弃所有装饰成效,诸如阴影、透视、纹理、渐变等等能做出 3D 成效的元素一概不需要。所有些元素的边界都干净俐落,没任何羽化、渐变或者阴影

2.简单元素

一般使用很多简单的用户界面元素,诸如按钮或者图标之类。设计师们一般坚持用简单的外形(矩形或者圆形),并且尽可能突出外形,这类元素一律为直角(极少的一些为圆角)

3.专注排版

因为用特别简单的元素,排版就成了非常重要的一环,排版好坏直接影响视觉成效,甚至可能间接影响客户体验。字体是排版中非常重要的一部分,和其他元素相辅相成。

4.专注颜色

色彩搭配貌似是非常重要的一环,一般使用比其他风格更明亮、炫丽的颜色。同时,色彩搭配还意味着更多的色调。譬如,其他设计最多只包括两三种主要颜色,Metro平均用六到八种。

更倾向于用单色调,特别是纯色,并且不做任何淡化或柔化处置(最受青睐的颜色是纯色和二次色)。另外还有一些颜色也挺受青睐,如复古色(浅橙、紫色、绿色、蓝色等)。

5.最简策略

网站的整体设计中防止太多花哨的东西。简单的颜色与文字就已足够。假如要添加视觉成效,选择简单的图像。

与苹果的iOS、Google的Android有什么区别

都是以应用为主要呈现对象,而Metro界面强调的是信息本身,而不是冗余的界面元素。突出商品核心的内容外,没更多装饰性的设计,在视觉成效方面,这能够帮助形成一种身临其境的感觉。

趋势

Metro UI 这种扁平化和简洁的设计正在成为新的趋势,愈加多的网站已在UI上走向这种设计路线。

总结

无论风格怎么样,界面形式都取决于实质的功能。好的设计策略不能离开商品前期的规划工作,尤其是通过草图或线框原型进行的探索。辨别出最重要的用例需要,、用原型不断尝试和验证,为下面的界面设计工作打下坚实的基础。

“大伙说的扁平化风格的渐渐风靡固然有它的道理,但本质上它只不过设计美学当中的一种;与仿古、高光、金属质感、木质等视觉成效相同,对视觉风格的选择需要以好的信息构造及交互模式为基础。

文作者来自重庆网站制作公司-博久网络,转载请注明出处Metro UI是Microsoft的一种设计策略Metro UI是Microsoft的一种设计策略本文地址:

如没特殊注明,文章均为优果网 原创,转载请注明来自http://www.huiguohuo.com/news/sheji/16087.html
上一篇:

下一篇: