Apple 的辅助设计元素

知更鸟
知更鸟
知更鸟
1528
文章
6915
评论
2010年3月5日12:42:40 评论 2.5K

金属质感与反光,彩虹般的颜色组合,镜面反光与倒影,大量的空白背景与简约设计,大字号的产品介绍。如果你看到上述一些元素组合在一起,多半这里是 Apple Store 。

Apple 的辅助设计元素

Apple 无疑是在数码产品与 IT 行业中最成功的设计公司,Apple 的设计思路影响了这一代的竞争对手、设计师以及消费者,一些设计元素(如前述)几乎成为 Apple 的第二标志。本文从一个普通消费者的角度来谈论这些帮助建立 Apple 企业形象的辅助设计元素,看看 Apple 是如何运用这些不起眼的细节吸引消费者的。

网站设计
大即是美

Apple 的辅助设计元素

进入 Apple 官方网站首页,抛去网页各个模块加载速度不同不谈,一般人首先都会被中央的大幅宣传照片吸引。这一部分通常占据了整 个首页页面面积的 70% 以上,放置了热卖的某个产品图片、最新上市的某个软件宣传画。

与其他传统公司网站不同,Apple 只在首页推荐一款产品,而要查询其他产品则要通过上方的导航条或者下方稍小的介绍图片进入。并且,Apple 也不为单一产品建立网站,例如输入 www.ipod.com 会转入 Apple.com 的 iPod 系列页面中。Apple 也大量运用精致的产品图片配上少量的文字来解释产品的特性,通常是一张图片 + 一句话简介 + 寥寥几行稍详细介绍,力图用图片来吸引消费者而不是详尽的文字。

另外值得一提的是,Apple 在其网站上几乎不用几乎是网页标准的 Flash 来展示产品,而是“固执”地使用自家的 Quicktime,想要看更多内容?请先下载 Quicktime,Apple 又傲慢地完成了一次产品推销。

产品与包装

Apple 的辅助设计元素

photo via NYDailyNews by Sullivan/Getty

Apple 的辅助设计元素

photo via engadget

关于 Apple 的设计已经无需老生常谈,但是 Apple 爱使用彩虹般的配色则毋庸置疑。只要可能,Apple 可以将某个产品制作成很多种不同颜色的款式。从最开始 iMac 五彩显示器到现在 iPod nano 多达九种颜色,并且 Apple 总是将它们以非常漂亮的方式排列起来,让消费者看起来就像是彩虹一般的产品。

如上图,显示屏中唱片封面的颜色跟 iPod nano 颜色是一致的。

Apple 的辅助设计元素

而在最近的一些手持设备中,Apple 也越来越喜欢运用大面积反光强烈的不锈钢材质,我自己有个女性朋友就戏称她买 iPod Classic 就是拿来当镜子用的。虽然不锈钢无法抵挡擦挂、指纹的破坏,但 Apple 也越来越喜欢强调金属质感与反光。如上 图,三台 iPod Touch 这样摆放,想不被那迷人的“背影”吸引都难。

Apple 的辅助设计元素

photo via flickr by whiteXbread

Apple 产品的包装我相信每一位 Apple 用户都会赞不绝口。Apple 不用透明塑料袋,也没有绑线用的铁质扎丝,每一根线缆都很完美得弯曲在透明封套中,而产品、说明书也是非常整齐合理得“挤”在包装中。换作其他品牌,这几 乎是不可能的事。

平面、电视广告
简约

Apple 的辅助设计元素

上图是著名的诋毁微软系列广告 Get a Mac 中的截图,画面中只有白色布景和两个分别代表 PC 和 Mac 的演员。实际上 Apple 一致是如此:大部分的广告与宣传画不需要背景衬托,通常是朴素背景(黑、白、灰), 完全靠产品本身的设计,这样的做法使得产品更加素雅。就连大部分的电视广告、教学影片中,也只出现白色背景、产品和把玩产品的手,最多再加一个来自 Genius Bar 的工作人员。当然不仅是广告,前面讲到的 Apple 网站设计、包装设计都遵循这一规则:最小化的背景,最大化 的产品照片

Apple 的推销邮件也是如此,每当有新产品上市时 Apple 都将发送新产品的推销邮件。虽然其他公司也是如此,并且也使用 HTML 让邮件更漂亮。但 Apple 的邮件看起来就像他们的官方网站一样美观:同样的留白、大字体、清晰的产品照片,并且 布局也力求与网站布局一致。

Apple 的辅助设计元素

实际上 Apple 很喜欢这样的宣传方式,无论是 Apple 各种大会上的 Keynote、平面广告、电视广告还是邮件上:左 右交叉布置的产品照片,大字号的产品一句话简介或描述,几行稍小字号的详细介绍

如果说这样的设计有什么问题的话,那就是 Apple 在将来是继续保持这种风格,还是突破自我打破陈规,抑或走中间路线的问题了。毕竟从设计美学上来讲,还没有如此庞大的公司与它抗衡。生于忧患而死于安乐, 缺少竞争从来就不是好事情。

原文:http://www.geedr.com/apple-assistant-design-elements.html

weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
关于Photoshop CC 2017 临时文件夹 实用技巧

关于Photoshop CC 2017 临时文件夹

升级到Photoshop CC 2017后,每次打开Photoshop会在程序安装盘的下一个盘符中生成名称类似XXXzxpsign8251fd8558a05d80的两个文件夹,关闭程序后也不会自动删除...
苹果设备响应展示PSD源文件 设计资源

苹果设备响应展示PSD源文件

响应式网站大势所趋。本文所提供的苹果所有设备响应展示分层PSD源文件,可方便展示和推广您的响应式网站作品。 Apple Device Wireframe Mockups Apple Devices F...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: