为什么我们谈及优秀的网站设计,要提及苹果官网?方维网络认为有三个理由。其一,就互联网技术而言,苹果是一流的公司。其二,苹果首先将“科技与美学”进行了极致的结合。其三,苹果是全球范围内最为畅销的科技产品。
如果一个人既懂技术,同时也懂得用技术生产商品,并且还畅销,我们就没有不学习的理由。方维网络仔细审视了苹果公司现在的官网。发现苹果公司目前的官网,至少有六点是值得建站公司和同行们借鉴和学习的,特别是在值得国内做响应式网站的同行学习。
不杂
响应式网站是采用流动式布局,苹果官网的首页,分别展示自上而下展示了IPHONEX、IPAD以及MACBOOK、其它。每一个板块的背景图片就是产品的渲染图,没有出过产品图片之外的图片元素。
反观国内的不少响应式网站,一个流动板块,背景图片往往有人像、产品、景观等很多无关的要素。这样会让首页看起来很杂乱。并且,背景图元素过多,反而容易分散用户的注意力。
有序
见三个产品放到网站首页,国内的设计师会怎样想呢?
一种设计师是这样的:从同一个角度拍摄产品照片,作为背景放上去。这会让首页显得呆板,用户也会有点视觉疲劳。
还有一种美工设计师是这样的:尽可能通过多个角度去拍摄照片,让产品各个角度都得到展现,甚至不惜使用大量图片去详尽展示产品。
苹果是怎么做的?
苹果X的拍摄角度是侧下方,平板电脑的拍摄角度是侧上方,笔记本电脑是正前方。如此一来,既显得有序,也不会导致视觉疲劳。
内敛
在文案方面,苹果官网有两个显著特点。一是文案的字号整体偏小,方维网络通过对比发现,几乎比国内手机品牌的官网字号都小。其二,文案非常简洁,远比包括华为、小米手机的官网文案要简洁很多。这样做的好处是——用户的注意力集中在手机图片而不是文字上,用户有进一步了解产品的冲动。也有人对国内文案字体过大调侃过——是不是国内用户视力都不好?
层次
苹果官网的层次构架呈现“由浅入深”特点。
对于大多数的用户来说,通过首页-产品内页-具体功能页三个层次,基本就可以了解到一个产品的全貌。
对于苹果资深用户或者已经购买的用户,包括苹果内置应用的使用、下载等等,也是可以“不断纵深”,这样层次多达五层以上。
可以说,苹果网站的构架,既考虑到大多用户的需求,但是也会满足小众用户的需求。
换位
方维网络认为,苹果官网的设计完全是站在“用户”的角度去设计网站,而不是从客户的角度。
举一个简单的例子,如果是站在网站运营者的角度,首页会尽可能去展示产品的卖点、亮点、采用的新技术。
但是对于网站浏览者来说,大方向的需求其实很简单,一个是大致了解产品,一个就是购买。所以,苹果网站的产品介绍,就两个选择——进一步了解、购买。
这一点,方维网络认为,应该被建站公司所学习。
如上,仅仅是方维网络主要对苹果首页的观察,所得出的一些观点,不排除有过分解读的成分。可希望建站同行和建站公司能够有所分辨,大家共同学习和商榷。