Adobe:讲述CS系列品牌与启动画面背后的故事

UI / 业界资讯 /      

uimaker
UI设计师 / 江苏 南京

来源:cnBeta编译自Neowin   作者:

关键词

+=。

刚刚公布的Adobe CS5设计套装中,Adobe对产品的包装再次焕然一新。每次Adobe CS产品升级都会有一个包括图标识别、启动画面等在内的更新,这次也不例外。桌面设计团队的主要设计师肖恩·切利斯为我们提供了一些背景信息,呈现图标和启动画面设计背后的故事。

历代Adobe产品启动画面。图/Adobe

在估计发布日期一年半之前,品牌的重新设计就要开始。每一次基本都要从零开始进行设计。项目包括:启动画面、应用程序图标、安装过程中的图形、文件图标。最终每次新版本发布,都需要设计一万个左右的全新组件画面。

切利斯也介绍了他们2005年收购Macromedia之后面临的180度转弯:“我们以前使用的波提切利的维纳斯显然不在适用。如何让两家公司风格各异的产品形态统一到一起?我们需要更简单、成系统和可扩展的识别系统。”

CS3与CS4 启动画面。图/Adobe

“莱恩·希克斯的笔下诞生了一套新的系统。使用颜色作为主要参照点,将所有程序都用两个字母代替。品牌团队创造了一套既富有美感,又有功能性的识别系统。即使是最小尺寸的图标,用户也能轻易判断分辨不同的程序——这对于较早的CS系统使用复杂的羽化图标来说,是很困难的。尽管设计之初有不同意见,但后来这套系统变得越来越流行。我们看到众多模仿CS3样式和改变样式的民间制作,比如手绘图标,这让我们充满了欢乐。”

CS5除了保留整合Macromedia时流传下来的识别符号之外,还将添加一些全新元素。这些元素的灵感来自“1972年慕尼黑奥运会的设计、传统作画工具、机械的金属表面、瑞士设计、1900年广告海报的石板印刷、以及更多。”

CS5使用一套网格系统,在以往只是呈现直线围成的图形的基础上,可以产生各种立体变形。

最终成型的启动画面:

CS5的程序图标沿用了CS3以来的色彩识别,但是分别为每个程序添加了两种辅助识别颜色。这是为了方便那些安装有很多Adobe程序的人,让他们更容易分清。

最终产品图标:

图片版权 Sebastiaan de With and Neven Mrgan.

 收藏