文 | 罗奇奇
Black7375详细介绍了Firefox浏览器UI演变的历史,致力于加强Firefox浏览器的UI。说明每个UI版本的特点以及出现的一些问题。从该进化历程中，我们还可以研究互联网设计美学演变的历史。
先前版本 (v1 v3)
Phoeenix(2002,09)是早期版本。
该版本的名称一直保留到2003年4月,当时由于与BIOS制造商Phoeenix的商标纠纷而进行了更改。 更多信息可在Firefox的早期版本历史中找到。
版本强调大橙色按钮..
Firefox v1(2004.11)、v2(2006.10)、 v3(2008.6)
早期版本 UI: 每个图标都精确地执行一件事, 服务于特定目的, 并有自己的颜色 。
图标大小和纹理在早期版本中不均匀, UI 与操作系统没有连接,菜单栏复杂,占用了大量空间。
第4版(2011年,经典)3
在大规模UI重组后,目前可用Firefox 4, 第0版是寿命最长的UI, 通常称为传统主题。
本版最重要的变化是左上角添加了“应用按钮”,将浏览器的功能选项和在子菜单中导航结合起来,使界面简单而优雅。
此外,不同版本的Firefox使用不同的彩色按钮:标准版本(Orange)、私人模式(紫色)和Nightly版本(蓝色):
此版本的 UI 特征摘要: 它与系统 UI 互动( 例如, 支持 Win7 的空中玻璃质量), 菜单栏只减为一行, 使得它看起来更简单 。
新的界面和界面变化太大,新的功能按钮隐藏了大多数功能标签,使消费者感到长期难以调整。
Australis (v29, 2014.04)
本版最突出的特点是“软”设计方法,它首次提供动画效果,允许用于定制布局的拖放UI,以及受疾病感染的模拟界面设置。
软流线类型包括“软”特征,从概念图纸到最终产品不等:
可自定义拖放界面布局 :
添加动画效果, 如书签 。
噩梦级别弹出设置的界面 :
一个疯狂的溜槽取代了一个页面分类设置界面 :
Australis 版本是 PC/ Move/plate.. 等待多端通用 UI,用户第一次获得与Firefox用户相同的视觉体验。但是,其目的显然没有达到。这是用户流传的 UI 版本, “所有东西都像平板电脑” 。
Photon (v57, 2017.11)
光子是一种精美的UI设计系统,一直使用到2021年6月。
这一版本经历了大量的UI愿景重新设计,例如将制表格式改变为直角,将图标从巴布亚新几内亚转换为基于SVG的SVG。
Windows 10 和 Mac 的功能菜单从 Web 格式面板转换为当代列表样式菜单,列表面板如下:
创建光子是为了充分利用带有SVG幻灯片技术的合成器,从而产生更高维度的动画效果:
浏览器的标题栏提供自定义的高颜色和符合操作系统的颜色 :
概述本版本的下列特点:
基于列表的面板、页面动作和图书馆菜单都是组成部分。
动画 : 在按钮、 制表符和面板等功能中添加动画的剪切 。
重新设计标签、图标、密度、形式等视觉元素。
改进启动, 同步强迫流动,等等。
Proton (v89, 2021.06)
最新版本 UI 中的所有功能菜单都配有文体设计:
上下文菜单被分割,并创建了新的空间。
一个更恒定的音调, 一个更精细的符号, 和一个美妙的演示文稿 以多种颜色:
整幅动画,如更新和下载动画, 变得非常整洁且具有提示性:
另一个重大修改是增加了骨头屏幕,使启动过程感觉更快(仅视窗):
然而,版本存在一些问题,例如过于粗略的填充、难以正确点击的小图标、删除一些经常使用的图标(例如地址栏的页面动作菜单)和保守的动画效果(例如添加了书签)。
总的说来,Firefox每三到四个月就释放出一个新的用户界面, 每次都是一个重大的变化。 但Chloe和她在启动时的出现方式没有区别..
END