苹果ui的设计风格（一位设计师眼中的iPhone）

苹果ui的设计风格（一位设计师眼中的iPhone）当时的大部分手机界面都是黑白的，这个界面在当时已是潮流。这个时期人们对这类产品的人机交互、界面美观度、操作逻辑——UI，并没有太多的敏感度和追求。对，你没有看错，这就是UI界面！好有年代感这也是UI这也是UI

最新发布的iPhoneX

被絮絮叨叨许久的iPhone新品终于在今日凌晨发布，与乔帮主掌管时不同，惊喜已被早早揭开，但还是有不少新技术让人眼前一亮。

回归最初使用iPhone时的感受——看上去很舒服，用起来很流畅，作为设计狮的我来说，眼前看到的很大程度上决定了我所选择的。iPhone现在拥有了一大批果粉也不为道理，它所带给移动时代的影响不只一点，也让UI渐渐为大众所认知，影响着UI的发展，让我们回顾一下iPhoneUI设计的变迁吧。

抽象化信息阶段

好有年代感

这也是UI

这也是UI

对，你没有看错，这就是UI界面！

当时的大部分手机界面都是黑白的，这个界面在当时已是潮流。这个时期人们对这类产品的人机交互、界面美观度、操作逻辑——UI，并没有太多的敏感度和追求。

具象装饰化阶段—拟物设计

在这一阶段，手机UI界面的变化也在悄无声息之中。但第一款iPhone的出现可谓是划时代的，从而诞生了iOS系统。

2007-iPhone 1

UI设计呈现的多彩、小清新的图形界面，图标所有的直角都被打磨成圆弧，并且有曲线美感的半透明菜单，使得界面友好，模拟现实生活中的人机交互方式，让人们第一次感受到原来机器可以这么美！

2008-iPhone 2

第二代的iPhone在UI设计上并没有太大的变化，只是在原本设计的本身，图标的色彩对比度更加强烈了一些。

在人机交互上有了新的突破，推出了iOS系统专用的App Store应用商店，让手机不单单只是具备通话、短信、单机小游戏等初期固有模式。

2009-iPhone 3

不知为何iPhone3的界面颜色回归到了iPhone1的版本，但在图形优化上有了进一步的动作，比如信息图标，更加简易。也带来了全新的文本选择方式。

2010-iPhone 4

2010年是iPhone史上最重要的一年，苹果推出了“改变一切”的iPhone 4，并对其UI进行了大调，拟物化设计风格正式成为业界主流。UI行业，也逐渐热了起来。

2011-iPhone4s

iPhone4s可谓是乔帮主的最后经典之作。它不但在UI设计细节上有了进一步的优化，让拟物化设计更自然更富有美观，在人机交互上，推出了语音助手Siri，它让你的日子变得有了乐趣~

2012-iPhone5

相信大家已然知道这一年的iPhone5带来的最大惊喜是什么——它变长了！此外，iOS 6也是斯科特·福斯特尔（Scott Forstall）主导设计的最后一代iOS。

此款iPhone极大的发挥了各位的想象力，因为它，iPhone18已经早早问世。

抽象简约图像化阶段——扁平设计

2013-iPhone5s，5c

这一代的iPhone带来了“土豪金”这一名词。在UI上它与之前已经发生了巨大的变化，拟物化图标全都被拍扁了，纹理和闪光统统被丢掉，整体风格更加现代化和扁平化，增加了半透明效果。此外，多任务界面也变得更直观，用卡片式替代了原有的应用图标。

2014-iPhone6，iPhone6 Plus

无论是“比大哥大更大”还是“比逼格更有逼格”，iPhone 6系列一定是充满争议和使命的一代。 它在UI界面设计上追寻了上一代的设计，UI设计风格上也没有新的突破，因此倍感“压力”。

2015-iPhone6s，iPhone6s Plus，iPhone SE

2016-iPhone7，iPhone7 Plus

从iPhone6-7，在UI设计上风格处于平稳期，苹果团队更多的是在交互和细节体验上逐步的进行了优化和改善。

2017-iPhone8，iPhone X

刚结束的苹果发布会，新机型的推出，在操作界面上有了很多简化，以下内容不完整，只属部分。

如，控制中心的多页变成单页：

横向Tab Bar让出了更多空间：

用字重来改善可读性：

键盘设计改变：

其实每一年苹果在UI诸多细节上进行了很多优化调整，以上只是浅谈。纵观iPhone发布十周年，它对整个UI行业的趋势和影响是不容忽视的，从拟物设计到扁平化设计，未来又将会出现什么设计趋势，我们可以大胆预测~~

我公司旗下的万印网公众号，敬请关注，谢谢！