• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 从历代iPhone 官网设计,纪念 iPhone 诞生十周年

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

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含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 3G

2008 年

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

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

iPhone 3GS

2009 年

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

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

iPhone 4

2010 年

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

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

iPhone 4s

2011 年

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

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

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

iPhone 5

2012 年

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

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

iPhone 5s & iPhone 5c

2013 年

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

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

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

国内广告语:生来多彩。

iPhone 6 & iPhone 6 Plus

2014 年

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

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

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

iPhone 6s & iPhone 6s Plus

2015 年

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

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

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

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

iPhone 7 & iPhone 7 Plus

2016 年

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

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

国内广告语:7,在此。

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

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

您可能想查找下面的文章:

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

相关文章

  • 2018-08-23该怎么运用情绪板,才能让设计作品更有说服力?
  • 2018-08-23不懂服务设计?看看它的演变历史你就知道了!
  • 2018-08-23网易内部分享:能让产品更快上线的商业模式画布
  • 2017-08-06组件化的前端开发流程详细说明
  • 2017-08-06提高网站可用性和转化率的25个工具
  • 2018-08-23用两个实战案例,帮你掌握专业设计师才会的设计思维方法
  • 2017-08-06从image/x-png谈ContentType(s)
  • 2018-08-23该知道的趋势!iPhone X的AR引擎对UX设计师意味着什么?
  • 2017-08-06Semantics:Html/Xhtml是否真正符合标准
  • 2018-08-23让你脑洞大开的创新思维方法系列:水平思维

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网页设计中要关注的搜索优化知识
    • 莺飞草长,这个三月将会流行这3种网页设计趋势
    • 网易云音乐产品负责人:如何做好用户研究的?(下)
    • 免费可商用!情人节专属资源(矢量素材/图标/背景)打包下载
    • 58内部方法!一个更适合产品迭代的卡片创意法
    • 产品需求一直不能落地,还好前辈教我这个流程
    • 耐看好用!专业平面设计师常用的那些中文字体
    • 网页中通过param name方式给ActiveX控件的属性赋值示例
    • 六篇文章彻底掌握直方图:基础色彩原理
    • 高手的设计流程!滴滴车主端5.0全新升级背后的设计思考

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有