探秘三大操作系统视觉设计，原来…

如果现在你打开电脑，屏幕中黑底白字闪烁着光标，你大概率会认为，电脑宕了。。。这其实是最初的计算机界面，并由此开启了一个新技术改变世界的时代。从字符到二维平面，再到 3D 图形，计算机技术发展的同时，也带来了操作系统视觉界面的急速变迁。

视界在变，体验在变。今天，来自鼎道智联 UE&UI 团队的小伙伴，通过分析市场上三大主流操作系统近年的视觉风格发展，尝试总结出一些适用于操作系统的视觉设计趋势，分享给感兴趣的朋友们。

苹果 - 引领时代与技术的变革，抽象提炼还原真实世界

苹果的设计语言一直由技术推动为前提，为体验与生态所服务。苹果的设计语言从 2007 年起主要分为三个阶段。

2007 - 2013 拟物化风格

2007 年起，苹果逐渐主导视觉趋势的拟物化风格。这种趋势的形成原因是为了顺承以纸张为媒介的印刷时代，从中找到适合触摸时代的设计语言。尤其是在 2010 年 iPad 发布后，苹果在设计上模拟了诸多纸张的物理特性，如纹理质感、叠加、阴影。拟物化的设计在数字媒体的普及时代可以降低用户的认知负荷，而屏幕分辨率的提升也有力地支持了视觉设计的细节表现。

苹果的拟物化风格

2013 - 2019 扁平化风格

随着 iOS7 的发布，苹果颠覆了以往的拟物化视觉风格，开始大量使用扁平化的设计。扁平化更加轻薄灵巧、移动便携，提升手机的使用效率。在用户已经逐渐培养起数字媒介的交互认知后，扁平化只给用户想要的信息，界面清晰干净，突出重点，弱化无关紧要的细节。更重要的是，扁平化的设计可以降低开发成本，有助于打造开放的生态。

iOS7 开启的扁平化视觉风格

2019 - 现在 新拟物风格

然后扁平化的尝试了带来了一些问题，例如，扁平的设计层次感较弱，信息层级不明确。2016 年后，苹果便开始对于初代扁平化风格做了提升。2019 年新拟物风格的出现更是融合了拟物化与扁平化的优点，摒弃过于细节的拟物化纹理，用光影突出层级关系，表现光本身在数字空间中如何与物体互动。

同时，在图标的设计上，抓住事物的本质特点，抽象地还原真实世界的场景。例如 Siri 图标的设计，由麦克风 icon 演变到声波 icon ，抓住了语音交互的本质。

延用至今的新拟物风格，并以此为基础不断优化

苹果的设计语言没有定式，一直在来回探索与提升。每一代的变化都是随着时代变化，或打破、或建立新的原则。

微软 - 开放共享，友好自然，遵循跨平台的设计原则

鉴于 Windows 是用户体量最大的操作系统，其设计理念一直是致力于打造包容性强、且风格简洁统一的视觉语言。Windows7 运用了玻璃效果构建了系统的层级感，实现了拟真，开阔又内敛的系统设计风格。而现在的 Fluent UI，可以视为之前 Windows7 风格的延续与进阶。它对云母、亚克力等材质的使用，比玻璃材质更加柔和明亮，同时强化了层次感，使用户专注于自己的任务。

2007 - 2012， Aero design，Vista，Windows7

毛玻璃的使用：开阔、层级、精致

2012 - 2017， Metro design

扁平化突出信息可视化生态统一

2017 - now，Fluent design，Windows 10&11

体现开放、包容、友好、自然的理念

谷歌 - 轻巧智能，注重自我表达，多变中寻求和谐统一

Google 的设计理念是设计一种适合触摸时代的数字纸。2014 年，Google 拥有了自己的设计语言，Material design 也体现了这一特点。其中阴影、层级、纸张的拼贴变形、浮动按钮都是对于纸张特性的阐述。而扁平设计的优势是加载快速，也符合谷歌的产品特性。

2021 年，随着算法的逐渐成熟，Google 发布了 Material You 的视觉语言，尝试用算法满足用户的个性化需求。视觉元素富于变化，例如卡片外轮廓的梯度就有 7 个，适用于很多的场景；而界面的色系由用户上传的背景图决定。Google 在视觉元素的色彩、形态、字体、布局灵动多变的情况下，希望 Material You 达成和谐统一的视觉效果。“The Material is technologically advanced and open to imagination and magic.”也代表了谷歌的设计理念。

关于未来操作系统视觉设计趋势的预测

综合三个操作系统的设计风格的历史和发展，我们可以看出设计风格兜兜转转，都得益于技术成熟的推动，并顺应生态构建的所需。不过仍然可以看出近期风格趋势是偏向于 3D 化且看起来更加充满活力。

三大操作系统视觉风格的变迁趋势

这些先驱者不断的探索和创新，引领着视觉设计的趋势和方向，同时也给更多的探路者们带来了启发和思路。我们正在打造的“以人为本”的 DingOS，视觉风格也以 3D 化为基础进行视觉探索。基于“以人为本”的设计理念，在视觉表现与交互方式中尝试加入一套情感化表达的体系。通过这套全新的视觉交互，希望用户在使用 DingOS 的过程中，除了享受其带来的易用及便捷，还可以满足用户情感表达的需求。

物超所值的服务、灵动美观的视觉，简捷舒适的交互，是我们希望通过 DingOS 为用户带来的全新感受，为此，我们在各项技术领域不断探索和打磨。期待各界专家、合作伙伴、开发者朋友加入，助天下人尽享万物智能互联！