【你发现了吗】从Spotify介面更新谈UI设计

撰文： 余思朗
出版：更新：

在电话应用程式总是自动更新的年代，若没有什么大改动，你基本上不会发现它“更新”了什么，例如是早几天换了整套图标设计的Spotify。

Sportify资深产品设计师Andrea Limjoco在网上撰文，公布这全球最大串流音乐平台的设计改动。面世近十年，上一套图标设计已沿用三年，团队经历四个月的研发程序，跟随苹果带动的扁平式设计（Flat Design）风潮，设计出一系列共六百多个的全新图标设计。

Andrea Limjoco指出，团队在设计时希望保留原有图标的大概形象，并能配合其他介面元素例如字体的设计特色。新的图标和字体有著相近的棱角及弧度，使整体介面看起来有一致性。而在功能性上，设计必须能易于缩放大小，适合用于不同大小的电子产品，如电脑、电话，及平板电脑。

主要改动包括：1）线条宽度变成一致，2）简洁设计，3）勾划线条取代图案，4）扁平式设计取代立体图案（网上图片）
新的图标和字体有著相近的棱角及弧度，使整体介面看起来有一致性。（网上图片）

从近年不同应用程式如Spotify和Instagram的图标设计演变，可以看见由苹果iOS7带动的扁平式设计风潮仍然流行于UI（User Interface，用户界面）设计界，即是追求完全平面的图标，不再模仿实物凹凸，完全去除阴影，只保留单一线条形状和颜色。

左图：iOS7以前的UI设计，滑钮图案有强力阴影感。右图：现在的iOS介面全面采用扁平式设计。（网上图片）

如果单单从功能性上看，这种设计确实应能增加程式的易用性（Accessibilty）：有研究指出，用家在接触互动性的图标时，往往是记住它的位置，而非它的形象。因此图标的功能其实就是取代文字，以最少的空间成为有效的指标，而美感似乎不是重点。但设计界亦有声音指出，扁平式设计虽然简洁干净，却欠缺特色，没有了立体设计的细致感，在未来似乎不能延续现有的趋势。在两者之间，还有半扁平式（Semi-Flat）的设计，其中Google便是这种设计的表表者，图标维持轻盈的线条及颜色，但在某些滑动、按钮的指标上，仍保留阴影设计，营造如实体装置的立体感。

Google的新介面设计采用半扁平式设计，带有轻盈阴影。（网上图片）

其实除了图标设计，颜色、空间、字体，甚至整个网站及应用程式的的树形结构，都是UI设计的一部分，不但讲求美感，更决定了用家使用网站的导向。在应用程式成为主流的年代，UI设计渐受重视，讲求的不单单是从前平面设计的美学，或是工程学上的实用性，而是如何把两者完美结合。讲到明系User Interface，以用家经验为主导，不妨打开手机看一看，开始留意UI设计师的心思，你又喜欢哪种设计呢？