apple网站风格一直是网页设计者，争相效仿的对象，可以说目前网页圆角、渐变色、按钮等很多网页元素风格都源自apple早期网站。

原apple网站风格布局　　　　　　　　　　　　　　　　目前apple网站风格布局

Hotnews 主题，很多元素风格也来自apple网站，其实当初我想作的是左图的风格布局，后来发现不太适合自己博客内容，最终放弃了。Hotnews Pro主题目前基本已走到了升级的尽头，如无重大问题不会再升级，可能有时间会制作一些升级补丁，比如把独立的图片模版补上。

另外，目前的整体布局风格已回归到我一年多前自用的3.0版本上，有点视觉疲劳，所以决定抽时间再次模仿一下左图的风格布局，重新作一套模版。

苹果风构成元素

浅色系与微妙的渐变色

留白，留白

清晰明快的字体

产品图片充满美感

雅致的图标

干净整洁的网格布局

清晰，友好，一致的导航

产品功能的介绍结合非常出色的图片，视频

小而清晰的字体

靠明显的对比效果引起注意

简洁的指南

不使用 Flash

苹果风 Web 设计欣赏之一：苹果家族 Apple Developer

Apple Store

Apple Mac

Apple iPhone

Apple Support

苹果风 Web 设计欣赏之二：仿苹果家族 1. Panic Coda
这是一个非常受欢迎的 Mac 代码编辑器

2. AteBits
简单就是美

3. Cultured Code
漂亮的图标贯串始终，对内容的组织很有效

4. Mac Rabbit
灰白色系黑渐变，雅致的图标

5. Twelve South
非常漂亮的产品图片，苹果产品图片

6. Metalabs
虽然表面上不是很苹果，但骨子里。BTW，这就是据说被 Mozilla 的一款产品的 UI 所抄袭的设计 （译者注）

7. Version App
很黑，但仍然很苹果

8. IconDock

9. Acrylic Apps

10. Billings App
深得苹果精髓的设计，大产品图 + 灰白蓝色系 + 大小对比强烈的字体

11. Postage

12. Bohemian Coding

13. Checkout App

14. Nprinting

15. PostBox Inc

16. Symphony CMS

17. Invoice Machine

18. Icon Designer

19. Transmission Apps

20. 280 Slides

本文国际来源

我从来都认为参巧是学习设计其中一个最有效的方式，故推出“优秀设计赏系列”，把我从各大网站学到的小事情记录下来，与大家分享。本文是本系列的第二篇。

只要是 Apple 出品的，无论是硬件还是软件，在易用性﹑用户体验等方面都是业界一流的。所以我很好奇 Apple 的网站用户体验又如何呢? 关于 Apple 网站的旧版本点评请阅 Apple 网站历年设计 ，多谢支持。

新版网站首页设计。

今次改版中，影响到整个网站的改动有:

• 网站大小: 由以前的 800 * 600 变成了现在 1024 * 768。苹果已经放弃了那些还在使用 800 * 600 的用户了。(相关阅读: 07年用户浏览环境数据)
• 跟以往的改版一样，目录项目总是第一个被改的地方，详细请读 Apple 网站历年设计。本次改版删除了 QuickTime，加入了 Download。
• 在目录上加入了 Search。以往 Search 一般在页面底部。
• 网站内容方面，加入了很多第三分软件的资讯在 Download 栏目下。
• 网站内页的底部加入了一个类似 Site Map 的东西，后文会有详述。
• 用了很多 AJAX 效果。

OK OK，我们由首页开始一页一页慢慢说。 大家都说 Apple 的首页看着就觉舒服，不知道你有没有想过为什么呢? 首页资讯少是主因之一。 一般来说我们都爱把所有内容一股脑的掉到首页上，这样做很容易对用户做成资讯过载。 Apple 网站首页的中心只有一个 - 中部的图。 虽然图片经常改变，但视觉中心会不变。见下图:

好的设计都应该只有一个重点， Apple 首页的设计很好地做到了这一点。 被中心所吸引之后，你的视线会跑到上方的目录去，就如上图所示。 这也是一个好的设计应有的特点: 用户不会不知道该往哪处去。

请注意一点，浏览或阅读时的视线不是真的如上图般呈线性的，而是应该是一跳一跳的。 设计网站时请留意这一点。 我见 Microsoft Office 2007 的新接口已经犯了这个错 … Orz …

接下来到内页的设计了，假设用户点击了目录上的 Store ，他们的视线应如下图:

第一个视点很理所当然的坐落于网页的左上方，因为:

• 我们刚刚点击了位于目录左方﹑网站左上方的 Store 按钮;
• 这是我们的阅读习惯，由左至右由上至下;
• 网页是由左上方的元素开始下载的，所以左上方的图片和文字会最先下载完毕;
• 网页左上方有一不太好看的蓝色方块，吸引了我们的目光 ;
• 即使我们看一张白纸，或一个空白的网页，第一眼也应该望着 中间偏左偏上 的位置 (黑点下方);

因此，大部份网站都把 Logo 放到左上方的位置，而不是置中或者置右，这样方能让用户一眼就把 Logo 认出。在此之后，眼光会快速扫到页面右下方。 嗯， 用户浏览网站的时候，绝对不是一行一行的读，而是高速扫描。 因此撰写文案时应尽量简洁，适时使用图片，以方便面用户在扫读的时候认出内文。 千万不要把你的网站搞得像报纸一样，这样做绝对是赶客的行为，紧记这一点。

另外，用户的线视流程基本上都是如上图所示，左上至右下，少有改变。 没错，你的设计的确可以影响视线流程，不过不要尝试这样做: 改变用户习惯是可用性的大忌。 顺应用户的习惯，才能做到一目了然，一睇就明。

本文为“优秀设计赏”系列第三篇，撰写本系列的目的在于师人之长技为己用，多看多想方有进步。前两篇分别为 Apple 网站历年设计 和 Apple的网页设计哲学(上) 两文。本文将主力探讨 Apple 购物页面 (Store) 的设计及流程，并加以分析。
Apple Store 给人的感觉真的很像一个实体商店， Store 页面的设计就像一个橱窗: 陈列著各项产品﹑价格等 (如上图)，并不时有促销广告。 Apple 网站简洁的设计跟 hp.com﹑ Dell.com 等站的设计真的人天壤之别。 Apple 的网站架构跟其他电脑制造亦有很大不同。 如果你要到 Dell 网站寻找某机种的资讯，你需要先选择电脑的类别。 要分清 Notebook﹑ Desktop 没有问题，但 Workstation? 我的 Desktop 算 Workstation 吗? 而 Sony 则把它的 Notebook 再分为 大画面﹑轻薄等。 当然 Apple Store 也有它的缺点: 如果使用者想购买其他产品 (如 keyboard)，就得先花一下工夫了。

Shop iMac!

另一点值得一提的设计细节是 Apple store 网站上方的 Breadcrumb Navigation (见上图放大了的部份)。 这个设计让我想起 Yahoo! 美国最近大量采用的 Tabbed Breadcrumb Navigation (见下图)。 Breadcrumb Navigation 作用在于告诉用户目前身处的位置，正如一块路牌。 很多大型网站都有 Breadcrumb Navigation ，不过做得像 Apple 这么精致而自然的实在少见。 关于 Yahoo! 的 Tabbed Breadcrumb Navigation 可能会另文再述，可能吧 (Yahoo! 的设计好多都是一流，就怕自己没这个动力去写)。

Tabbed Breadcrumb Navigation

除了 Breadcrumb Navigation 外， Shop iMac 页面还有另一个不得不提的设计。 Apple 在这个页面少见地把所有资讯都放到同一个页面之中: 上方的“系列选择”; 中间的规格和售价资料; 下方的详细简介。 因为资料太多， 所以整个购物页面其实是颇长的。 在一般情况下网页设计师应该尽量避免页面过长， 为甚苹果的设计师仍要知错犯错呢? 其实这样设计的目的在于让用户可以快速方便地比较不同系列不同型号之间的分别。 鱼与熊掌不可兼得，如果没有大量资料，用户就难以在一页之间比较。 再看看中间的 iMac Screen ， 设计师为了让用户可以直观地比较 20″ 和 24″ 的不同， 提供了随意切换 Screen 的大小的功能， 实在是个很贴心的设计。 订单页面也有相似的设计， 请看订单页面 (下图):

终于来到最后一篇“Apple的网页设计哲学”，前三篇文章分别为 Apple 网站历年设计 ﹑ Apple的网页设计哲学(上) 及 Apple的网页设计哲学(中) 三文。 Apple.com 网站的优秀设计写十篇都写不完，我在这几篇只提及到一些比较特别的地方。有任何意见欢迎留言。
Apple.com 本次改版的其中一个特式是， 部份页面上部出现了产品横向滚动条 (如上图)。 这是一个极具创意的设计， 不过在可用性 / 易用性 方面就不敢恭维，因为:

• 因为这种设计是完全违反了用户的使用习惯，人们只习惯上下滚动网页;
• 要用户向下 scroll 又要左右 scroll 是很糟糕的事情;
• 当鼠标的滚轮对横向滚动条毫无作用的时候，情况就更加坏了。
  在鼠标滚轮面世以前， 只有不足 20% 的人会向下拉网页; 滚轮面世以后， 几乎所有人都会某程度上地向下滚动网页。 可见工具很大程度地影响用户的操作行为， 而 UI 对之的影响则相对较少。

虽 然这种设计并不尽善尽美，但我认为 Apple 已经在其能力范围内尽了最大的努力。大家应该去试试看，你会看到好多细节 Apple.com 都做得好好。特别是在加入超炫的特效﹑Ajax 之余，Apple 并没有因此而放弃对 Web Standard (网页标准) 的坚持 (Amazon 新版页面倒退到用 Table 排版…)。Apple 改版以前就很注重 Web Standard ，即将内容 (HTML)﹑ 样式 (CSS)﹑ 行为 (JavaScript) 三层完全分离。 以上面的滚动条为例，在 No Style / 纯文字 的情况下浏览 Apple 的页面，你会发现这个滚动条不来只是一个 List (见右图)。如果要我选一个最漂亮的 XHTML Site ，我一定会选 Apple.com。

Apple.com 的细节实在做得太好了，网站内每一个产品页面都是独立设计，各具特式。例如 iPod shuffle页面的设计:

iPod shuffle

看见了我放大了的 “Choose a color.” 部份吗? 当你选择其中的一种颜色，页面内的其他 iPod shuffle 的颜色都会随之而变。包括右方夹在心口的那一个!

另一个值得一提的变更是， Apple.com 网站开始大量使用 Video ，从内页到首页都有。网站内随处看见到 “Click to play” 或者 “Play now” 的字样。我觉得这个可能是未来互联网发展的一个趋势 - 大量使用 Rich Media。不过我觉得苹果有点走得太前， Video 用得太多了，我还是不太习惯。

大家应该有过这么一个体验: 某网站的主页有个 Auto play 的 Flash ，那个 Flash 还是有声有画的，于是每次回到首页那个烦人的 Flash 都会播一次。平易近人的苹果当然没这么笨，它用了 Cookies 来判断用户是否首次光临本页，而 Video 只会播放给首次来临的用户看。Want to watch the ad again?

Watch the ad again.

Apple 的网页设计哲学终于来到了尾声。我最后想介绍的一个设计是:

Why You’ll Love an iMac

是网站底部，一个类似 Sitemap 的导航区。这种设计最近才渐渐流行起来，在底部采用这种导航区的网站还有 Skype。这种设计有点 Amazon 的 “Customers Who Bought This Item Also Bought…” 的意思。只不过 Apple.com 上的是由 Apple 员工人手提供，你可以叫它做 “People Who Read This Page Also Read…” 。

我从来都认为参巧是学习设计其中一个最有效的方式，故推出“优秀设计赏系列”，把我从各大网站学到的小事情记录下来，与大家分享。

Apple.com 在本年年中时，WWDC 2007 其间进行了改版。 这次改版是 Apple 在近 10 年少有的一次大改版，甚至可说是唯一一次风格上的改版。 让我们回顾一下 Apple.com 的首页这十年间 (1997 ~ 2007) 的数次网站改版，并从中了解一下 Apple Designer 的设计哲学。

1997 年 Apple.com 首次上线。当年的网页设计平庸，无可圈点之处。但一年之后的改版，也是 Steven Jobs 回归 Apple 之后的一年，Apple 对网站进行大改。 这次改版在风格上完全自成一格，并首次采用了 Tabs 形式的目录。 Apple.com 沿用这种版式和风格了近十年，直接今年的改版方有较大改变。

2000 年时苹果推出了 “ i ” 战略，网站亦随之改版 (见上图)。 代表 “回到首页” 的苹果改成红色，呵呵。 其实用 Logo 代替 “回到首页” 字样的设计在网络上也实属少见，只能说 Apple 的 Logo 深入民心，推广有度。 Headlines 和 Search button 的 Style 亦改变了。 网站的 Design 和 Style 这时渐渐定形，不过谁也没想过这个设计会一用就十年。这是个好习惯，因为每次更改 Design Style 都代表用户需要重新习惯和学习一次，更改太频繁也会令用户无所适从。

另外，留意一下目录上的 iReview 被删掉了。 iReview 是一个搜寻项目，在 2001 年三月砍掉。 而 iTools 是 iLife 和 iWork 的前身。 iCards 好像还存在，不过已经被边缘化了。

2002 年的小改版。 虽说版面没有大改，但风格上还是有不少改变的。 你会觉得网站的设计感觉会比旧版清爽。 为什么呢? 细节! 让我把细节放大给大家看看吧。 下面这个是旧版的目录设计:

请细心留意旧设计的高光的大小﹑背景的渐变和文字的阴形。 和新版的目录设计相比:

新版的渐变大小更大了，渐变色也浅色了。文字的阴形也被删去。所以看上去感觉清新了。这种设计风格一用用了 6 年，没有任何改变，直至今年 6 月的改版。

除了设计风格上的改变，不得不提的是内容架构的改变。 Apple 网站目录上的项目会因时势而经常改变。 例如上图的 Swith 之后便被 iPod 所取代。可见 Apple 是把目录当成它的 “广告板” 。把流量导入到重点推广的项目中，真是一个聪明的做法。 但这个做法也有不少缺点。传统来说，目录应该放同一个性质的东西。 如果目录放了 iPod ，你就应该把 iPhone﹑ iMac﹑ iBook 都放上去。 但苹果的做法是，只放重点推广的项目，例如这时期 Switch 重要，就放 Switch 上去，把 iBook 踢下来。这样会令旧用户大为困扰: 我的 iBook 呢? 这时他们只能到 Store 中去找了。而且 Store 既然包含了 iPod，为什么又要把 iPod 放到主目录上? 两者有分别吗? Apple 除了把目录当成广告板外，它也以同一种方法对待 Apple.com 的首页。这种大胆的做法，有得有失，各位读者要自行判断了。

上图是最新 (2007年) 的设计，直至今年，网站的整体风格方有较大改变。 网站不再使用以往的 Tabs 式目录，也不再用以往那种带有“胶”质感的设计，改而代之的是一条带有钢铁质感的目录条。 这种风格刚好配合几个月之后推出的 “钢之 iMac” 的风格。 另外，目条有另一个好处，就是网站内页的设计风格和颜色都可以有较多自由。见下图:

“钢之 iMac” 介绍页面

你会发觉内页设计的自由是如此之大，大到足以由黑底白字变成白底黑字。这完全受惠于以灰色 - 百搭色作配色的目录条。

1. iPhone GUI PSD 3.0

2. iPad GUI PSD

3. Palm Pre GUI PSD

4. Browser Form Elements PSD

5. iPhone PSD Vector Kit

6. FreshBooks iPhone Application GUI

7. The ultimate iPhone GUI PSD

8. iPhone GUI Elements

9. Mobile - iPhone-GUI

10. iPhoneOS Design Stencil for iPhone and iPad

11. Browsers GUI PSD

12. elements of Android 1.5 GUI

13. WEB UI Treasure Chest v 1.0

14. OmniGraffle Wireframe Stencils

15. Web Form Elements Vol.2

16. 960 Grid GUI PSD

17. OmniGraffle Wireframe Stencils

18. Windows 7 Active Window PSD

早在苹果公司制造可以装入口袋的电脑之前，制造的是可以放在桌上的电脑。有些是真正的大家伙，有些是不是太轻便的便携式电脑，还有一些居然呈立 方形。但是第一台Macintosh对电脑行业的重要性不亚于车轮对穴居人的重要性，它拉开了苹果公司被顶礼膜拜膜拜的时代。

1984年1月22日美国橄榄球超级杯期间，第一款Macintosh出现在一分钟长的广告片上，两天后上市销售。在长达25年的时间里，千万 用户心甘情愿地被它及此后的一系列苹果电脑所牢牢束缚。

技术在过去25年发生了许多变化，而苹果公司常常处在我们如今习以为常的技术进步的中心。为了庆祝Mac诞生25周年，本文进行了回顾，从中选 出10款苹果电脑：它们不但改变了苹果公司的发展进程，还改变了世人工作及通讯的方式。第一个选择自然是第一款Mac。

一、Macintosh(1984年)

原版Mac彻底改变了电脑行业，它采用紧凑的一体化设计、创新的鼠标和用户友好的图形用户界面(GUI)。就像车轮一样，Mac为普通人带来了 方便。

上世纪80年代早期的大多数电脑完全通过文本命令来控制，只有少数电脑高手才知道如何使用它们。没错，苹果公司早在1983年推出的售价为 9995美元的Lisa最先采用GUI，但售价为2495美元的Mac却是第一台引起普通人注意的电脑，如今普通人不用学习很深奥的命令行语言就能使用电 脑了。

有了鼠标，配以基于模仿真实世界中“桌面”概念的用户界面，用户就能使用Mac自带的两个应用程序：MacWrite和MacPaint，处理 其他竞争电脑闻所未闻的任务。桌面出版就这样诞生了。使用Adobe Systems公司授权的Postscript软件，苹果公司得以销售苹果Laserwriter打印机，这帮助引入了“所见即所得”(WYSIWYG) 设计理念，艺术家们就能把他们在Mac的9英寸黑白显示屏上看到的作品精确地打印出来。

有必要提一下，第一批Mac配备了128KB内存，采用8MHz处理器。评论人士对早期Mac的态度并不总是很友好，不过几位设计人员从新颖的 角度评价了引起主流用户注意的这第一款电脑(Folklore.org收集了相关内容。)

原版Macintosh 128k(浑身打上苹果的烙印，采用GNU FDL 1.2许可证)：

原版Macintosh电脑在1984年发布，采用了紧凑的一体化设计、创新鼠标和用户友好的图形用户界面。它配备128KB内存，采用8 MHz处理器。

二、PowerBook 100系列(1999年)

1991年10月21日，苹果公司推出了新的便携式系列，这个系列包括PowerBook 100、140和170。这三款从“好、较好、最好”不等的机型是苹果公司与索尼公司合作开发及设计的结晶，配备10英寸黑白显示屏，采用的设计成为所有 电脑厂商随后推出的所有笔记本电脑设计的蓝图。

苹果公司早期开发的便携式Macintosh(取了个贴切名字：Macintosh Portable) 重量达16磅，不是太轻便。但是Macintosh Portable倒是为移动计算领域引入了轨迹球，轨迹球最初位置是在键盘右边。

PowerBook系列设计的键盘尽量后靠液晶显示屏，这样用户有地方可以搁手掌。这还便于苹果公司把轨迹球放到掌托中央。这种设计便于左撇子 或右撇子用户都可以操纵电脑。

PowerBook系列还采用了目标磁盘模式(Target Disk Mode)，这种模式让一台笔记本电脑使用内置SCSI端口连接至另一台Macintosh时，可以作为硬盘使用。该系统还采用时尚的深灰色，一改PC行 业的传统颜色：米色。

PowerBook 100系列在推出后的第一年就为苹果公司赚了10亿美元，时至今日还能感受到它的影响力。如果你使用的笔记本电脑在手掌之间采用轨迹球或触控板，得感谢 PowerBook 100这种设计(如果你用触控板，得感谢PowerBook 500。这款机型在1994年上市。)

PowerBook 100(采用GNU FDL 1.2许可证)：

PowerBook 100(1991年发布)是苹果公司第一款大获成功的笔记本电脑，它采用10英寸彩色显示屏以及放在掌托中央的轨迹球。

三、Power Mac G3(1997年)

之所以说Power Macintosh G3代表苹果公司开始进入新的时代，是因为这是首席执行官Steve Jobs重返公司后推出的第一款电脑。他立即取消了原先与第三方电脑厂商谈成的克隆机许可证；还把苹果公司的产品系列从几十款机型，大幅精简为仅仅几个核 心产品。

Power Mac G3标志着苹果公司从此开始采用基于行业标准的部件以削减成本；摩托罗拉公司的G3芯片其性能比早期的芯片组有所改进，同时大幅降低了功耗。

第一批Power Mac G3的颜色是米色，芯片速度以233 MHz起步。G3芯片组后来成了苹果公司全线电脑系列的基石，这种局面一直持续到两年后推出速度更快的G4处理器。实际上，G3的多个变种被苹果公司一直 使用到2003年。

Power Mac G3：

1997年发布，标志着苹果公司首次使用基于行业标准的部件来削减成本。摩托罗拉的G3芯片其性能比早期的芯片组有所改进，同时大幅降低了功 耗。

四、iMac(1998年)

iMac这款电脑为苹果公司扭转命运立下了汗马功劳，其独特外观和靓丽色彩立即在消费者办公桌上和通俗文化史上都占得了一席之地。就硬件规格而 言，iMac采用了当时极为普遍的G3处理器，但不像苹果公司的其他电脑，它没有原有端口。

iMac改用了通用串行总线(USB)，这项技术为连接外设提供了即插即用的便利，还提供了热交换功能。尽管因缺少原有端口而饱受诟病，但 USB市场围绕iMac繁荣起来。大多数早期的USB产品都采用与iMac风格相吻合的白色塑料和半透明颜色(半透明颜色的热潮并不仅限于此；从USB集 线器到George Foreman烤架，每样东西都沾上了iMac风格的明亮色调。)

另一个有争议的变化就是iMac没有软驱。这是第一款不再支持软驱作为标准配件的电脑，而14年之前原版Macintosh还在为软驱技术大作 广告。但它确实提供了4GB硬盘和15英寸彩色显示屏，价格仅售1299美元。

原版iMac能够大行其道，与硬件规格没太大关系，而是与类似太空蛋的可爱外形有关。一下子，电脑不只是屈居在家庭办公室的米色箱子；作为一个 设计元素，它很适合放在起居室摆显。苹果公司充分利用了紧凑、一体化的设计，甚至推出了“Simplicity Shootout”广告，吸引平常不会考虑购买电脑的潜在用户。

虽然后来的每一次改动增添了新的硬件特色和性能以及多种新的颜色，但iMac的形状慢慢变成了如今很普遍的平板显示屏式。综观其一生，iMac 总是凭借其易于设置的优点和独创的漂亮外观而一直备受关注。

原版iMac(采用cc-by-sa 2.0许可证)：

原版iMac(1998年发布)回归Mac的一体化设计，这次采用了半透明蓝色外壳，后立即成为通俗文化的一个偶像。

五、PowerBook G3“Wallstreet”(1998年)

这款精致的苹果笔记本电脑是采用G3芯片组的苹果便携式系列的第二代产品，也是最早使用当时尺寸很大的14.1英寸显示屏的笔记本电脑之一，采 用了更轻便、更加兼顾美学的设计。苹果公司甚至四处散发宣传这款电脑的海报。

这款电脑不但造型别致、曲线优美，还是苹果公司有史以来发布的扩展性最强的笔记本电脑之一，含有两个而不是一个扩展坞，可容纳电池、光驱或 Zip驱动器等第三方附件。虽然左边的扩展坞专门为电池而设计，但PowerBook G3的热交换特性意味着可以动态调整硬件配置。它立即成了一个经典。

虽然Wallstreet机型当时在设计、用途和功能方面起点很高，但随后的Pismo让这个机型达到了顶峰。Pismo在2000年2月发 布，它继承了Wallstreet这前一个机型的所有优点和外观，采用了更轻更薄的外壳，还有AirPort无线联网功能、一个FireWire 400端口以及速度大大提升的硬件。因为Wallstreet设计为后来发布的Pismo奠定了基础，它得以入围苹果公司的十大Mac。

PowerBook G3“Wallstreet”(采用GNU FDL 1.2许可证)：

同在1998年发布，它是最先采用14.1英寸显示屏的笔记本电脑之一，代表了当时在设计、用途和功能方面的高起点。

六、iBook(1999年)

1999年7月，Jobs展示了iBook G3(仍采用G3芯片)，从而把苹果公司所谓的四象限产品(four-quadrant product)战略补充完整。采用聚碳酸酯外壳的iBook其设计灵感源自苹果公司面向消费者的台式机：不久前宣布的iMac，旨在可以塞入到背包。它 采用了独特的蛤壳外形、坚固的塑料外壳以及醒目的蓝色或橙色橡胶镶边。

与iMac一样，iBook也丢弃了所有的原有端口，改用USB；而且再次与iMac一样，它也配有把手。这还是第一款不用锁扣的苹果话柄电 脑，2008年的机型仍把这个特色作为一个亮点来宣传。它最先配备了苹果公司的圆形无线充电器，这样电源线可以绕起来而不弄乱。

最重要的是，它是有史以来第一款具有无线联网功能的主流型消费类设备，Jobs在1999年的Macworld博览会上展示了这项功能，显得并 不激动。这项名为AirPort的功能源自苹果公司采用朗讯公司的无线技术，可迅速实现无线联网，不必手忙脚乱。无线技术从此出现在了笔记本电脑上。

原版iBook(采用cc-by-sa 2.0许可证)：

设计灵感源自iMac，1999年发布的iBook采用了独特的蛤壳外形、坚固的塑料外壳以及醒目的蓝色或橙色橡胶镶边。

七、Power Mac G4 Cube(2000年)

这个小精灵是苹果公司比较有争议的产品之一，不过作为苹果的亮点产品之一，它完全值得一提。Cube只在2000年和2001年销售；不过在短 暂期间，Cube不但屡获设计大奖，还被现代艺术博物馆所收藏。

Cube实际上是8英寸立方的主机，悬挂在10英寸的透明丙烯酸酯外壳里面。Cube采用了垂直光驱，配备了触摸传感器；被按动以开启电脑时， 会发出闪动的白光。内部元件通过巧妙地使用对流气流来冷却，因为从Cube顶部通风口出来的热空气其实可以把冷空气通过丙烯酸酯外壳的底部和背部开口抽过 来。

Cube还是苹果公司迄今为止最紧凑的台式机，采用了塔式机的G4处理器，大小只有塔式机的四分之一。遗憾的是，Cube价格高昂：比苹果公司 的塔式机贵了200美元，还没有扩展功能，因而成了大多数人只看不买的商品。早期有传闻称丙烯酸酯外壳出现裂纹也有损Cube的声誉。

即便如此，Cube还是显示了苹果公司大胆追求先进设计、又彰显工艺水平的精神。Cube仍然不乏大批拥趸。

Power Mac G4 Cube(采用cc-by-sa 2.0许可证)：

2000年发布，因价格过高而没有得到许多Mac买家的热捧，但其创新设计还是让它在现代艺术博物馆占有一席之地。

八、基于英特尔芯片的iMac(2006年)

在这款iMac上市前六个月，苹果公司做出了当时不可思议的决定：宣布将永远弃用PowerPC架构，改用英特尔公司的酷睿双核(Core Duo)处理器平台。苹果公司提到了性能和节能方面的改进，声称要不是这次转变，根本不可能设计出更轻薄、功能更强大的电脑。之前传闻已久的 PowerBook G5一夜之见消失了。

2006年1月10日，Macworld博览会期间，苹果公司宣布其新款iMac将是第一批采用英特尔芯片组的台式机。为了竭力证明尽管内部系 统出现了变化、但Mac仍是Mac，苹果公司原封不动地保留了iMac的硬件特色、价格和机壳(2004年苹果公司把电脑内部器件做到平板显示屏里面。) 不过，性能要比之前的iMac高出三四倍。

买家可以在该机器上运行Windows，或使用第三方软件以虚拟方式运行，或使用苹果公司的Boot Camp软件以本机方式运行，这样如果用户和公司从PC改用Mac，可以得到保障。

虽然后来采用更新的铝外壳，但这款平板iMac的一体化基本造型仍然是苹果竞争对手看齐的标准。

附带提一下：iMac不是在2006年Macworld博览会上露面的惟一基于英特尔芯片的Mac。Jobs当时还展示了15英寸的 MacBook Pro。Mac发烧友喜欢这款笔记本电脑，尽管讨厌其名称，还是争相购买。

基于英特尔芯片的iMac：

2006年发布，率先改用英特尔的酷睿双核处理器平台，并提升了性能和节能效果。

九、MacBook Air(2008年)

苹果公司在去年的Macworld博览会期间推出了MacBook Air，终于涉足超便携式电脑领域，这是自该公司在2006年停止生产12英寸的PowerBook G4以来，首次涉及这个小众市场。(相比之下，原来12英寸的PowerBook G4更像是一块砖头。)

原版Air没有内置光驱，也没有扩展卡槽，不含FireWire端口，只有一个USB端口。尽管Air的硬件特色乏善可陈，不过精湛技术足以弥 补这个缺点，这款机型采用了极其轻薄的设计。Air是第一款配备固态硬盘选件的Mac，采用了特殊设计的英特尔处理器(无论购买的是1.6 GHz还是1.8 GHz机型)，从而把芯片的封装尺寸减少了60%，同时仍提供了相当高的性能。

Air整机包括13英寸显示屏，这让Apple有空间使用全尺寸键盘，不至于为了外观而牺牲打字舒适程度。这款造型独特的电脑还采用了比较大的 新触控板，触控板还支持多点触控功能。

Air最不同寻常的地方是采用了新的技术进步：由于使用铝材料，整机异常轻盈而坚固。由于Air的机身采用单片铝设计而成，苹果公司设计出了第 一款“一体式”(unibody)的笔记本电脑。

新的设计工艺还减少了生产期间的材料浪费；Air所用材料比之前的机型更容易回收。同样这种工艺设计如今应用于苹果公司的所有笔记本电脑上，包 括最新款：17英寸MacBook Pro。1月6日宣布的MacBook Pro定于1月底之前摆上货架。

MacBook Air：

2008年初发布，这个杰作融合了轻薄设计和精湛技术。

十、iPhone/iPod Touch(2007年)

苹果的这两款超便携式设备尽管严格上来说不是电脑，但运行精简版的Mac OS X，因而事实上成了小得足以塞入口袋的Mac。由于计算硬件变得更小巧、更节能，移动版本的OS X会成为苹果公司产品路线图当中比较重要的一部分。

第一款iPhone在2007年的Macworld博览会上宣布，近六个月后一经发布，立即在移动领域刮起了一场风暴。iPhone采用了最初 并不出现在Mac OS X桌面版上的技术，比如核心动画(Core Animation)，iPhone的用户界面在移动行业的地位尤如原版Macintosh在电脑行业的地位。

由于之后多次更新了iPhone软件，iPhone及同类产品 iPod Touch获得了越来越多的特性，也越来越稳定；去年夏季推出了App Store及成千上万个应用程序后，终于承担起了作为一款真正平台的使命。

与1984年的第一台Macintosh一样，iPhone也重新设定了竞争标准，还提高了消费者的期望。由于与PC和Mac集成、内置无线联 网功能、软件功能以及完全重新考虑的软件接口，iPhone/iPod Touch平台浓缩了苹果公司25年来的设计理念。

原版iPhone：

2007年发布，运行精简版的Mac OS X，因而事实上成了小得足以塞入口袋的Mac――这项创新为计算未来指明了道路。

8.Apple Lisa

苹果在Apple II获得成功之后推出了Apple Lisa，这是第一款拥有图形界面和鼠标的个人电脑。然而，苹果并未注意到用户是否能承受该电脑的高价。1983年面市时，该电脑换算成目前的货币价值售 价高达9995至20807美元，这使得企业用户更倾向于IBM的PC机。Apple Lisa最终于1986年8月停售，不过此时苹果的Macintosh已经获得成功。

Hockey Puck鼠标
7.Hockey Puck鼠标

很难想象苹果这样的大公司会努力推广一款鼠标。Hockey Puck鼠标与iMac G3同时发布，这款USB鼠标体积很小，难以操作，并且不符合人体工学。此外，用户在使用这款单键圆形鼠标时经常会上下颠倒。苹果很快就否定了这款鼠标， 随后开始主打Mighty Mouse鼠标。

Apple IIc
6.Apple IIc

Apple IIc是第一款真正的便携式电脑，并且附带了一个方便的旅行箱。该电脑采用外部电源供应，内 建了磁盘驱动器及一系列外围接口。与其他的Apple II电脑不同，Apple IIc缺乏内部扩展槽以及与主板的直接连接，这使其难以升级。此外，Apple IIc还采用了单色的LCD显示屏，这种显示设备很快就被淘汰。

G4 Cube
5.G4 Cube

G4 Cube发布于2000年8月，目前仍然得到收藏家的追捧。苹果原计划用该设备填补iMac G3和Power Mac G4之间的空白，但是由于缺乏显示器以及过高的定价而最终未获成功。G4 Cube的销量一直不佳，并于2001年7月停售。直到其设计者Jonathan Ive获得多项国际大奖之后才又引起关注。

Macintosh TV
4.Macintosh TV

在AppleTV和iTunes推出很多年以前，Macintosh TV就已经出现。该设备为全黑外观，采用14英寸索尼特丽珑显示屏，配合了苹果Performa 520平台。该设备于1993年推出，但次年便告失败。其失败的主要原因是无法在桌面窗口中播放电视频道。该设 备的总产量仅有1万台。

20周年纪念版MAC
3.20周年纪念版MAC

TAM是在苹果公司成立20周年时发布的，然而在拖延了一年之后才真正面市。TAM的设 计延续了苹果风格，外观精美。然而这款电脑内部配置不佳，没有任何技术突破。很多人认为该电脑售价过高、性能不足。这一案例或许使苹果意识到，仅仅依靠外 观并不能使产品大卖。

Pippin游戏机
2.Pippin游戏机

市场每年都会出现苹果将进军视频游戏领域的传言。实际上，苹果曾经于1996年推出一款多媒体娱 乐平台Pippin。该平台由苹果和玩具生产商Bandai共同开发，希望能够集成视频游戏和上网功能。Pippin失败的主要原因在于缺乏合适的软件，品牌推 广不力，并且市场当时已经被任天堂N64、世嘉和索尼PS等游戏设备所占领。

牛顿PDA
1.牛顿PDA

Newton或许是苹果最知名的失败产品，苹果原计划通过该设备实现个人计算革命。在发 展过程中，Newton出现了多种样式，包括类似笔记本的Cadillac原型机。不过，在 其1993年正式发布之后，市场发现这不过是一个小型的、没有太大变化的PDA。Newton的销售持续了6年，但是销量一直没有达到预期。乔布斯 1997年重新担任苹果CEO之后，立即削减了Newton系统小组。1998年2月，Newton正式宣告失败。

我想在设计师之中，绝大多数都有意无意的模仿过 Apple，那么当我们模仿 Apple 的时候，我们在模仿什么呢？

或许就是类似这样，但不限于这。或许这太简单，那么找一个视觉更丰富的例子：

就是 sonos，也许我们不能称其为模仿，但是 sonos 是少数被认为具有 Apple 设计气质的产品。

那么无论从我们简单的模仿，还是到 sonos，我们可以粗浅的认为所谓 Apple Style 的关键就是圆角，画一个正规简洁的形状，给它一个不大不小的圆角，就接近 Apple 了，至少在几年前是这样的，由此绕一圈热完身，正式引出我们文章的主题：Apple 产品上的曲线进化历程

我们都知道 Apple 可以代表简洁设计，从线以及形状上来说，可以说是现代主义风格，比如正四边形，比例控制良好的矩形，在此基础上引入圆角。而这是一般对Apple风格的大 致印象，实际上Apple一直在变，我们把起始点定在1998年，来看一下 Apple 产品上这些圆角和曲线的进化历程。

1.浪漫主义时期

我们是浪漫主义的鼓吹者，浪漫主义是追求自我的解放，摆脱束 缚，信马由缰。不管这样来形容Apple是否正确，但不可否认的是，在98年之前，Apple 已经压抑很久了。我们不在其他方面展开，只围绕着设计。

98年之前，Apple 的产品与其他PC厂商的产品在设计相差不是很大，也就是整个个人计算机领域虽然时有一些创新设计，但是已经在塑料壳子上循规蹈矩了，或许可以看作从打字机 到电视机走出而进入一个成熟期，Apple 保持了早先 Frog Design 时期留下的一些设计元素，比如“雪白”“装饰凹槽”（1982到1988），后期则是 Robert Brunner 主管（1989 到1996），设计出色的 PowerBook 系列产品，此时圆弧线条已经在设计上使用较多了，但这些圆弧如同成熟的套路一样，并没有鲜明地表征什么。

iMac G3的发布开启了 Apple 新的篇章，也标志着 Apple 设计的 Jonathan Ive 时代的到来，这是 Apple 1998年的1984，只不过老大哥是自己，从此 Apple 焕然一新，个人电脑的设计也出现了新的历程，iMac G3的彩色和半透明流行风一直刮到21世纪。

我们 把重点放在曲线，iMac G3 不再将曲线作为一种修饰的服务配角，而是接近尽情挥洒，此时曲线的特征是饱满。无论从正面还是侧面还是顶视，我们都可以看到舒展的线条。

一个能代表整体的细节，就是半圆弧或类半圆弧的使用，比如上图的扬声器，背部的提手，甚至是背部的接线区，见下图。

圆弧无处不在。

iMac G3 的设计风格延续到1999年推出的iBook G3 (Clamshell) 以及 Power Mac G4 上。


舒张的完整大圆弧。饱满的曲线给人亲和力以及生命力的感觉，而在当时个人计算机还没有完全脱离精密仪器的形象，而Apple打破了这个界限，肆意挥洒。由 于多种原因，也使得Apple的产品容易让人和时尚甚至女性化结合起来，这种影响一直作用到现在，曾几何时，iMac G3 是杂志媒体上个人电脑的代言人。iMac G3 解放 Apple 也解放了个人电脑。

2.后浪漫主义时期
所谓后浪漫主义是指在 iMac 爆发革命之后，在下一个时期到来之前的时期，由浪漫主义进入一个相对稳定期，我们主要是凭产品的设计，并非严格的按照时间。


Power Mac G4 Cube 或者简称为 G4 Cube，2000年推出，2001年终止，这是从 Steve Jobs 离开 Apple 创办的 NeXT 的 NeXTcube 上继承过来，边长7英寸的立方体，虽然 G4 Cube 本身寿命不长，但是它设计的影响远大，包括对 Apple 自己的产品。

透明已经是此时 Apple 的一个风格，我们仍然讨论曲线为主，Cube 的顶面我们可以看到继承自 iMac G3 的大半圆弧。而在 Cube 四周出现的圆弧过度，结合简洁的形状，将成为 Apple 一个主要形态，也就是我们开头说到的“当你模仿 Apple 时，你在模仿什么”的那个特征，我想在那个年代，如果让自己来设计一个方块，很多可能毫不犹豫将另外的边也圆角过度，当然决定 Cube 这样的还有材料的关系。从显示器中，我们也可以看到原先的大圆弧，包括长自由曲线已经开始收缩，走向理性。

Power Mac G4 的升级版，Power Mac G4 Quicksilver，主要是颜色材质上一些变化，如果说前面说的浪漫主义时期是一种开拓，让人感受到亲和力，生命力，时尚等等，那么此时透明以及纯色 则在品质的追求上更进一步。

我们将2002推出的 eMac 也归类到这个下面，可以比较一下 iMac G3，曲线由更多的直线形代替，曲线也由肆意的自由曲线过度到基本曲线，比如正面边框的圆角面。

3.插曲1-iPod G1

iPod 第一代，2001年10月23号发布，当时很少有人会想到今后它的辉煌。从曲线上来说，是非常理性的简洁设计，平面-圆角过度-平面。

4.插曲2-iMac G4 (iLamp)

如果我们真把 Apple 历程用浪漫主义、后浪漫主义来分的话（其实这篇文章重点在曲线和风格，不必过分讲究浪漫主义什么意思），那么 iMac G4 无疑是后浪漫主义时期的一次浪漫火花的自燃，或者是 G4 Cube 的灵魂附体。关于这个产品不再详细介绍，但从曲线上我们已经看到理性的一面了。

Apple.com

1. Icon Designer

2. iSlayer

3. Versions

4. Checkout

5. Small Transport

6. MacRabbit

7. 280 Slides

8. Disco

9. Warehouse

10. Cha-Ching

11. RapidWeaver

12. DeskLickr

13. Tangerine!

14. 1Password

15. Jumsoft

16. Roxio Toast

17. CandyBar

18. Cultured Code

19. Anxiety

20. Tao Effect

21. TaskMate

22. The Invoice Machine

原文：http://www.webdesignerdepot.com/2009/02/22-website-designs-inspired-by-applecom/

Design a Shiny Photorealistic Apple Remote

Apple iPhone Mobile Phone Design

MacBook Air

iPod Shuffle from Scratch

Make an Apple Coldplay Style Ad in Photoshop

Design a Coldplay/Apple Inspired Portrait in Photoshop

Create an Apple iPhone Case from Scratch

Apple Like Photos with Reflection

Apple Style Banner

Create a Custom Mac OSX Style Ring Binder Address Book Icon

Creating a Cool Brushed Metal Surface in Photoshop

A Cool Lighting Effect in Photoshop

Create an iPod Shuffle

Attack of the iPod People

Apple TV Background (video tutorial)

The Apple Remote

Green Apple Style Design

Creating an Apple Style Advert

Creating an Apple Mouse

Apple Wallpaper

Mac Theme

Woman with Apple iPod Nano

XP Style iPod Icon

Apple iMac Tutorial

Make Your Own iPod Style Photo

Creating a Mac-Type Background in Photoshop

Create a Leopard “X” in Photoshop (video tutorial)

Create the Glass Shelf Dock from Leopard OS in Photoshop

Design an iPhone in Photoshop (video tutorial)

How to Make iPhone Icons (video tutorial)

Mac Style PhotoFlip Gallery (Photoshop + Flash)

Apple Leopard Text Effects

Mac – Colorful Design

Apple苹果公司Logo的历史

乔布斯宣称苹果的灵魂并不是硬件，而是其操作系统。现在我们一提到Apple，最先想到的就是那美轮美奂，可以称之为艺术精品的Mac OS X。自从苹果在2001年正式发布Mac OS X起，很多PC用户就被Mac OS X的唯美风格所征服，开始纷纷以在Windows系统中模拟出惟妙惟肖的Mac OS X操作环境为荣。在他们眼里Mac OS X不单单是一个操作系统，更是一件艺术品，一种生活的态度。而今年9月即将发布的Mac OS X Snow Leopard，也被苹果称为最先进的Mac操作系统。下面就让我们以时间为轴，进入Mac OS的时空之旅吧。

背景介绍：

关于Macintosh是如何被开发和潜在创意的起源，有许多种观点。历史记录里把Macintosh和施乐公司(Xerox)帕洛阿尔托研究中心 (PARC)的Alto计划联系在一起，伊凡·萨瑟兰(Ivan Sutherland)的画板(Sketchpad)和道格·英格巴特(Doug Engelbart)的在线系统(On-Line System)对其早期贡献产生了不小的影响。另见GUI的历史和苹果对微软的诉讼。

Mac OS可以被分成操作系统的两个系列：一个是老旧且已不被支持的“Classic”Mac OS(系统搭载在1984年销售的首部Mac与其后代上，终极版本是Mac OS 9)。采用Mach作为内核， 在OS 8以前用“System x.xx”来称呼。新的Mac OS X结合BSD Unix、OpenStep和Mac OS 9的元素。它的最底层建基于Unix基础，其代码被称为Darwin， 实行的是部分开放源代码。

一、Apple I/II时代

在20世纪70年代的时候，虽然计算机问世已有30余年，但是在大众的眼中计算机还是一部冷冰冰的机器。当时有很多年轻人希望改变这种状况，希望计 算机能够成为人们的一个助手，一个伙伴。就是这样两个梦想改变世界的年轻人——斯蒂夫·乔布斯和斯蒂夫·沃兹涅克在车库中创建了自己的公司——苹果电脑公 司。这个决定改变了计算机的历史。

图1 Apple I

1976年，公司成立后不久，苹果电脑就推出了世界上第一款个人电脑：Apple I(如图1所示)。紧接着Apple II系列也出现在电脑商店的柜台上。Apple II系列个人电脑在让苹果获得巨大的经济利益的同时还创立了个人电脑这样概念。值得一提的是，在那个时候IBM还没有进入个人电脑市场，在个人电脑这个领 域，苹果一家独大。

Apple II

但是在Apple I/II的时代，其所采用的操作系统是基于字符界面的。既没有图形界面(GUI)的概念，也没有鼠标。这个时代是字符的世界。