冯韩

摘要：苹果公司的iOS、微软的Windows Phone以及谷歌的Android做为当今主流的三大操作系统，在其风格迥然的界面设计中，也包括图标设计风格的不同。文章分别从设计风格和易用性两个角度对比分析了当今主流的三大操作系统的图标设计，总结了各自的风格特点以及易用性层面各自的优缺点。图标设计在追求某种特定风格的同时应把信息的传达以及易用性作为设计原则。

关键词：iOS；Windows10 mobile；Smartisan OS；易用性；扁平化；拟物化；

图标设计

检索：www.artdesign.org.cn

中图分类号：J0 文献标志码：A 文章编号：1008-2832（2016）04-0044-03

一、操作系统简介及对比版本介绍

首先，iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上发布，最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad以及Apple TV等产品上。

其次，Windows Phone（简称WP）是微软于2010年10月21日正式发布的一款手机操作系统。基于Windows CE内核，采用了一种称为Metro的用户界面（UI），并将微软旗下的Xbox Live游戏、Xbox Music音乐与独特的视频体验集成至手机中。

最后，Android是Google公司于2007年11月5日宣布的基于Linux平台的开源手机操作系统。由于Android是开源手机操作系统，允许其他厂商免费使用，所以终端厂商可以在其基础上做一些修改来达到自身的一些目的。根据对操作系统修改的程度，可以分为一般的定制和深度定制。不论一般定制还是深度定制，只要兼容原生Android原生应用，通常我们称都称这类操作系统为Android系统。

根据NetMarketShare最新的数据显示：Android市场份额位列第一，达到了53.54%，而iOS紧随其后，市场份额有38.58%，第三大手机系统则是windows Phone，虽然市占率只有2.48%，但发展潜力不容小觑。

本文将分别选取iOS 9 2、Windows 10 mobile和Smartisan OS 2.5这三个操作系统对其图标设计进行对比分析。iOS 9.2、Windows 10 mobile分别是苹果公司和微软公司到目前为止发布的最新手机操作系统，而在Android阵营中选取Smartisan OS 5.2的理由是：—方面Smartisan OS是基于Android深度定制的操作系统，另一方面Smartisan OS以其出色的界面设计获得了国际上的广泛认可，其中包括iF设计大奖金奖。总之Smartisan OS更能担当Android开源模式下深度定制的典范。

二、图标设计的整体风格对比

（一）扁平化图标设计的代表iOS 9.2

2013年9月11日，回归极简风格设计的iOS 7.0一经面世便引来社会大众的高度关注，瞬间“扁平化设计”这个敏感的词汇被推到了风口浪尖，扁平化风格作为设计潮流以不可抵挡之势在界面设计领域蔓延开来。苹果将这种风格一直延续到今天的i0S 9.2。

扁平化作为一种设计风格是在智能手机高速普及，同时拟物化设计风格被普遍应用的情况下出现的，这样的设计风格无疑在一定程度上解决了人们对拟物化设计的审美疲劳。

扁平化设计追求简约，通常采用鲜艳明亮的单色色块，结合iOS图标一贯的圆角矩形轮廓，给人一种光滑、整洁、华丽以及充满现代感的全新体验。（图1）

（二）Windows 10 mobile的极简单色图标

Windows 10 mobile的界面设计风格无疑是三大操作系统中最具特色的。Windows 10 mobile使用简单的特效，或者无特效来创建的设计方案，它不包含三维属性，诸如投影、斜面、浮雕、渐变等特效都不会在设计中使用。首先系统自带应用全部都以单色图形呈现，其次对部分常用第三方应用图标微软也推出了相应的单色图形图标。同时大量的第三方应用则以原本的彩色形式呈现。这样的图标呈现方式在其独特性的背后隐藏着不可忽视的问题，即单色的图标与彩色的图标同时存在，由于缺乏整体规范性以及统一性在视觉上给人一种杂乱无章的体验。（图2）

关于图标风格的一致性，由于Windows 10 mobile主要采取极简的单色图标设计风格，这样在保持图标整体风格的一致性方面就面临着巨大的难题。虽然微软可以把部分相对常用的应用简化为单色应用，但是对于一些第三方应用图标来说，由于原本图标是由多重色彩绘制而成，同时结构复杂，以至于无法简化为单色图标（图3）。除非重新绘制全新的单色图标，这样一来，图标原有的含义以及应用的换平台可识别性就会受到严重影响。所以结果就是Windows 10 mobile无法保持图标设计风格的一致性。

（三）拟物化图标设计的典范Smartisan OS 2.5

在数字界面领域里，拟物化设计起源于图形界面（GUI）的视觉隐喻（Visual Metaphor）。往往指几面设计模仿现实物质世界中的事物，以使其外观让人感觉熟悉和亲切。

Smartisan OS的图标设计属于典型的拟物化设计，即通过模拟现实世界的物质的形态与质感，加上阴影、材质纹理等信息，最大化的将真实世界反应在图标设计中。

由于近年来，产生了许多过分强调细节而违背交互设计要求的拟物化产品，使大众对拟物化产生了一定的误解，觉得拟物化风格便是繁琐、立体的，甚至认为拟物化一定会被扁平化的设计风格所取代。但拟物作为一种设计风格，使用与否应该由产品、环境以及用户需求决定，而非一味否定。

单从设计风格来讲，同样是拟物化设计的图标，根据设计师水准的高下，结果也会呈现好坏之分。但总的来说，由于Smartisan OS的拟物化图标设计还原了现实世界的物质形态，细腻的、精心设计的图标总会让用户感到熟悉、亲切甚至会有一定的趣味性。（图4）

由于当今主流的图标设计风格是扁平化，那么如何确保系统中众多的第三方应用的图标能够统一为拟物化设计风格呢？Smartisan OS的解决办法是：由设计师专门为特定的应用绘制拟物化风格的图标，在保证常用应用图标一致为拟物化风格的基础上，对小众应用SmartisanOS中提供了一批普适性图标，以替换第三方应用的原厂图标，从而确保Smartisan OS图标风格的一致性。这些拟物化的普适性图标包括游戏、金融理财、铃声壁纸、社交通讯、学习教育、书刊阅读、生活实用、儿童母婴、系统工具、商务办公、交通出行、影音图像以及其他等13个类别，每个类别中都有一定数量的喜欢图标可供选择。这样，Smartisan OS图标设计风格的一致性就得到了基本保证。（图5）

三、从易用性角度对比

（一）iOS 9.2扁平化图标的弊端

1图标的抽象表达必然会舍去一定的信息，而图标信息量减少，用户的识别成本便会增加。用户不是天生就会使用手机，图标识别成本的增加，有时会变成用户体验质量的下降。尤其对于某些特定的群体。例如在商务人士重视效率的前提下，不得不花额外的时间来理解与记忆一个陌生的图标时，这会让他们感到一定的繁琐。而高龄群体试图去理解一个抽象图标的含义时又会遇到一定的障碍。

比如同样的相册应用，iOS 9.2中经扁平化设计、抽象处理后的相册应用图标与Smartisan OS 2.5中拟物化设计、真实的还原相片堆叠时形态的相册应用图标相比，显然后者更容易被识别。（图6）

2扁平化的布局淡化了按钮图标的边界与布局，用户不确定点按的范围，即便点对了，也不会形成明确的反馈，这样用户在使用的过程中就缺失了一定的类似“手机在我的掌控之中”的踏实感。

（二）Windows 10 mobile单色图标存在的易用性问题

1单色的图标已然在很大程度上削减了图标的信息量，这样信息量的极度减少，必然导致识别成本的急剧增加。甚至导致出现图标存在意义的缺失：人们不再通过图标，而是通过图标旁边的图标名称来识别特定应用。在Windows 10 mobile中，一些图标为了追求极致的简约，导致的结果是图标过于抽象，以至于用户很难将之与应用内容建立联系。（图7）

2.从人类的生理角度来讲，人们习惯通过颜色来寻找东西，正如图书馆的一些书籍会按颜色分类排放，再比如在印度的一些学校外面，学生按照颜色排列脱下的鞋，以便之后能够通过颜色快速的找到。在这样的前提下，如果用户想根据图标的颜色来快速的找到特定应用的话，单色的图标设计就丧失了提供便利的可能。比如我们想到微信的时候，脑海里会呈现一个绿色的图标，想到淘宝的时候脑海里呈现的是一个橘黄色的图标，而这些颜色特征在Windows 10 mobile中全部被抹去，取而代之的是一律呈现白色。这样的图标设计意味着每一个图标的“个性”的消失，接下来便是用户寻找图标的困难，最终导致的是易用性的降低以及体验的下降。（图8）

（三）Smartisan OS拟物化图标设计的优势

Smartisan OS的拟物化风格通过模拟现实世界的物质的形态与质感，加上阴影、材质纹理等信息，最大化的将真实世界反应在界面设计中。出色的拟物化设计能够提供足够多的有用信息来反应应用的内容，提高了图标的可识别性，加上能够很好的唤起用户对于真实世界的联想，最终用户能够很快的理解图标的含义，从而降低了学习成本和使用心理负担。

即便第一次使用智能手机的用户在看到Smartisan OS中经过重新绘制的淘宝应用的图标之后也能够基本确定这个应用是用来购物的。购物袋上写一个“淘”字，结合淘宝网的主题色橙色，已经传递给用户足够多的必要信息。（图9）

四、结语

通过对比分析iOS 9.2、Windows 10 mobile以及smartisan OS 2.5三种操作系统的图标设计，我们可以看出，三种操作系统分别代表着不同设计风格。iOS 9.2的扁平化图标设计意味着图标信息量减少，用户的识别成本的增加以及交互体验质量的下降。Windows 1 0 mobile的单色的极简化图标设计在信息传递量不足的情况下，同时存在着图标风格难于统一的问题。

总之，操作系统图标的全局扁平化处理以及单色图标设计都存在着诸多不可避免的交互问题，如果抛开风格的偏好以及审美的差异，拟物化的图标设计才是通向出色易用性以及良好的用户体验的较好解决办法。