当前位置: 首页 > 科技观察

Apple用户界面Aqua背后的故事

时间:2023-03-16 11:51:09 科技观察

Aqua是Mac计算机新用户界面的名称。在英文中,Aqua是水的词根,寓意以水为灵感的精心设计。Aqua一经推出,便以其精美的设计和优雅的外观一炮而红,重新确立了AppleComputer的行业领导地位。本文详细介绍了Aqua的制作过程。从最早的System1开始,Mac电脑就打破了字符终端模式,使用图形界面与用户进行交互。此举虽然颇有新意,但或许对自己的成绩感到满意。从System1到System7,10年过去了,但Mac电脑的界面并没有太大的变化。这也给了微软Windows超越的机会。尤其是在微软发布了炫丽多彩的Windows95之后,MacOS的图形界面在Windows面前显得单调乏味,毫无竞争力可言。乔布斯回到苹果后,召开了一次图形界面组的会议。在这次会议上,乔布斯对旧MacOS的界面进行了彻底的批评,这让界面设计团队意识到他们不愿意进步。CordellRatzlaff作为图形界面组的负责人,也意识到苹果存在三个重要的设计问题:第一,苹果的很多界面语言并不清晰;用户感到困惑;第三,旧MacOS的界面过于死板。这些问题使得旧MacOS的界面必须改变。从1997年到1998年,苹果公司的硬件设计有了长足的进步,设计出了具有浪漫气质、多彩透亮的外壳、曲线美的iMac。受到新款iMac设计的启发,CordellRatzlaff和他的同事们很快想出了一种新的界面模式Aqua。针对上述老旧MacOS的三个问题,CordellRatzlaff给出了解决方案:首先,他提出了一个概念,叫做“实时状态”;二是windows的问题统一用动画解决;第三,一改旧MacOS僵硬的面孔,呈现出色彩缤纷、小清新的图形界面,所有锐利的直角都被打磨成圆弧,还有像iMac外壳一样的半透明菜单。由于资源匮乏,Aqua当时只是一个想法(PS图形和模拟视频),还没有可用的代码。当CordellRatzlaff向乔布斯展示他的“杰作”时,后者大为惊叹,要求界面设计团队不惜一切代价将其做成测试产品。经过三个星期的加班加点,界面设计团队完成了使用MacromediaDirector的试用。乔布斯亲自拜访了CordellRatzlaff的办公室一个下午。他对结果非常满意,给予了团队坚定的支持。在乔布斯的支持下,苹果公司的MacOSX开发团队将围绕以CordellRatzlaff为核心的界面设计专家,开发全新的操作系统。到目前为止,Aqua只是一个概念,要将其变成现实还需要大量的执行。Aqua的开发分为设计和软件。Aqua的具体开发过程如下图。首先,苹果做了一个计划,规划了整个界面的设计元素,让工程师通过可操作的素材来实现这个想法。CordellRatzlaff每周都会与乔布斯会面,向他展示界面设计团队的最新作品。对于每一个界面元素,乔布斯都会一一审视,并提出自己的见解和改进建议,CordellRatzlaff会根据这些反馈不断修改,直到乔布斯满意为止。整个包装设计的过程漫长而令人窒息,尤其是遇到偏执狂傲的乔布斯。下面的例子说明了乔布斯对完美的追求。Mac系统中有一个控件叫做滚动条。当要显示的内容比当前控件大小时,会出现滚动条。这是一个不起眼的控件,大多数时候,用户甚至不会注意到它的存在。但即使是这样一个大家都认为可以忽略的细节,乔布斯也偏执地把它当作一个大项目来做。据说设计团队花了六个月的时间修改这样一个看似简单的滚动条。苹果向来偏爱最简单的设计,满屏的窗口让乔布斯无法忍受。在他的强烈要求下,炫酷炫目的Dock诞生了,巧妙地解决了全面屏的问题。Dock为用户提供了放置常用软件图标、闲置窗口和文档的场所。当更多的东西被放入Dock时,它会自动使水平宽度变长,图标变小。当窗口收回和恢复时,它配备了一个“灵魂”般的动画(你可以通过按住Shift键同时最小化一个窗口来看到明显的效果)。这种智能动画可以让用户快速找到我需要的。在原来的Mac系统中,窗口左上角的“关闭”、“最小化”、“优化”三个按钮都是一样的灰色,不容易区分。乔布斯建议将三个按钮变成红绿灯的颜色,当鼠标移到附近时显示相应的图形说明。大家一开始听到乔布斯的说法后,都觉得很好笑,用户怎么能把电脑当红绿灯呢。然而,当他们完成修改后,都说服了乔布斯——“红灯给用户一个终止警告,这个窗口将被关闭;黄灯表示这个窗口将被放入等待队列,等待稍后访问;最后的适应是给这个窗口开绿灯。”如此巧妙的比喻,让CordellRatzlaff对乔布斯刮目相看。漫长而充实的一年过去了,MacOSX的图形界面已经变成了“女人的十八变”。2000年1月,新世纪的钟声刚刚敲响,乔布斯从容走上MacWorld发布会的舞台,即将揭晓Aqua这一独树一帜、凝聚着所有人心血的开创性界面杰作。【本文为专栏作家周兆雄原创文章,作者微信公众号:周氏逻辑(logiczhou)】