2007年11月25日

Firefox 3 新介面搶鮮看

雖然這次發佈 Firefox 3 Beta 1 的外觀長的還是那一千零一樣,不過開發團隊正在設計新的介面,一切順利的話在 Beta 2 你就可以看到全新風貌的 Firefox 了。

新介面最主要的改變就是打破 Mozilla 開發團隊原先「所有平台要有相同外觀」的理念,現在他們認為「各個平台的外觀要相似卻又不失獨特」。Firefox 介面設計團隊之一的 Alex Faaborg 前幾天在他的部落格上寫了篇 長長的文章 中提到除了為使用者在 Windows、Mac 和 Linux 平台之間打造相似的外觀和操作體驗外,融入這些平台獨特的外觀設計才是未來發展的重點。

簡單來說:不同平台間的操作介面使用相對應的色彩和質感有助與程式和作業系統的整合,而保持類似的介面形狀及大小則可讓使用者了解這還是同一個程式。

但這只是 Firefox 新介面的其中之一﹣佈景主題的變化。

另一個改變的部份是「優使性」(Usability)。新介面的「上一頁」鈕變得更大,同時原本獨立的「上一頁╱下一頁」鈕現在合在一起了。理由很簡單,既然「上一頁」是最常用到的按鈕,那麼把他變大也是很合理的一件事才對。

第二個重點是:形狀。就像提到 iPod 就會想到它的大轉盤、提到可口可樂就想到曲線瓶身一樣,Alex 認為 Firefox 也需要一個足以代表它的形狀,讓大家想到這個形狀就能聯想到 Firefox,這在行銷推廣方面有絕大助益。

下面的圖是依照上面提到的概念設計出來的 Mac OS X 銀亮灰、Vista 霓虹藍和 XP 塑膠綠三種不同平台的質感和顏色,希望它和 Firefox 的標誌及名字能搭配得很好。
Firefox 3 佈景形狀

還有更多新設計:「首頁」鈕預設放在書籤列上,「衝」(我知道大家都討厭這個名字 XD, 不過這就是指那個向右的箭頭)按鈕現在只會在輸入網址時出現,並取代現在星星和消息來源按鈕的位置。動態瀏覽圖示 (Throbber),就是原本出現在功能表最右邊,讀取網頁的時候會轉個不停的小玩意,會結合到網站按鈕中,這樣能夠更清楚的表示這指的是正在載入「目前」的網頁,而不是整個程式都在忙碌中。

下面是 Alex 結合上面所述的概念設計的草稿圖,可以看到某些想法,像星星按鈕和網站圖示已經提前在 Beta 1 實現了。
Firefox 佈景主題草稿

雖然上面提到的改變至今還沒全部實現,但是幸運的 Mac OS X 使用者已經可以安裝未來會成為 Mac OS 上預設佈景主題的 Proto 0.7 來搶先體驗,這是由 Kevin Gerich 專為 Firefox 3 設計的佈景主題,且只能裝在 Firefox 3 beta 1 上。

Firefox 3 佈景主題 - Mac

雖然不太像 Firefox 原本的面貌,但,超美的不是嗎?小白的使用者們終於不用為了那遜到不行的外觀而投向 Safari 的懷抱囉!

Linux 上的介面整合同樣順利,下圖是使用 Gnome 的 Tango 佈景主題的情況。

Firefox 3 在 Ubuntu 7.10 上, Tango 風格

想看看其他 Linux 上佈景主題的情況請見 Ars Technica 的文章

看倌們!持續鎖定 Mozilla Links 中文版。小編會為你帶來更多有關 Firefox 3 的新消息。

8 則留言:

  1. 上一頁按鈕常用就加大?
    有這個必要嗎?
    反而感覺不對稱...

    回覆刪除
  2. 我覺得Vista的代表色是黑,藍色才是XP的代表色。

    至於上一頁是很常用沒錯,但真正追求使用速度的人都用5鍵滑鼠了吧?

    反正預設介面怎麼改都沒差,Firefox最大的優點就是有一堆布景主題可用。

    個人推廣時是用Portable的版本,裝個比較順眼的主題與一些好用的工具,絕對比標準版接受度還高。

    雖然如此,我可不希望標準版Firefox塞太多東西,客製化程度高一直是Firefox的最大優點。

    回覆刪除
  3. 剛分別用 GNOME 跟 XP 測 nightly...
    XP 的變化不大,感覺是「稍稍」有比較精緻一點;
    GNOME... 原來我設的圖示主題中「上一頁」「下一頁」是這個樣子,還真是第一次看到,不太習慣 XD

    回覆刪除
  4. 我倒覺得 UI 介面的創新挺不錯的說
    對稱雖然比較順眼
    但不對稱也有不對稱的美
    這也是凸顯 Firefox 一種方法

    希望 3.0 能夠有更多創新的想法跟介面~

    回覆刪除
  5. 我覺得IE7的預設介面很好用,
    他們把"功能表列"節省掉了,
    剩我的最愛、網址、分頁功能......
    把最最常用的全部縮成一排,
    回給使用者最簡潔的介面與最大的瀏覽視窗,
    我覺得這樣的設計觀念還滿好的。
    當然只是"我覺得"啦~
    發表一點個人淺見而已...

    回覆刪除
  6. 作者已經移除這則留言。

    回覆刪除
  7. 忘了講......
    提供一點點小意見給正在設計 Firefox 3 的工程師囉~
    設計 Firefox 3 的工程師加油!!

    回覆刪除
  8. xp別亂改啦....綠色,很怪!!
    換個水藍色比較好看點。

    倒是...到時候能不能提供套件讓user安裝不同平台的佈景阿?
    你知道的linux跟xp底下一堆變裝軟體

    回覆刪除