为各种尺寸屏幕绘制图标和表情符号 - 彭博社
bloomberg
苹果首席执行官蒂姆·库克本月宣布“电视的未来是应用程序”,这让设计师路易·曼提亚非常高兴。他和亚历克萨·格拉费拉在俄勒冈州波特兰经营着一家名为Parakeet的工作室,专门设计图标——用户点击或轻触以启动应用程序的邮票大小的图像。在公司于9月9日展示的新Apple TV上,动画3D图标看起来比它们微小、静态的iPhone对应物更具吸引力。“我们对Apple TV感到非常兴奋,”曼提亚说。对于像他这样的设计师来说,产品的主屏幕是一个新的画布。
自从苏珊·凯尔的8位设计在1984年首次出现在Macintosh屏幕上以来,图标设计就像数字排版一样,成为软件行业中一个重要但不引人注目的细分领域。2008年苹果App Store的推出为我们的行业带来了“海洋般的变化,”北卡罗来纳州格林斯伯勒的大型设计工作室Iconfactory的联合创始人盖德昂·马赫克斯说,该工作室为Windows和Twitter等大品牌提供服务。“这给了我们工作保障。”
十年前,Iconfactory的一位主要设计师专门模仿苹果在其Mac OS X操作系统上使用的Aqua用户界面的大型、细节丰富的视觉风格。(Aqua的环境旨在唤起水的感觉,从气泡到光在水下的折射。“我们让屏幕上的按钮看起来如此美味,你会想要舔它们,”史蒂夫·乔布斯在一次采访中说道。)现在,Iconfactory还设计大小如饼干屑的自定义表情符号。
图标和符号——这个术语指的是模糊排版和图标之间界限的符号,例如在线视频中的三角形“播放”按钮——必须为硅谷生产的每个屏幕尺寸绘制,从5K分辨率的显示器到智能家电和可穿戴设备。设计师如Maheux和Mantia,他们在创办Parakeet之前也曾在Iconfactory工作,就是在做这项工作。
公司通过手工准备和完善概念草图,然后从头开始制作数字“资产”——无论是单个应用程序的数十张图像,还是操作系统或社交网络所需的数百个符号。他们很少重新利用即使是最简单的形状。设计师通常独自工作或成对工作。“虽然当我们不得不画第无数次的地球仪时,最好是让所有人都参与进来,”Maheux说。“这样可以减轻压力。”
即使是最小的图标在设计师的屏幕上也会以较大的尺寸开始。这不仅仅是为了绘制时的方便:许多客户要求图标的大幅面版本用于离线营销材料。多个设备分辨率是另一个问题:例如,苹果的App Store要求开发者为每个图标提交不同尺寸的图像,从29 x 29像素,差不多和铅笔橡皮擦一样大(用于在iOS的设置应用中显示),到DVD大小的1024 x 1024像素版本,用于宣传材料和演示。图标可能出现在越来越小的上下文中——想想苹果手表的微小应用网格——但“从设计师的角度来看,一切都在变得更大,”Maheux说。“艺术的物理尺寸比以往任何时候都要大,超高像素密度让你即使在真正微小的显示尺寸下也能清晰看到所有细节。”
在谷歌和微软等大型公司中,软件被部署在数百个产品和服务上,图标设计由内部团队完成。谷歌的做法是设计与工程的结合:图标被视为代码,并存放在一个开源库中。“整个公司只有一个‘暂停’图标,如果我们对其进行调整,变化会自动传播给所有人,”负责材料设计工程组的乔什·埃斯特尔说。
在企业内部,仍然有老大师在工作。布赖恩·弗里克在苹果工作了15年,为经典的Mac OS X应用程序如邮件和iTunes设计图标,现在在Facebook工作,他帮助重新设计了公司无处不在的“朋友”图标。(“他在这个领域是一个非常重要的人物,”曼蒂亚说。)凯尔的原始Macintosh图标草图存放在现代艺术博物馆,最近被Pinterest聘用,正如她所说,“为公司的产品界面带来同理心”。
凯尔曾将图标插图比作“用针线工作”,她说设计原则与1984年时是一样的。“好的图标的工作方式就像交通标志,”她说。“这涉及到一种诗意的问题解决方式,以便达到一种可以被普遍理解并能一目了然地传达功能的设计。”
随着无人驾驶汽车、智能家居和其他互联网连接设备进入主流,这些数字交通标志的设计师们正面临来自意想不到领域的需求。Parakeet最近的客户包括June智能烤箱的制造商,这是一种类似微波炉的设备,其屏幕显示诱人的食物图标,作为烹饪完美餐点的一键快捷方式。曼蒂亚和格拉费拉为June设计了两打图标,包括鸡块、烤三文鱼和芦笋——这项工作与格拉费拉在业余时间为乐趣绘制食物表情符号的习惯恰好同步。曼蒂亚说:“如果我们没有得到报酬,我们也会这样做。”
结论: 设计数字图标的设计师比以往任何时候都忙,因为带有显示屏的设备越来越多。