论文部分内容阅读
在拥有超过77.5万个应用程序的苹果App Store中,每天都有无数Losers。这些Losers很有可能是因为那个“丑陋不堪”的图标。根据移动分析市场调研公司Surikate的统计,81%的英国用户几乎不会去浏览排行榜前50名以外的应用,64%的新应用根本上不了榜单。
所有应用程序开发商都在绞尽脑汁吸引用户那点少得可怜的注意力。强调图标作用的是Louie Mantia。“一款App想要获得成功,最大的障碍可能就是它的图标看起来是多么的丑陋不堪!”,他认为一个难看的图标可能是最大的障碍。
Mantia曾经是苹果公司iTunes设计团队的视觉界面设计师,iTunes10、Trailers、Remote等苹果应用程序的图标都出自他之手。你可能没听过这个名字,但他在图标设计界很有名,还为奥巴马的竞选应用 Obama’08 设计了一个非常酷的图标。
“好图标会说话。当用户在App Store搜索时,图标就是最好的推销员,而当用户在他们的手机屏幕上安装了应用之后,图标的作用则是提高使用率,让用户在众多的应用中将它一眼认出来。”Mantia在博客里写道。
图标的价值有点类似产品包装,让应用程序在“货架”上脱颖而出,激发用户的购买欲。但和包装不同,图标设计不应该是应用程序开发的最后一步。
从事了17年图标设计的Gedeon Maheux发现,那些埋头研究技术的开发者们并不怎么重视图标的设计。“他们经常会把图标排在最后,相反在软件开发中花费了大量的人力、时间和金钱。而到了最后环节,他们已经不愿意再多花一点精力关注颜色、字体这些细节。但这些细节往往在增强公司品牌和传递产品核心理念中发挥着重要的作用。”Maheux告诉《第一财经周刊》。
Maheux是专门从事图标设计的公司Iconfactory的创始人之一。这家公司曾为微软制作了超过100个软件图标。而Louie Mantia也曾经是Iconfactory设计团队中的一员。如今它们的业务也延伸到移动设备上,每年要设计上百个移动应用图标。
Maheux觉得移动设备对于图标设计师来说意味着更多的挑战:他们必须要在不足72×72像素的空间内设计出像广告海报一样的图标。
成功的秘诀就在于信息量和视觉体验的结合:要千方百计通过细节让图标足够突出,并且能让人一目了然地了解这个应用到底是做什么的。这些细节包括形状、颜色、质感、底纹等等多个要素,是一项复杂的组合工程。“我们在为xScope设计图标时,一直修改了将近20次,才敲定了最终的版本。”Maheux说。
了解应用的功能,并用具体的形象将它表现出来是图标设计的第一步,也是最困难的部分。“一个好的图标要和应用的内涵和风格相符合,找到一个能够准确代表应用的具体形象,而且做到简单又具有吸引力,这需要花费很多心思。”Iconfactory设计师David Lanham告诉《第一财经周刊》。他设计的Twitterific图标获得过2008年度苹果设计大奖。
他所描述的这个过程被图标设计师们称为“隐喻”。隐喻可以来自日常生活,因为熟悉的事物能自然而然让人产生联想。Mantia很推崇Routesy和Delivery Status这两款应用的图标设计。前者是一款查看旧金山当地公交车时间表的应用,它的图标采用了旧式公交月票的图案。后者是一款追踪货品位置的应用,图标则是一个贴着白色运输标签的纸箱。而在设计Twitterific的图标时,Lanham就将Twitter本身的Logo形象化为一只胖乎乎的小鸟。“你可以利用人们在现实生活中已经熟悉的事物来推广自己的应用及品牌,让用户想要靠近,这是人的天性。”Mantia说。
然而并非所有隐喻都必须照搬那些司空见惯的东西,比如所有阅读应用都得用书籍做图标,而所有购物应用都只能用一个手推车来代表。隐喻也需要创意。
“设计师应该事先了解竞争者们已经使用过的图标,如果大家都使用一样的隐喻,你就应该做出不一样的东西来。”David Lanham说。
2010年,Lanham为一款效率类的软件On the Job设计图标时发现,已有的事务管理应用采用的基本上都是日历、钟表、日晷这些标志。在反复思考了On the Job的用户群体的特点之后,Lanham选择了蜜蜂作为通勤族的象征。而为了达到更生动的视觉效果,他在这只蜜蜂身上运用了鲜亮的色彩、蓬松的皮毛和夸张的躯体。
虽然不同风格的应用有不同的设计方法,但David Lanham认为,那些色彩反差明显,同时线条简洁的图标看上去会更好。
一个来自Iconfactory的典型案例是Frenzic iPhone版的图标设计。Frenzic是2007年由ARTIS软件公司和Iconfactory共同开发的Mac平台益智游戏。最初的图标设计方案是将Frenzic经典的绿橙相间的楔形标志放置在深黑色的背景中。但在测试版发布之后,Gedeon Maheux发现了一个很大的问题:在一堆风格相似的游戏中,这个图标完全没有吸引力,几乎是当时App Store里的游戏应用最常见的设计风格。
Lanham加入这个项目后从霓虹灯得到了灵感,把原本黯淡的标志做出仿佛从内而外散发出光芒的效果,还在背景中加入了电路板图案,让游戏显得更酷。
尽管Lanham的改进方案确实让Frenzic显得亮眼许多,但这种全新的设计风格是否能被用户接受,ARTIS公司和Iconfactory的其他设计师一度犹豫不决。其实所有应用程序形象的选择和确定都需要设计师们与软件开发团队进行充分沟通,了解应用的功能、开发过程以及品牌故事,然后通过大量的调研以及多次团队头脑风暴,才会确定方案。在Maheux的坚持下,Lanham的设计方案最终被放在了App Store里,Frenzic的下载量在短时间内迅速上升。
同样采用了鲜明简洁的设计原则的应用还有iSkid。它的图标类似一个交通指示牌,由两条弯道和一辆滑行的汽车组成。“iSkid的下载量超过100万,对于一款成功的游戏来说,它的图标必须是清晰的、简单的,能够从混杂的图案中脱颖而出。”iSkid的开发商Neon Play公司CEO Oli Christie告诉《第一财经周刊》。他建议设计师不要再多此一举地把应用的名称放在图标上。“要让每一个元素都有意义。你真的不需要将名称添加到图标上。”
除了色彩和构图,设计师还需要考虑不同平台使用者的视觉变化。比如,电脑屏幕上的图标多采用透明的背景,而在iPhone中,许多应用的图标都会添加醒目的背景色。尤其是同一家开发公司推出的一系列应用程序,如果采用统一的背景色还能形成视觉识别体系。
除了成功吸引用户下载到手机上,亮眼的图标也能提高用户的重复使用率。“永远不要低估一个醒目的图标所需要的细节和优化。任何优秀的图标都不是匆忙设计下的产物。”《愤怒的小鸟》发行方Chillingo的联合经理Chris Byatte曾这样告诫游戏开发商们。
所有应用程序开发商都在绞尽脑汁吸引用户那点少得可怜的注意力。强调图标作用的是Louie Mantia。“一款App想要获得成功,最大的障碍可能就是它的图标看起来是多么的丑陋不堪!”,他认为一个难看的图标可能是最大的障碍。
Mantia曾经是苹果公司iTunes设计团队的视觉界面设计师,iTunes10、Trailers、Remote等苹果应用程序的图标都出自他之手。你可能没听过这个名字,但他在图标设计界很有名,还为奥巴马的竞选应用 Obama’08 设计了一个非常酷的图标。
“好图标会说话。当用户在App Store搜索时,图标就是最好的推销员,而当用户在他们的手机屏幕上安装了应用之后,图标的作用则是提高使用率,让用户在众多的应用中将它一眼认出来。”Mantia在博客里写道。
图标的价值有点类似产品包装,让应用程序在“货架”上脱颖而出,激发用户的购买欲。但和包装不同,图标设计不应该是应用程序开发的最后一步。
从事了17年图标设计的Gedeon Maheux发现,那些埋头研究技术的开发者们并不怎么重视图标的设计。“他们经常会把图标排在最后,相反在软件开发中花费了大量的人力、时间和金钱。而到了最后环节,他们已经不愿意再多花一点精力关注颜色、字体这些细节。但这些细节往往在增强公司品牌和传递产品核心理念中发挥着重要的作用。”Maheux告诉《第一财经周刊》。
Maheux是专门从事图标设计的公司Iconfactory的创始人之一。这家公司曾为微软制作了超过100个软件图标。而Louie Mantia也曾经是Iconfactory设计团队中的一员。如今它们的业务也延伸到移动设备上,每年要设计上百个移动应用图标。
Maheux觉得移动设备对于图标设计师来说意味着更多的挑战:他们必须要在不足72×72像素的空间内设计出像广告海报一样的图标。
成功的秘诀就在于信息量和视觉体验的结合:要千方百计通过细节让图标足够突出,并且能让人一目了然地了解这个应用到底是做什么的。这些细节包括形状、颜色、质感、底纹等等多个要素,是一项复杂的组合工程。“我们在为xScope设计图标时,一直修改了将近20次,才敲定了最终的版本。”Maheux说。
了解应用的功能,并用具体的形象将它表现出来是图标设计的第一步,也是最困难的部分。“一个好的图标要和应用的内涵和风格相符合,找到一个能够准确代表应用的具体形象,而且做到简单又具有吸引力,这需要花费很多心思。”Iconfactory设计师David Lanham告诉《第一财经周刊》。他设计的Twitterific图标获得过2008年度苹果设计大奖。
他所描述的这个过程被图标设计师们称为“隐喻”。隐喻可以来自日常生活,因为熟悉的事物能自然而然让人产生联想。Mantia很推崇Routesy和Delivery Status这两款应用的图标设计。前者是一款查看旧金山当地公交车时间表的应用,它的图标采用了旧式公交月票的图案。后者是一款追踪货品位置的应用,图标则是一个贴着白色运输标签的纸箱。而在设计Twitterific的图标时,Lanham就将Twitter本身的Logo形象化为一只胖乎乎的小鸟。“你可以利用人们在现实生活中已经熟悉的事物来推广自己的应用及品牌,让用户想要靠近,这是人的天性。”Mantia说。
然而并非所有隐喻都必须照搬那些司空见惯的东西,比如所有阅读应用都得用书籍做图标,而所有购物应用都只能用一个手推车来代表。隐喻也需要创意。
“设计师应该事先了解竞争者们已经使用过的图标,如果大家都使用一样的隐喻,你就应该做出不一样的东西来。”David Lanham说。
2010年,Lanham为一款效率类的软件On the Job设计图标时发现,已有的事务管理应用采用的基本上都是日历、钟表、日晷这些标志。在反复思考了On the Job的用户群体的特点之后,Lanham选择了蜜蜂作为通勤族的象征。而为了达到更生动的视觉效果,他在这只蜜蜂身上运用了鲜亮的色彩、蓬松的皮毛和夸张的躯体。
虽然不同风格的应用有不同的设计方法,但David Lanham认为,那些色彩反差明显,同时线条简洁的图标看上去会更好。
一个来自Iconfactory的典型案例是Frenzic iPhone版的图标设计。Frenzic是2007年由ARTIS软件公司和Iconfactory共同开发的Mac平台益智游戏。最初的图标设计方案是将Frenzic经典的绿橙相间的楔形标志放置在深黑色的背景中。但在测试版发布之后,Gedeon Maheux发现了一个很大的问题:在一堆风格相似的游戏中,这个图标完全没有吸引力,几乎是当时App Store里的游戏应用最常见的设计风格。
Lanham加入这个项目后从霓虹灯得到了灵感,把原本黯淡的标志做出仿佛从内而外散发出光芒的效果,还在背景中加入了电路板图案,让游戏显得更酷。
尽管Lanham的改进方案确实让Frenzic显得亮眼许多,但这种全新的设计风格是否能被用户接受,ARTIS公司和Iconfactory的其他设计师一度犹豫不决。其实所有应用程序形象的选择和确定都需要设计师们与软件开发团队进行充分沟通,了解应用的功能、开发过程以及品牌故事,然后通过大量的调研以及多次团队头脑风暴,才会确定方案。在Maheux的坚持下,Lanham的设计方案最终被放在了App Store里,Frenzic的下载量在短时间内迅速上升。
同样采用了鲜明简洁的设计原则的应用还有iSkid。它的图标类似一个交通指示牌,由两条弯道和一辆滑行的汽车组成。“iSkid的下载量超过100万,对于一款成功的游戏来说,它的图标必须是清晰的、简单的,能够从混杂的图案中脱颖而出。”iSkid的开发商Neon Play公司CEO Oli Christie告诉《第一财经周刊》。他建议设计师不要再多此一举地把应用的名称放在图标上。“要让每一个元素都有意义。你真的不需要将名称添加到图标上。”
除了色彩和构图,设计师还需要考虑不同平台使用者的视觉变化。比如,电脑屏幕上的图标多采用透明的背景,而在iPhone中,许多应用的图标都会添加醒目的背景色。尤其是同一家开发公司推出的一系列应用程序,如果采用统一的背景色还能形成视觉识别体系。
除了成功吸引用户下载到手机上,亮眼的图标也能提高用户的重复使用率。“永远不要低估一个醒目的图标所需要的细节和优化。任何优秀的图标都不是匆忙设计下的产物。”《愤怒的小鸟》发行方Chillingo的联合经理Chris Byatte曾这样告诫游戏开发商们。