从历代iPhone 官网设计,纪念 iPhone 诞生十周年

似乎在每一代 iPhone 即将发布之前,都会看到一些媒体或者个人整理出来的,关于 iPhone 的回忆,一代接着一代图文并茂的表述着,我们和 iPhone,又将进入一个新的时代。不知道什么时候开始,iPhone 成为了苹果这个品牌甚至是科技领域的一个标杆,它是我们每一年最关心的科技新品,它代表着时代,代表着这一个秋天的更新换代和下一个秋天前整个科技圈的猜想与期待。

最初 iPhone 出现的时候我还是个花着爸妈的钱的孩子,国内没有上市,我也买不起水货,偶尔看到一些戴着超粗金项链的老男人手里拿着一台背面有个苹果 logo 的手机,那时候并不知道这个 logo 背后的太多意义,只知道那是土豪的手机。直到 iPhone 3GS 在国内上市,铺天盖地的广告随处可见,那一句简单、有感染力的广告语,不知道还有多少人记得。

“闻名,不如见面”。

无论是当时遥不可及的 iPhone 一代,还是“再一次改变世界”的 iPhone 4,又或者是后来“比更大还更大”的 iPhone 6,还有今天“在此”的 iPhone 7,我相信有不少人和我一样,在一代一代的追随着。

看过许多关于 iPhone 或者其他苹果产品的回忆文章和图赏,的确是唤起了我们不少的回忆。那年刚出社会不久的我收到别人送我人生中的第一台 iPhone 4;那年我用自己工作攒下的钱买的那台 iPhone 5;那年为帮数字尾巴大叔拉上书包拉链而摔坏的 iPhone 5s;那年突然变得好大的 iPhone 6 ··· ··· 。

苹果公司在工业设计上的成就世人有目共睹,而苹果其他设计也是如此,广告,包装,发布会邀请函,新总部等等,不管是乔布斯时代还是库克时代的产物,几乎都会被世人捧上天。不过那些东西大家都看得太多了,所以我现在要和大家一起回忆一些不一样的,它就是历年来每一代 iPhone 上市时,苹果美国官网的 iPhone 页面设计,让我们在感受 iPhone 进步的同时,也看看苹果美国官网十年来在 iPhone 页面上的各种变化。

iPhone 2G

2007 年

那个年代的网页设计多数是没有什么排版,想想十年前国内那些门户网站,那排版叫一个“鸡飞狗跳”。而苹果的网页一向简洁,当时的按钮还是较为“拟物”的水晶按钮,黑色底色凸显 iPhone 的质感。

广告语:苹果颠覆了手机行业,这仅仅是个开始。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 3G

2008 年

网页设计比第一代有了更现代的改变,导航按钮整合,白灰渐变的底色,突出产品的正面及侧面,底部有其他入口。

广告语:能够击败初代 iPhone 的第一款手机,你一直在等待的 iPhone。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 3GS

2009 年

从外形几乎看不出任何变化的,第一次在中国内地上市的 iPhone 3GS。页面画面变得丰富,更突出新 iPhone 的特点及新功能。

国内广告语:迄今为止最快速的、最强大的 iPhone。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 4

2010 年

几乎是人人都爱的,“再一次改变世界”的 iPhone 4。最初上市只有黑色,后来又出了白色。页面黑色背景突出产品的金属边框及优秀的双面玻璃工艺质感。页面加入了产品的宣传视频和广告视频。

国内广告语:再次改变了一切。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 4s

2011 年

被誉为 iPhone for Steve Jobs 的 iPhone 4s,那一年,我们认识了说话很奇怪的 Siri,4s 也成为了街机。这一个页面的设计很满,除了产品还用文字说明了卖点,而整个网站的导航栏也有了变化,除了产品的介绍视频,底部的其他产品入口又回来了。

国内广告语:迄今为止最惊人的iPhone。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

同年10月,乔布斯去世,苹果网站首页也出现了纪念乔布斯的页面。(库克致词页面为内地版)

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 5

2012 年

脸变长且更薄的 iPhone 5,黑色的 iPhone 5 还带来了严重的“掉漆门”。看看这个页面的设计是多么的简洁,换做在当时的国内,很多甲方是不认可这种“干净”的设计的,整个页面就只有产品、名称和一句广告语,这种设计在很多老(tu)板(hao)面前,他们是要打人的。

国内广告语:这一次一切皆有可能。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 5s & iPhone 5c

2013 年

5s 加入了 home 键指纹解锁及土豪金配色,于是手机进入了指纹解锁和土豪金时代。整个页面的设计也以土豪金为底色。

国内广告语也非常强而有力:超前 空前。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

不温不火的 5c 则是以多款彩色呈现,还有那个密集恐惧症都要发作的洞洞硅胶保护套。iOS 7 的到来也将整个行业带人了扁平化时代。

国内广告语:生来多彩。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 6 & iPhone 6 Plus

2014 年

iPhone 6 及 iPhone 6 Plus,屏幕两种尺寸和整体机身有了很大变化,弧面屏和新的天线设计,被吐槽的突起的镜头等等。而网站页面在原本简洁的基础上将导航条变成了宽屏模式。

“比更大还更大” 的国内广告语遭到吐槽后有更改。

国内广告语:比更大还更大 \ 两款,有此一双。港版广告语:岂止于大 \ 两款,无双。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 6s & iPhone 6s Plus

2015 年

2015 年,带领手机行业进入“玫瑰金”时代的 iPhone 6s 及 iPhone 6s Plus,首款支持 3D Touch 的 iPhone,这个功能实在太好用了。网页的设计变得有律动,看,那几台 iPhone 像仙女一样飞进来。

而这次的广告语是我最喜欢的:唯一的不同,是处处都不同。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 屏幕变大了,可是有人依旧迷恋小屏幕的 iPhone,于是 2016 年 3 月,以 iPhone 5s 外形为基础提升了配置的iPhone SE 到来,加入了玫瑰金。网站页面也变得更丰富了,下方入口又再一次回来了。

国内 SE 的广告语:一小部的一大步。(好牵强)

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

iPhone 7 & iPhone 7 Plus

2016 年

这一年 Apple 发布了我个人觉得最美的 iPhone:iPhone7,还有我不喜欢背面设计的 iPhone 7 Plus,更精致工艺的亮黑色,取消了 3.5mm 耳机接口,不能按下去的非机械实体 home 键,Plus 版本的双摄像头等功能纷纷出现在这一代,于是,各种手机厂商开始出各种黑色,各种取消接口,各种出双镜头的手机。(前面说到 iPhone 6s 带来的“玫瑰金”时代以及 iPhone 7 带来的各种功能及变化,早在 iPhone 之前别的手机厂商也做过类似的改变,只是火不起来。)

而官网的页面非常简单又有质感,大黑底,漂亮的亮黑色及双摄直接撞进人们的视野,整体变得更加的简洁明了,看似内容不多,却传达出丰富的信息。(一句题外话,在作为设计老司机的我的眼里,最牛逼的设计,就是看起来没有设计。)

国内广告语:7,在此。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

2017 年,中国红的 iPhone 7 及 iPhone 7 Plus 上市。这一次,整个页面好像就是在过农历新年一样,一片吉祥的红。

国内广告语:现更以红色呈现。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

苹果引领着科技行业的多个方向,同时也改变着设计行业及广告行业。作为一个设计老司机,我喜欢苹果有着千千万万实际的理由,苹果的存在不仅让我们体验到了先进的科技,还让我们感受到了精湛的工艺及绝妙的设计。

07 年到现在,十年间一共上市了几个型号的 iPhone?突然看到这个问题的你可能要回头数一数。

是 12 款。今天我们只对过去回忆,不做未来畅想,那么,过去十年苹果发布的这12款 iPhone 都给你带来什么样的回忆,你最喜欢哪一款 iPhone 呢?

本篇文字来自本人主观大于客观的随心撰写。可以随便喷,反正我会反击,哈哈哈哈哈。

最后分享一张个人比较喜欢的,苹果 iMac 30 周年美国版的纪念页面。

从历代iPhone 官网设计,纪念 iPhone 诞生十周年

「苹果的设计为何这么棒?」

  1. iOS 设计史:《超赞!每个设计师都应该了解的IOS编年史》
  2. 苹果为何如此不同《真相!前苹果设计师揭秘关于苹果的4个传说》
  3. 官网设计变迁分析:《涨姿势!从苹果官网细看20年设计变迁史》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

收藏 19
点赞 5

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。