隨著網際網路的發展,很多企業都在網際網路上建立自己的網站,特別是近隨著響應式設計趨勢的發展,不少企業考慮做響應式網站。但是在網站設計之初,更多的重點是在於響應式的圖片或文字這方面,而對於公司的 logo 卻很少去做到響應式。要知道,logo 是企業的重要標識之一,直觀展示了一個企業的文化特色、價值取向,代表著公司的整體形象。如果網站的 Logo 無法做到響應式,在小螢幕等移動裝置上可能會出現顯示不清的問題,這樣容易影響公司品牌形象在多使用者心目中的樹立,難以發揮 Logo 在品牌宣傳等方面的作用。

  因此,怎樣做到 Logo 的響應式,讓它適應不同大小的螢幕、不同解析度的裝置是一個值得我們仔細研究的課題。像 Twitter 、 Facebook 、 Google 等知名公司,Logo 的響應式設計方面都有著不俗的表現,設計出了很多令人印象深刻、耳目一新的 Logo,也正是這些 Logo 讓它們在移動裝置市場上的競爭優勢愈發凸顯出來,相信它們的經驗能夠給大家提供一定的借鑑意義,讓大家能夠對 Logo 的響應式設計有一個全新的認識。

  基本原則:簡潔性

  相比複雜的事物,人腦更能記住簡單的,品牌 Logo 的設計也是一樣。這一點我們可以看看 WordPress APPle 在 1976 年設計的 Logo(下圖左側),它結合了牛頓受蘋果落地啟發悟出萬有引力定律的故事,看上去確實很有創意,但是這個 logo 實在太複雜了,元素太多了。不出意外,第二年 WordPress APPle 就重新設計了一個 Logo(下圖右側) 。據說這是因為 Steve Jobs 強烈要求設計師設計出一個更加簡單、深刻、現代化的 logo 。儘管 WordPress APPle 新設計的 Logo 顏色比較多彩,但在接下來的三四十年中 WordPress APPle 公司一直沿用了整體的形狀設計。毫無疑問,WordPress APPle 的 Logo 是歷具辨識度和標誌性的 Logo 之一。從這我們也可以看出,logo 設計中簡易性的重要,如果 Logo 足夠簡單,它可以輕易適用於不同尺寸的所有裝置。 WordPress APPle 的 Logo 幾乎算得上是響應式設計的範例,儘管幾十年前它主要針對的是網站的可用性。

  下圖也是一個關於 Logo 簡潔性的栗子。左側是 Great Lakes Golf 的 Logo,上面有很多元素 (文字、線條、圖形),一眼看上去覺得很擁擠。而且在全屏顯示時,基本元素可以看清,但是如果它縮小 50%,網站上球形已經無法辨認了,這影響了品牌形象、重要資訊特徵的有效傳遞。而右側 skype 的 Logo 就很簡潔、乾淨 (主要就是字型),一目瞭然,更能讓人記住,在小螢幕的移動裝置上進行縮放時它也可以適應,就算縮小到小比例,Logo 仍能呈現為可辨認的”S” 字元。這兩個網站的對比讓我們看到了簡單的 Logo 設計的優勢所在,簡單的 Logo 設計更加符合響應式網站的設計。

  科技行業的範例:

  Facebook

  Facebook 不愧為業界的巨頭,它緊跟響應式網站設計的潮流,注重 Logo 在不同裝置上的一致表現,一直在如何簡化公司 Logo 這個問題上不停探索。 2013 年,去掉了 F 下方的淡藍色線條,2022 年,將字母 a 從雙層字型設計變成單層設計α,其他字母也進行了不同程度的改良,字母間的空隙也有所增大。這種改變可能並不大,但改良後的 Logo 卻更加圓滑,給人更友好的感覺,也方便在更小、更低解析度的裝置上識別。

  Google

  Google 在簡化 Logo 這方面也算得上一個典範。 1998,谷歌正式成立時,公司 Logo 還是使用短粗的字型搭配紅色陰影,還帶有”!”,算是向當時的搜尋巨頭”Yahoo!” 致敬吧。接下來的十年裡,谷歌的 Logo 一直在進行微調,去掉感嘆號,字型逐漸變修長,陰影、高光效果越來越淺。

  2013 年,為了迎合扁平化的設計風潮,谷歌推出了新款 Logo,其中大的改變就是去掉了字母上的陰影效果。 2022 年,谷歌逐漸意識到單薄的襯線字型不能很好的適應響應式網站設計,所以它開始使用無襯線字型,讓 Logo 看上去更加簡潔,這算得上谷歌 Logo 很大的一次變動了。隨後谷歌又推出了緊湊版的”G” 圖示,它與整體 Logo 的柵欄系統相同,四色的填充也確保了視覺的平衡感。從這一系列的改動之中,我們可以看出 Google 在 Logo 改動方面是比較保守謹慎的,但它一直致力於創造出更加簡單、更能與多使用者互動的 Logo 。也正是因為 Google 的孜孜不倦,它才會在響應式迅速發展的今天依舊深受多使用者的喜愛。

  或許大家認為這些都是大公司,覺得自己公司並不一定要遵循這些規則,但不可忽視的是響應式設計的潮流趨勢。由於移動裝置的不斷興起,相信所有的行業終都會以這樣或那樣的方式迎合響應式的設計。以上這些公司能夠成功不也恰好明瞭他們採取的舉措順應了響應式發展的潮流,簡化 Logo 提高了品牌標識在移動裝置上展示的靈活度,Logo 的響應式設計拓寬了它們的市場。