关于Complexion Reduction 之设计背景

随着刚刚过去的苹果发布会，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设计意念的站牌——金县都会交通局巴士站站牌

微软认为 Metro 设计主题应该是：“直觉、易懂、现代”。Modern的图标设计也会不同于安卓和iOS。

我们可以观察到Metro的设计风格最先引入眼帘的就是大大的呈现关键信息的字体，那么Metro其实是文字为导向的设计，设计此类风格一般采用的是微软为此设计的标准字体："Segoe WP"

WP7 和 WP8 的 Segoe 字体

Segoe WP是一款西文无衬线体，和Tahoma一样仍然是一款不等宽字体。据微软称，新的Segoe UI字体利用了ClearType（Windows用来优化液晶 显示器 文字显示效果）显示技术的优势，比之前的系统字体更加现代化。这也应证了Metro的设计原则之一：内容大于装饰

那么Segoe设计风格与安卓、iOS设计风格的不同之处在于Segoe设计风格是源于生活，而高于生活的。这也是艺术设计的最高境界。那么如何运用好此设计风格也是我们今后需要研究的课题。