致力于改进FirefoxUI，black7375总结了Firefox浏览器的UI进化史，记录了每个UI版本的特点和问题。从这个演变过程中，我们也可以一窥互联网设计美学的发展历程。早期版本(v1~v3)早期版本：Phoenix(2002,09)此版本名一直保留到2003年4月，后因与BIOS厂商Phoenix的商标纠纷而更改。可以在Firefox早期版本历史中找到更多详细信息。这个版本的主题是一个巨大的橙色按钮...Firefoxv1(2004.11),v2(2006.10),v3(2008.6)早期版本UI特点：每个图标只做一件事，功能明确，每个图标都有自己的特点特征色。早期版本UI的缺点：图标大小和纹理不一致，无法与OSUI融合，菜单栏复杂且占用空间大。经典版（v4，2011.3）推出大规模UI重构后，Firefox4.0版本发布。它是最长寿的UI，常被称为Classictheme，经典主题。该版本最大的变化是在左上角引入了“应用按钮”，它收录了浏览器的所有功能选项，并通过子菜单进行选择，界面简洁美观。另外，不同版本Firefox的应用按钮颜色也不同，分别为普通版（橙色）、隐私模式（紫色）、夜间版（蓝色）：本版本UI特点总结：可以与系统UI交互（比如支持Win7的航空玻璃质感），菜单栏缩减为只有一行，看起来更简洁。缺点是新界面和UI变化太大。新的功能按钮隐藏了大部分功能标签，让用户一时间感到陌生和难以适应（怎么感觉自己变相夸大了）Australis(v29,2014.04)这个版本最大的特点是“软”的设计理念。首次引入了一些动画效果，支持自定义布局的拖放UI，以及备受诟病的弹窗设置UI。“软”特性，从设计草图到成品都是软流水线：支持自定义拖拽UI布局：引入动画效果，比如添加书签噩梦“弹窗设置UI”：被狂吐后，换成单页分类设置界面如下：Australis这个版本的初衷是为PC/手机/平板等设计一个多端通用的UI，让用户有一致的Firefox视觉体验。用户抱怨“它看起来到处都是平板电脑”。Photon(v57,2017.11)Photon是一个广受好评的UI设计系统，一直使用到2021年6月。这个版本有很多UI视觉重新设计，例如将选项卡的形状更改为直角，并将图标从PNG更改为基于SVG。功能菜单已从网格样式面板更改为现代列表样式菜单。下图是Windows10和Mac上的列表面板：Photondesign充分利用compositor配合SVG幻灯片技术，让动画效果看起来更有立体感：浏览器的标题栏支持自定义高亮颜色，也支持跟随操作系统的颜色:总结一下这个版本的特点：组件：基于列表的面板，页面操作，库菜单动画：针对按钮，选项卡，面板等操作添加了很多动画。视觉重新设计：标签、图标、密度、形状等。性能：改进了初始化、同步回流等。Proton最新版本(v89,2021.06)UI中，所有功能菜单都进行了相应的风格设计：上下文菜单分离，在独立区域获得更一致的色调、更精细的图标、不同颜色的精彩呈现：整体动画变得非常整洁和信息丰富，比如刷新和下载动画：另一个重要的变化是骨架屏的引入，让启动感觉更快（仅限Windows）：但是这个版本也有一些问题，比如padding太宽，图标太小导致难以准确点击，很多常用的图标（比如地址栏的页面操作菜单）和一些被保守推崇的动画效果（比如添加书签）都被删除了。总而言之，Firefox每隔3-4就会发布一个新版本的UI，而且每次都是大改版。Chrome与刚推出时的外观没有任何区别...本文转自OSCHINA本文标题：FirefoxUI进化史：从2002年到2021年本文地址：https://www.oschina.net/news/188715/firefox-ui-历史
