響應式標誌設計 - 2018 年權威指南

徽標是公司的物理符號。 當你想到一個特定的品牌或產品時，就會想到這個形象——比如蘋果的半咬合蘋果和耐克的旋風。 但隨著新趨勢的到來，標誌成功和有效所需的條件也發生了變化。 現在他們需要乾淨、簡約和簡單。 但最重要的是，他們需要適應響應式網頁設計。

現在是 2018 年——如果你沒有一個響應式標誌設計，你可能會被淘汰。 我並不是說那是戲劇性的。 我的意思是，你有沒有在手機上打開一個網站，整個 UX 設計看起來很時髦？ 或者，也許您打開了一封電子郵件，但徽標不成比例？ 這是因為一些公司沒有使用響應式徽標和網頁設計。

徽標是在計算機和智能手機時代之前創建的——早在響應式網頁設計成為網頁設計的主流之前。 但至關重要的是，您的徽標可以在響應式網頁設計中生存和適應 - 否則，它會看起來凌亂和過時。

品牌被遺忘的時間要少得多。

因此，重要的是要了解響應式徽標設計實際上是什麼，以及創建一個徽標的過程。 這不僅僅是確保您的徽標可以增長和縮小而不會出現任何重大故障。 您必須確保無論您使用何種媒介查看徽標，它都能脫穎而出——而不是因為它不成比例、像素化或被壓扁。

在創建或更改您的公司徽標時，請記住以下幾個關鍵提示 - 因為響應式徽標設計已在其中，您不想被排除在外。

簡單

說到徽標，清潔很重要。 標誌應該引人注目且易於識別——但不是因為它們的無恥（或令人討厭）。 人們沒有時間剖析一個令人困惑或混亂的標誌。 他們只是不夠關心。 這就是為什麼選擇簡單、乾淨、時尚的標誌設計是你的標誌頭腦風暴應該去的地方。 您希望人們看到您的標誌，立即認出它，然後形成他們的意見。

你不希望他們瞇眼或撓頭。

尤其是在考慮響應式設計模板的適應性需求時，您不能有一個講述冗長複雜故事的徽標。 它只是不會很好地轉移。 它需要清晰和微妙，以免使事情過於復雜。 你的標誌需要擴大和縮小——太多的副本、太多的離譜設計和華麗的顏色不能很好地移動。

你不需要讓你的聽眾為它工作——他們已經足夠工作了。

告別鮮豔的色彩、誇張的陰影、耀斑和發光，向乾淨的線條、光線、自然色彩和現代耀斑說再見。 當您在移動設備、平板電腦和筆記本電腦屏幕上查看時，確保您的徽標簡單將增加其靈活性。

現代性

當談到 2018 年響應式標誌設計時，這給我們帶來了另一個必須遵循的最佳實踐。我們處於現代時代，我們的標誌需要代表這一點。

良好的響應式圖像和徽標設計時尚。 他們很堅強。 他們很乾淨。 它們並不過分複雜。 他們與新時代保持同步。 這意味著許多公司將不得不不斷調整和改變他們的設計，以保持相關性和趣味性。

選擇較少的顏色和簡單的字體。 玩簡單的形狀，遠離過於抽象的東西。 當然，結合您自己的風格並根據您的品牌建立您的徽標 - 但不要太過分了。

極簡主義

少即是多——在網頁設計、印刷設計、公寓裝飾——尤其是標誌方面。 極簡主義在，使極簡主義的標誌設計成為您的品牌或公司的必備品。 縮小細節是可以的，您的觀眾幾乎不會知道其中的區別。

用於整理和縮小設計的微小更改和調整實際上可以提高您的可見性。 還有什麼比現在更適合極簡主義的時候了？ 當從化妝品包裝到家具的一切都變得極簡時，一個不極簡的標誌可能看起來已經過時了。

適應性

改變是不可避免的，重要的是要明白你的標誌會改變——即使你認為它的方式是完美的。 這就是為什麼你需要創建一個標誌來為不可避免的變化和適應性做準備。

多年來，一個過於復雜的設計將更難變形和簡化——相反，你將首先失去原始標誌的完整性。 如果你完全改變你的標誌，你就會失去標誌應該提供的品牌認知度。

尤其是在響應式網站設計中，擁有易於修改的徽標有利於讓更多人看到您的徽標。 如果您的徽標不能適應，您的公司作為一個整體也將無法適應。

想要更多標誌設計技巧嗎？ 註冊我們的通訊！

您還可以做些什麼來優化響應式網頁設計中的響應式徽標設計？

根據屏幕尺寸，您的徽標可能需要變成全新的東西。

嗯，不完全是。 但是，根據查看位置的不同，您的徽標可能需要放棄其某些特徵。

在某些情況下，如果您的徽標包含單詞或短語或其他符號，則圖像越小，它們就需要被留下。

根據您是在智能手機還是平板電腦上閱讀，您的徽標可能必須放棄字標，重新對齊自己以使其堆疊而不是在一行中，丟失標語或以上所有內容。

這並不意味著您的徽標將失去所有可識別性。 它仍然是你的標誌，但只是它的基本部分——每個人都與你的品牌或產品相關的圖像或符號。

多米諾就是這樣做的。 他們的主要標誌如下所示：

縮小後，它看起來像這樣：

您仍然知道最後一張圖片與 Domino 相關，它只是更容易適合較小的屏幕。

做對了的品牌

許多品牌已經開始改變他們的標誌以適應響應式網頁設計。 他們已經減少、簡化、變得極簡，並讓他們的標誌為他們和用戶服務。

多年來，Twitter 只是一家更改其標誌的公司——每一次新的迭代都比上一次更好。

在早期，Twitter 有一個非常基本的標誌設計，採用其標誌性的藍色。 它只是所有小寫字母的名稱“twitter”。

它簡單、易識別且易於理解。 但是要縮小的話，只能把字縮小到難以辨認的程度。 他們的下一個標誌設計引入了我們都知道和喜愛的 Twitter 鳥，但即便如此，似乎還有太多事情要做。

最近，推特的標誌變得非常簡約，保留了標誌性的推特藍色，但只使用鳥作為其標誌性標誌。

現在這是一個響應式標誌設計！

但 Twitter 並不是唯一一家使用徽標的公司。 另一家在適應方面做得很好的公司是 Spotify。

Spotify 從一個時髦的、獨特的、面對面的標誌開始。 對某些人來說，字體和顏色的選擇看起來有點幼稚——但它對他們有用多年。

但考慮到他們幾乎完全生活在移動設備上，他們需要一個更適合移動設備的響應式標誌設計。

他們最近的迭代要簡單得多，也更靈活。 當他們改變顏色時引起了一些騷動，但首席產品設計師 Tobias van Schneider 知道他需要加入現代潮流，正如他在博客文章中所說：

儘管我們習慣了舊的“西蘭花”綠色，但我們覺得沉悶的品牌調色板迫切需要升級。 是時候讓它煥然一新，並確保它與我們充滿活力的新調色板相得益彰。 新的綠色更“流行”，在我們的新調色板中感覺就像在家裡一樣，已經發展到近三打顏色。 它不僅看起來更新鮮和現代，而且在眼睛上感覺更輕鬆，尤其是在全屏應用時。

Spotify為此採用了更亮的綠色和更簡單、更清潔的設計。 它可以根據屏幕的大小輕鬆進行調整 - 並且可以正常工作。 沒有看到“Spotify”這個詞，您立即知道 Spotify 符號代表什麼。 這就是重點。

另一個成功的標誌更改是萬事達卡，其標誌僅略有變化，但產生了持久的影響。

這是他們的舊標誌。

如您所見，這個標誌性標誌絕對引人注目，但已經過時。 顏色在中間交替的方式有點刺眼，徽標內的名稱雖然易於閱讀，但看起來並不令人愉悅。 但是在一英里之外，您就知道這是萬事達卡的標誌。

然而，近年來，他們轉向更簡單的設計，更自然、更流暢地融合在一起。

它的新標誌將公司名稱移到設計下方，並將字體更改為更清晰、更易於閱讀的字體。 他們還在中間添加了第三種顏色，真正平衡了標誌設計本身的各個方面。

這也是一個很好的更新，因為對於較小的屏幕尺寸，可以輕鬆刪除字標。 毫無疑問，這個標誌屬於哪個品牌。

當涉及到您自己的徽標或您的圖形設計師正在進行的徽標重新設計時，您可以真正從這些成功的徽標設計中學習。

品牌需要開始利用小而乾淨且易於識別的符號。 這樣他們就不會僅僅依靠他們的名字來吸引註意力，也不必擔心他們將如何適應響應式網站設計。

查看更多殺死它的徽標重新設計。

錯誤的品牌

笨重、不平衡和抽象——2012 年倫敦奧運會的標誌不是響應式標誌的材料。 它到處都是並且不平衡，乍一看，它並沒有真正讓您了解徽標的用途。 更重要的是？ 設計中的文字確保當它變得太小時，您無法閱讀它所說的內容。

英國電信最近也進行了標誌重新設計。 代替舊標誌，新標誌——這是 30 多年來的第五個標誌——包括在不同顏色的球體前面的字母 BT。 雖然英國電信因簡單而獲得分數，但彩虹色根本不是現代或簡約的。 不僅如此，該符號本身並不會立即適用於英國電信。 如果你還不熟悉這個品牌，你甚至不知道這是為哪家公司服務的。

這看起來像是 1990 年代的標誌。

你可以做什麼

現在是 2018 年，如果您的網站或徽標沒有響應，那麼您已經放棄了。 在每天每時每刻都在技術發展的世界中，您的品牌不能被拋在一邊。 這就是為什麼您需要了解和理解一些有助於您的業務成功的關鍵設計最佳實踐——無論您是需要幫助改進您的設計流程、從平面設計師切換到網頁設計師，還是需要不同類型設計的課程.

您的徽標是您品牌中最顯眼的東西。 它需要脫穎而出。 它需要被識別。 最重要的是，它需要適應響應式網頁設計。 如果您的標誌不能適應和發展，那麼您的品牌本身將無法發展。

響應式標誌設計需要：

• 簡單的
• 現代的
• 極簡主義
• 適應性強

在徽標設計方面沒有錯誤的餘地。 如果你有一個壞的，每個人都會知道。 為了優化您的響應式圖像和徽標設計，了解如何確保您的徽標適應非常重要。 為確保您的徽標針對所有屏幕尺寸進行了優化，您可以：

• 去掉字標
• 消除標語和短語
• 重新對齊或居中您的標誌設計
• 選擇單個符號

響應式標誌設計是未來——不要留在過去。

你喜歡哪些標誌設計？ 在社交媒體上告訴我們！

想要更多的設計趨勢洞察？ 註冊我們的通訊！