首页 >> Firefox 主题外观
Firefox 57 计划的新主题 Photon 设计概念图 阅读：8959回复：25
Firefox 57 将会是一个大的更新版本，包括只支持 WebExtensions 扩展，集成并启用部分 Quantum 组件代替现有的 Gecko 组件。
另外就是计划推出新的主题设计，目前代号为 Photon。目前还没官方宣布新主题，但一些非官方的概念图已经出现。 
图中最明显的变化就是从 Australis 主题的弧形标签页变回了直角标签页。另外搜索栏消失了，只剩下地址栏，并且位于工具栏的正中央。还有前进、后退和刷新按钮分开重新全部显示在工具栏，这也和 Australis 主题有所不同。这样和其他浏览器主题相比的辨识度应该是下降了。 目前对于新主题还有如下一些疑问还没弄清楚。包括： 1、搜索栏会怎么样？默认显示还是隐藏？ 2、默认允许用户做那些改动？按钮能允许移动么？ 3、会有其他类似 CTR 的扩展能实现对界面的修改么？例如实现标签页在上方或者下方。 4、Firefox 57 时候新的主题 API 会具有哪些功能？ http://www.ghacks.net/2017/03/24/here-is-the-first-mockup-screenshot-of-firefox-57s-new-design/ |
|
|
不太理解，地址栏就能搜索，为什么留个搜索栏。即使有多个引擎，用书签关键词，UI也更简单、操作更迅速，不是吗
|
拭目以待，地址栏和搜索栏合并倒是一个明智的选择，这就是那个Compact Light的改良版吧，希望不要在最左端留一大段空白了，很难看
|
有点折腾。
> 默认允许用户做那些改动？按钮能允许移动么？ 应该可以吧。 > 会有其他类似 CTR 的扩展能实现对界面的修改么？例如实现标签页在上方或者下方。 目前方向似乎将是允许隐藏标签栏并自实现 (bug 1332447)，例如“标签页中心”的做法。 |
新的一些概念设计图：
http://www.ghacks.net/2017/04/09/firefox-57-photon-mockups-activity-stream-library-compact-mode-more/ http://www.ghacks.net/2017/03/31/firefox-photon-new-design-mockups-show-interface-and-more/ about:home 页面和主界面：
地址栏三个点点击以后的弹出菜单：
Activity Stream 页面：
紧凑模式：
三道杠界面：
可隐藏按钮的折叠菜单按钮：
定制界面：
我的足迹：
侧边栏界面：
错误页面（太萌了有木有）：
还有一些演示的DEMO： https://www.soeren-hentzschel.at/firefox/photon-neue-bilder-zum-kommenden-firefox-design/ |
|
|
bootislands：不太理解，地址栏就能搜索，为什么留个搜索栏。即使有多个引擎，用书签关键词，UI也更简单、操作更迅速，不是吗回到原帖像我的习惯就是选中文字拖拽就在新标签页打开搜索，在搜索栏切换搜索引擎就能方便地在各引擎间拖拽搜索，如果取消了搜索栏，能做到这么方便吗？ |
nyxwong2：像我的习惯就是选中文字拖拽就在新标签页打开搜索，在搜索栏切换搜索引擎就能方便地在各引擎间拖拽搜索，如果取消了搜索栏，能做到这么方便吗？回到原帖https://addons.mozilla.org/en-US/firefox/addon/drag-dropzones-revived/ |
继续介绍新主题具有更多可供用户定制的选项和功能：
有标题栏和无标题栏时候的界面：
不同的亮色主题和暗色主题的配色：
全新的主菜单：
和溢出项管理的菜单：
在定制模式里面，可调整空白回归（大喜事！），工具栏可以直接在定制模式里面预览，地址栏可以通过可调整空白变为不居中显示：
页面打开时，地址栏右侧的三点按钮，可以用来定制和页面有关的操作，例如添加为书签和发送到 Pocket，用户可以定制，定制的选项也可以显示在地址栏内，也可以从中移除：
可以定制侧边栏显示在左侧还是右侧：
可在性能版块关闭 UI 的动画特效，提升流畅度：
https://www.soeren-hentzschel.at/firefox/photon-neue-anpassungsmoeglichkeiten-ab-firefox-57/ |
|
|
|
触摸版本的三道杠菜单，行距更多。
侧边栏：
三个点显示快捷操作的菜单，可以和 Win 10 分享功能集成：
一些提示页面：
https://www.ghacks.net/2017/05/14/firefox-57-new-photon-design-screenshots/ |
|
|
|
|
|