如果现在你打开电脑,屏幕中黑底白字闪烁着光标,你大概率会认为,电脑宕了。。。这其实是最初的计算机界面,并由此开启了一个新技术改变世界的时代。从字符到二维平面,再到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 为用户带来的全新感受,为此,我们在各项技术领域不断探索和打磨。期待各界专家、合作伙伴、开发者朋友加入,助天下人尽享万物智能互联!