Firefox Logo重塑的秘密

今天我們來談談關于FireFox 的Logo改版，Firefox通過此次Logo的簡化，營造了一種適用性更好的瀏覽器形象。本文將簡明的比較舊版和新版的不同。

何謂新，何謂舊？

2009-2013年Firefox的Logo可謂是了不起的藝術品。像是一種視覺上的進化，更精確的圖形元素似乎像是一種宣言：我們要打造更有力、更新穎的瀏覽器——優秀的產品理念打造優秀的產品。那時候我每天都要用Firefox，感謝Mozilla的品牌理念，越來越多的用戶加入了Firefox的使用中。
Firefox能幫助我和客戶交互，通過視頻、文字、界面的形式，表達的效果清晰而又漂亮。Firefox使用可縮放矢量圖和顏色一致性的原則。文件傳遞、進行反饋都非常迅速精確。現在，Firefox通過重塑他們的Logo，來進行新一輪的品牌進化之路。

讓Logo更簡單
風格上的簡化不意味著將圖形打回基礎的幾何形狀，然后使用純色。實際上，簡化應該是采用更協調的色調、更合適的比例、更完美的細節和形狀來一點一點修正圖像，去掉那些不必要的細節，強化核心上的細節。在此次簡化中，確實是去掉了很多細節，但是也有增添，為了能夠兼容現今高分辨率的屏幕。我們將圖像制作成能夠兼容SVG（可縮放矢量圖）的形式，以便廣泛的應用。

重塑Logo的第一步，就是去除細節，我們去掉了圖層混合模式中一些諸如正片疊底、濾色、重疊的細節，這能體現在圖中 1 尾巴處。
為了實現在可縮放矢量圖中效果完美無瑕的這一目標，我們在內部架構上采用了SVG和CSS漸變。我們在圖中2狐貍的背部模糊了形狀，并且進行更柔和的漸變。然后繼續剔除那些不必要的細節。為的是讓整個圖片更小，傳達的形象更清晰。

在我們去除掉大量的細節之后，我們就開始考慮，哪些細節我們是需要強化的，尤其是在大尺寸的時候，如何將這些細節表現的更明顯？Stephen Horlander重新刻畫了Logo里面3處的陸地輪廓。與此同時，我們去除了4處的高光，為的是將整個地球的色調變得更加柔和、更加深邃。加深地球的藍色的同時，點亮5出狐貍頭部的毛皮，這樣深刻的對比關系就出來了。即使尺寸不同，這種對比也很明顯清晰。

最后，你可能會發現新Logo中狐貍的整個肩部都伸出來了，而原來的只露出了手臂，首先，這傳遞了Firefox更加開放的姿態。其次，你仔細觀察，會覺得新版Logo中狐貍與地球的聯系更緊密，而舊版相較之下元素之間的聯系顯得生澀。
這就是Firefox Logo重塑的秘密。記住，簡化有的時候不光是減法，如有必要，也需要加法。

火狐OS品牌標識設計
最后我們來看看超贊的火狐OS品牌標識設計！很震撼的氣場有木有！Mozilla新的移動操作系統（Firefox OS完全基于HTML5開發，系統架構和Chrome OS 較為類似）。通過設計，有木有感覺到火狐那釋放的全新力量呢？

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量43萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：