随着刚刚过去的苹果发布会,iOS11系统的更新在原有的UI设计风格上有了很大的转变。相信很多设计师很果粉们都能够敏锐的察觉到这一变化。
变化最大的就是app store,整个设计都改成了Complexion Reduction(肤色简约)这一设计风格。实际上这并非苹果的专利,这个设计风格的前身是微软的Metro UI。
1.1、关于
Metro UI是微软的一种设计方案。
Metro在微软的内部开发名称为“ typography-based design language”(基于排版的设计语言)。该技术已于2010年初(美国)获得Metro UI专利批准(USPTO)。Metro UI最新的应用是windows phone 7智能手机系统,以及windows 8、office 和 Xbox 360产品中。
1.2、起源
那么Metro的设计原则并不是凭空而来,而是基于瑞士平面设计原则,最早在Windows XP的Windows Media Center就中有体现,这有利于以文字为主的界面导航。
瑞士平面设计风格
Metro之父:瑞士平面设计风格概述
第二次世界大战结束后,平面设计经历了一段时间不长的停滞。到20世纪50年代期间,一种崭新的平面设计风格终于在联邦德国与瑞士形成,被称为“瑞士平面设计风格”。由于这种风格简单明确,传达功能准确,因此很快流行全世界,成为二战后影响最大、国际最流行的设计风格,因此又被称为“国际主义平面设计风格”
1.3、灵感
Metro UI 的“metro”字面是“地铁”的意思,机场和地铁的指示牌给了微软团队设计灵感,其风格大量采用大字体,能吸引观众之注意力。
微软认为 Metro 设计主题应该是:“直觉、易懂、现代”。Modern的图标设计也会不同于安卓和iOS。
我们可以观察到Metro的设计风格最先引入眼帘的就是大大的呈现关键信息的字体,那么Metro其实是文字为导向的设计,设计此类风格一般采用的是微软为此设计的标准字体:"Segoe WP"
Segoe WP是一款西文无衬线体,和Tahoma一样仍然是一款不等宽字体。据微软称,新的Segoe UI字体利用了ClearType(Windows用来优化液晶 显示器 文字显示效果)显示技术的优势,比之前的系统字体更加现代化。这也应证了Metro的设计原则之一:内容大于装饰
那么Segoe设计风格与安卓、iOS设计风格的不同之处在于Segoe设计风格是源于生活,而高于生活的。这也是艺术设计的最高境界。那么如何运用好此设计风格也是我们今后需要研究的课题。