在品牌修改標(biāo)識的混亂時期，最低綱領(lǐng)在上升，響應(yīng)標(biāo)志設(shè)計(jì)是新的性感和設(shè)計(jì)師是由“少即是多”的咒語，我們只能懷疑；設(shè)計(jì)世界正在走向何方？
提供全面的用戶體驗(yàn)在多種媒介中，一個真正的響應(yīng)式設(shè)計(jì)并不局限于上下文或者縮小頁面上的內(nèi)容。微妙的設(shè)計(jì)考慮，如圖標(biāo)和標(biāo)識也應(yīng)該靈活足以遵循類似的上下文響應(yīng)原則。

幾年前，這種改變標(biāo)志的瘋狂、瘋狂的言論會被稱為設(shè)計(jì)禁忌，讓你招致那些自命不凡的品牌大亨的憤怒。但是今天，一家公司可能會把它的商標(biāo)用在任何東西上，從巨大的廣告牌到小巧的智能手表響應(yīng)式標(biāo)志“想法正在消失。如果您對創(chuàng)建響應(yīng)式標(biāo)志設(shè)計(jì)的工具感興趣，您應(yīng)該查看我們的最佳標(biāo)志設(shè)計(jì)軟件 文章。

在一個反應(yīng)靈敏的世界里調(diào)整標(biāo)識

隨著手機(jī)友好性在網(wǎng)絡(luò)上掀起風(fēng)暴，標(biāo)志設(shè)計(jì)者發(fā)現(xiàn)越來越重要的是讓他們的矢量適應(yīng)任何和每個用戶的屏幕尺寸，以便公司標(biāo)志在各種分辨率下呈現(xiàn)時不會被剝奪其固有的意義或本質(zhì)。由于徽標(biāo)是品牌的基石，因此很自然地將它們硬連接起來以迎合網(wǎng)絡(luò)空間的需求。

為了讓這個概念扎根，一個輝煌的標(biāo)志是先決條件；能以簡單的形象完美體現(xiàn)一個品牌價值觀的東西。不管用什么設(shè)備訪問一個網(wǎng)站，創(chuàng)造一些能繼續(xù)充分展示一個品牌的東西是一個棘手的問題。

讓我們來看看如何在不喪失品牌個性的情況下設(shè)計(jì)可擴(kuò)展的徽標(biāo)
 

面向設(shè)計(jì)師的響應(yīng)式標(biāo)志設(shè)計(jì)指南

1.簡約設(shè)計(jì)

無響應(yīng)logos最大的困境是過于復(fù)雜；充滿了細(xì)節(jié)和錯綜復(fù)雜的微妙之處。

在Matthew Fidge發(fā)表的一篇關(guān)于創(chuàng)意的文章中，許多人討厭看到徽標(biāo)只是一個視覺掛鉤。他們希望他們的標(biāo)志成為組織傳統(tǒng)和品牌價值的載體。然而，擁有太多的元素只會讓你更難放棄某個特定的元素，任何試圖將它放入更小空間的嘗試都會以設(shè)計(jì)噩夢告終。

橄欖花園的標(biāo)志，盡管本身很吸引人，卻提供了一個完美的設(shè)計(jì)難題。誰會忍心在不破壞設(shè)計(jì)的情況下，剝?nèi)テ洚愊胩扉_的葉子上美麗而巨大的文字標(biāo)記呢？

另一方面，沒有辦法在一個更小的屏幕上呈現(xiàn)整個徽標(biāo)，否則它會變成一個又大又亂、五顏六色的難以辨認(rèn)的騙局！

持久的平面設(shè)計(jì)理念簡單明了已經(jīng)成為新的標(biāo)準(zhǔn)，因?yàn)闃?biāo)志設(shè)計(jì)者努力創(chuàng)造不同尺寸的標(biāo)志，保持清晰，快速加載，優(yōu)雅縮放，并具有最大的影響。

這意味著趨勢發(fā)光，復(fù)雜的插圖，顏色梯度，陰影，和其他圖形修辭已經(jīng)避免了一個更干凈的審美，用更集中的形式取代多余的裝飾。

減少標(biāo)志的細(xì)節(jié)層次會使小尺寸的標(biāo)志更容易辨認(rèn)。輪廓元素可以被填充和反轉(zhuǎn)，漸變可以被展平，插圖可以被重繪成圖形形狀，細(xì)筆畫可以被加粗，細(xì)節(jié)形狀可以被平滑。這是為什么平面設(shè)計(jì)變得如此受歡迎。

一個很好的例子是萬事達(dá)卡最近的標(biāo)志重新設(shè)計(jì)。簡化和現(xiàn)代化，萬事達(dá)卡的新品牌標(biāo)識經(jīng)過優(yōu)化，以適應(yīng)日益數(shù)字化的世界。

新標(biāo)志告別了重疊圓圈上的扁平陰影和不合適的濃縮無襯線文字標(biāo)記?；諛?biāo)可以在較小的分辨率上單獨(dú)使用，而不會失去其可識別性。

這里有一些標(biāo)志重新設(shè)計(jì)，這是一個證明少即是多！

2.多功能設(shè)計(jì)

所有精明的標(biāo)志設(shè)計(jì)師都知道創(chuàng)造經(jīng)得起時間考驗(yàn)的多功能設(shè)計(jì)的謹(jǐn)慎。

當(dāng)我們談?wù)擁憫?yīng)時，我們考慮的是質(zhì)量、易讀性和設(shè)計(jì)的調(diào)整。設(shè)計(jì)師喬·哈里森的項(xiàng)目中的迪斯尼的例子”響應(yīng)式徽標(biāo)"，展示了如何簡化徽標(biāo)以適應(yīng)各種屏幕尺寸，同時又不喪失其特性。

盡管“華特·迪士尼”這個名字暴露了城堡的元素，但它足以在觀眾中煽動附屬于品牌名稱的情緒。縮小瀏覽器的尺寸，“迪士尼”是一個更簡單的品牌名稱。由于迪士尼的“D”是一個獨(dú)特的標(biāo)志，該標(biāo)志進(jìn)一步縮小到識別該品牌所需的基本要素。

谷歌也選擇了趕時髦，改變了它的標(biāo)志，將簡單的藍(lán)色“G”轉(zhuǎn)換成一個字母，它代表了最初標(biāo)志的所有顏色，毫無疑問標(biāo)志代表了什么。

3.整理，最小化，減少細(xì)節(jié)

不管人們相信什么，當(dāng)由于物理限制而對標(biāo)志進(jìn)行微小的調(diào)整時，品牌的身份和識別不會受到影響。以下是一些有效縮放徽標(biāo)的方法:

增量縮減

從Joe Harrison的實(shí)驗(yàn)中可以明顯看出，你不需要在屏幕尺寸最小的變化上對你的logo做劇烈的改變。

隨著瀏覽器窗口變窄，使徽標(biāo)失去一個細(xì)節(jié)元素，變得比以前更抽象。

特別是對于有小字體特征的標(biāo)志，逐漸消除小字體可以創(chuàng)造奇跡。

去掉文字標(biāo)記

當(dāng)在更窄的瀏覽器中顯示時，Hubspot很容易放棄它的文字標(biāo)記。他們明白一個簡單的圖標(biāo)可以讓用戶更加專注于體驗(yàn)和內(nèi)容，并且不那么令人分心。達(dá)美樂也很快擺脫了較小分辨率上的文字標(biāo)記，因?yàn)樗臉?biāo)識本身就足夠明顯。

簡化徽標(biāo)

如果一個公司的商標(biāo)足夠復(fù)雜，以至于在較小的分辨率下會變得模糊不清，或者如果該公司的文字商標(biāo)更容易識別，那么最好去掉商標(biāo)以簡化商標(biāo)；就像披薩快遞做得很完美一樣。

要點(diǎn)摘要

如果你的公司有一個細(xì)節(jié)——東方的商標(biāo)或華麗的文字，但你想保留這個商標(biāo)而不去掉任何元素，一個很好的方法是使圖像更抽象。

這確保了徽標(biāo)在較小的屏幕上清晰可見，就像捷豹所做的那樣！由于原始徽標(biāo)中的鉻合金效果很難按比例縮小，替代版本保留了識別徽標(biāo)所需的必要細(xì)節(jié)。

垂直堆疊

垂直堆疊logomark和wordmark是使logo適應(yīng)設(shè)計(jì)約束的一種簡單方法。雖然并排的徽標(biāo)最適合較大的設(shè)備，但垂直堆疊的徽標(biāo)在較小的分辨率下占用更少的空間，而不會從徽標(biāo)中帶走任何元素。

面向未來的徽標(biāo)

響應(yīng)式徽標(biāo)的最大好處之一是，即使在較大尺寸顯示時，它們也能在所有屏幕尺寸下保持易讀性，而不必與極簡風(fēng)格相抗衡。

響應(yīng)式設(shè)計(jì)允許徽標(biāo)設(shè)計(jì)人員微調(diào)圖標(biāo)，以描繪與多種分辨率的易讀性相關(guān)的“最佳點(diǎn)”。由于這些徽標(biāo)的設(shè)計(jì)是根據(jù)顯示它們的設(shè)備來顯示各種細(xì)節(jié)(并且有許多屏幕尺寸可用)，響應(yīng)圖標(biāo)的流動性保證了它們已經(jīng)針對新設(shè)備進(jìn)行了優(yōu)化。

在技術(shù)上帶來它；我們的標(biāo)志都是為戰(zhàn)斗準(zhǔn)備的！

 

常見問題