【互动贴】40年了，UI设计审美是个圈

#UI #设计语言 #Windows

秦时南月

WPS寻令官

大家好，我是南月。

欢迎观看本期不回顾任何东西的回顾。

IT发展这么多年，UI设计风格也是不断变化，且不说不同系统之间的差异，就连相同的系统，变化都很大。尤其是Windows，基本上每个大版本都有些许变化。本文就以Windows为例，进行盘点。

2025年，苹果发布了OS 26，出了一个叫“液态玻璃”的半透明设计体系，同时UI也做了现代化设计（更大了），但是大家看到了直到，很多人直言想起了Windows Vista/7时代的“aero毛玻璃”。

所以，这又给了我一个灵感，我回想了一下以前的Windows界面，发现有些设计再轮回，设计，被抛弃，被捡回……当然，这里面，有因为科技发展原因（性能不足或考虑续航）、有主动设计新风格的原因等。

注：本文只看Windows默认控件，第三方自己设计的UI风格不在此范围内（例如当时每年大版本都换皮的QQ）。

风格1：扁平，直角圆角混搭

时期：Windows 1.0 ~ 2.0

这个时期的Windows还没有严格的设计语言，因为那个年代的硬件性能和技术没有现代那么先进，所以只能在当时有限的条件下尽可能的美化。

当时的Windows都是扁平风格，绝大多数控件都是直角，部分按钮为圆角。当时还没有抗锯齿技术，所以圆角细看都是锯齿。

风格2：按钮拟物，高亮扁平，直角圆角混搭

时期：Windows 3.x / Windows NT 3.x

此时期的Windows系统开始逐渐给UI元素增加了一些3D视觉，和之前的纯扁平比会有一些“炫酷”的感觉。

此版本主要是给按钮元素带来了3D视觉，高亮部分和文本框是扁平。绝大多数控件也都是直角，部分按钮为圆角，但R角比之前弧度小很多。

风格3：按钮拟物，高亮扁平，直角风格

时期：Windows 95 / NT 4.0

其实从Windows 95到Windows Me，都是这种风格，只不过此版本开始增加了一个特性，就是鼠标划过菜单的时候，高亮会试试跟随，工具栏的按钮默认都是3D话，而Windows 98开始，工具栏的图标默认扁平，只有鼠标在的按钮会变凸起。

Windows 95时代3D图形卡已经开始发展，甚至有了Voodoo这样近乎“无敌”的存在，除了OpenGL，微软也在研发DirectX，还有3dfx的Glide……说明此时软硬件厂商都开始注重图形发展技术了。

所以连文本框、窗口的部分界面也变成了3D视觉。

风格4：按钮拟物，高亮扁平，直角风格

时期：Windows 98 ~ Windows Me / 2000

Windows 98和Windows 2000/Me设计语言相同，只是界面的配色和字体有所变化。

注意下图菜单栏，鼠标移动到的菜单也是3D视觉，但弹出的菜单项选中则为扁平高亮。

风格5：拟物为主，高亮扁平，直角圆角混搭

时期：Windows XP / Server 2003

Server系统和同时期的普通Windows系统的主题相同，但默认会关闭主题服务Theme。

Windows XP时代的硬件性能已经高起来了，无需独立显卡，就连板载显卡都能轻松带起一个操作系统，还能玩一些游戏。

所以Windows XP默认主题增加了大量圆润的拟物风格和鼠标指向特效，例如标题栏、按钮、滚动条、任务栏、工具栏等，但是高亮部分保持了扁平，包括菜单栏的菜单高亮（看工具文字），而之前的版本是3D拟物，最后文本框又改成了扁平风格。按钮又改为圆角设计，窗口上方两个角首次改为圆角设计，底部两个角为直角。

风格6：拟物为主，半透明，圆角为主

时期：Windows Vista / Server 2008 ~ Windows 7 / Server 2008R2

Server系统和同时期的普通Windows系统的主题相同，但默认会关闭主题服务Theme。

这个时期系统还在尽可能的设计美观，因为2001年的Windows XP和2007年的Windows Vista相差6年，这期间MacOS X系统随更新变得越来越精致，而微软也带来了迄今为止我眼中最美的设计——aero特效。

当然，这个半透明的开启还有条件，首先系统版本必须是家庭高级版（Home Premium）及以上的系统，且Windows评分中图形子项评分要在2.0以上。当然，这些限制是可以破解的。

Windows 7中沿用了aero的设计，仅仅进行了一些微调，所以我心目中最好看的系统仍然是Windows Vista。

这时期Windows采用了大量圆角和更圆润的拟物设计，窗口、高亮、工具栏、按钮、菜单栏……但有部分老式菜单栏保持了扁平高亮。窗口整体改为圆角。

风格7：Metro到来，扁平、直角回归

时期：Windows 8/8.1、Server 2012/2012R2

Metro UI（原Modern UI）最初是应用在Zune播放器、Windows Media Center上的设计语言，后来用到Windows Phone 7系统中，最后挪到了Windows 8中，而微软当时的解释是，放弃半透明是为了移动设备的续航考虑。

Metro的设计语言是使用大小不一的文字和空行来取代原界面中的各种框线和分隔符，并且采用完全直角的矩形控件和窗体，要么就是圆形的按钮。

不过Metro应用主要是针对触屏使用的，所以生态基本没有发展起来。

圆角在此系统中几乎看不见了。而在此之后，大量软件界面都跟随了扁平设计。

当然，传统Windows窗体控件保留着这些Windows 7中的配色，只是改成了扁平。

不过该说不说，PC上强行应用的Metro风格看起来很丑，完全没有移动设备上顺眼，不过传统控件改成扁平后还清爽一点。

不过，任务栏保留了半透明设计，但去掉了模糊效果。Windows 8可以通过部分主题修改软件将标题栏改为支持aero半透明的样子，实际上Windows 8在消费者预览版还保留着aero效果，在后来的测试版中去掉了。

还有一点，此版本的标题栏改成了Windows 1.0~3.2中的居中样子，而其他版本文字均为左对齐。

在Windows Phone启用Metro之后，安卓4.0、iOS 7也先后跟进了扁平设计，但细节有所区别。

风格8：极致扁平之后，全新流畅设计体系问世，全新半透明效果（亚克力）回归

时代：Windows 10、Server 2015/2019/2022

Windows 10将扁平发挥到了极致，包括菜单、高亮条将以前带点清爽淡色的风格改成了纯灰色扁平，其他没有太大改变，因为Windows 8上已经变得足够彻底了。

而在2017年的Windows 10创作者更新（版本1703）中，微软开始部署一套名为“流畅设计体系”（Fluent Design）的设计风格，但是仅针对UWP应用。在Windows 10秋季创意者更新（版本1709）中开始大量落地，同时带来了全新的半透明效果“亚克力”（Acrylic）风格，同aero一样都是实时半透明。UWP应用，例如系统设置、天气、邮件等应用都是UWP应用。

风格9：直角凉了，圆角回归，半透明凉了，新效果Mica到来

时代：Windows 11、Server 2025

曾经微软曾宣布Windows 10是最后一代Windows，后面所有新功能通过更新实现，不过很明显，微软没做到。2021年，Windows 11发布，带来的是近几年最流行的小圆角风格，同时摒弃了亚克力透明，带来了一种名叫“Mica”的“半透明”效果，之所以加引号，是因为它不是真的半透明，只是采用了Mica效果的背景会根据桌面壁纸的内容以一种算法计算出一个配色方案，以实现假半透明，这个窗口底部无论是啥，都不会改变这个窗口的半透明效果，但改壁纸会变。

但近期版本中部分界面又回归了亚克力设计（如任务栏和Win11版菜单）……

同时，除了一些“历史”组件，其他常用软件又回归了全圆角设计。