为什么我们谈及优秀的网站设计，要提及苹果官网？桔子科技认为有三个理由。其一，就互联网技术而言，苹果是一流的公司。其二，苹果首先将“科技与美学”进行了极致的结合。其三，苹果是全球范围内最为畅销的科技产品。
如果一个人既懂技术，同时也懂得用技术生产商品，并且还畅销，我们就没有不学习的理由。桔子科技仔细审视了苹果公司现在的官网。发现苹果公司目前的官网，至少有六点是值得建站公司和同行们借鉴和学习的，特别是在值得国内做响应式网站的同行学习。

不杂

响应式网站是采用流动式布局，苹果官网的首页，分别展示自上而下展示了IPHONEX、IPAD以及MACBOOK、其它。每一个板块的背景图片就是产品的渲染图，没有出过产品图片之外的图片元素。
反观国内的不少响应式网站，一个流动板块，背景图片往往有人像、产品、景观等很多无关的要素。这样会让首页看起来很杂乱。并且，背景图元素过多，反而容易分散用户的注意力。

有序

见三个产品放到网站首页，国内的设计师会怎样想呢？
一种设计师是这样的：从同一个角度拍摄产品照片，作为背景放上去。这会让首页显得呆板，用户也会有点视觉疲劳。
还有一种美工设计师是这样的：尽可能通过多个角度去拍摄照片，让产品各个角度都得到展现，甚至不惜使用大量图片去详尽展示产品。
苹果是怎么做的？
苹果X的拍摄角度是侧下方，平板电脑的拍摄角度是侧上方，笔记本电脑是正前方。如此一来，既显得有序，也不会导致视觉疲劳。

内敛

在文案方面，苹果官网有两个显著特点。一是文案的字号整体偏小，桔子科技通过对比发现，几乎比国内手机品牌的官网字号都小。其二，文案非常简洁，远比包括华为、小米手机的官网文案要简洁很多。这样做的好处是——用户的注意力集中在手机图片而不是文字上，用户有进一步了解产品的冲动。也有人对国内文案字体过大调侃过——是不是国内用户视力都不好？

层次

苹果官网的层次构架呈现“由浅入深”特点。
对于大多数的用户来说，通过首页-产品内页-具体功能页三个层次，基本就可以了解到一个产品的全貌。
对于苹果资深用户或者已经购买的用户，包括苹果内置应用的使用、下载等等，也是可以“不断纵深”，这样层次多达五层以上。
可以说，苹果网站的构架，既考虑到大多用户的需求，但是也会满足小众用户的需求。

换位

桔子科技认为，苹果官网的设计完全是站在“用户”的角度去设计网站，而不是从客户的角度。
举一个简单的例子，如果是站在网站运营者的角度，首页会尽可能去展示产品的卖点、亮点、采用的新技术。
但是对于网站浏览者来说，大方向的需求其实很简单，一个是大致了解产品，一个就是购买。所以，苹果网站的产品介绍，就两个选择——进一步了解、购买。