提供全面的用戶體驗(yàn)在多種媒介中，一個(gè)真正的響應(yīng)式設(shè)計(jì)并不局限于上下文或者縮小頁(yè)面上的內(nèi)容。微妙的設(shè)計(jì)考慮，如圖標(biāo)和標(biāo)識(shí)也應(yīng)該靈活足以遵循類似的上下文響應(yīng)原則。
幾年前，這種改變標(biāo)志的瘋狂、瘋狂的言論會(huì)被稱為設(shè)計(jì)禁忌，讓你招致那些自命不凡的品牌大亨的憤怒。但是今天，一家公司可能會(huì)把它的商標(biāo)用在任何東西上，從巨大的廣告牌到小巧的智能手表響應(yīng)式標(biāo)志“想法正在消失。如果您對(duì)創(chuàng)建響應(yīng)式標(biāo)志設(shè)計(jì)的工具感興趣，您應(yīng)該查看我們的最佳標(biāo)志設(shè)計(jì)軟件 文章。
在一個(gè)反應(yīng)靈敏的世界里調(diào)整標(biāo)識(shí)
隨著手機(jī)友好性在網(wǎng)絡(luò)上掀起風(fēng)暴，標(biāo)志設(shè)計(jì)者發(fā)現(xiàn)越來(lái)越重要的是讓他們的矢量適應(yīng)任何和每個(gè)用戶的屏幕尺寸，以便公司標(biāo)志在各種分辨率下呈現(xiàn)時(shí)不會(huì)被剝奪其固有的意義或本質(zhì)。由于徽標(biāo)是品牌的基石，因此很自然地將它們硬連接起來(lái)以迎合網(wǎng)絡(luò)空間的需求。
為了讓這個(gè)概念扎根，一個(gè)輝煌的標(biāo)志是先決條件；能以簡(jiǎn)單的形象完美體現(xiàn)一個(gè)品牌價(jià)值觀的東西。不管用什么設(shè)備訪問(wèn)一個(gè)網(wǎng)站，創(chuàng)造一些能繼續(xù)充分展示一個(gè)品牌的東西是一個(gè)棘手的問(wèn)題。
讓我們來(lái)看看如何在不喪失品牌個(gè)性的情況下設(shè)計(jì)可擴(kuò)展的徽標(biāo)
面向設(shè)計(jì)師的響應(yīng)式標(biāo)志設(shè)計(jì)指南
1.簡(jiǎn)約設(shè)計(jì)
無(wú)響應(yīng)logos最大的困境是過(guò)于復(fù)雜；充滿了細(xì)節(jié)和錯(cuò)綜復(fù)雜的微妙之處。
在Matthew Fidge發(fā)表的一篇關(guān)于創(chuàng)意的文章中，許多人討厭看到徽標(biāo)只是一個(gè)視覺(jué)掛鉤。他們希望他們的標(biāo)志成為組織傳統(tǒng)和品牌價(jià)值的載體。然而，擁有太多的元素只會(huì)讓你更難放棄某個(gè)特定的元素，任何試圖將它放入更小空間的嘗試都會(huì)以設(shè)計(jì)噩夢(mèng)告終。
橄欖花園的標(biāo)志，盡管本身很吸引人，卻提供了一個(gè)完美的設(shè)計(jì)難題。誰(shuí)會(huì)忍心在不破壞設(shè)計(jì)的情況下，剝?nèi)テ洚愊胩扉_(kāi)的葉子上美麗而巨大的文字標(biāo)記呢？
另一方面，沒(méi)有辦法在一個(gè)更小的屏幕上呈現(xiàn)整個(gè)徽標(biāo)，否則它會(huì)變成一個(gè)又大又亂、五顏六色的難以辨認(rèn)的騙局！
持久的平面設(shè)計(jì)理念簡(jiǎn)單明了已經(jīng)成為新的標(biāo)準(zhǔn)，因?yàn)闃?biāo)志設(shè)計(jì)者努力創(chuàng)造不同尺寸的標(biāo)志，保持清晰，快速加載，優(yōu)雅縮放，并具有最大的影響。
這意味著趨勢(shì)發(fā)光，復(fù)雜的插圖，顏色梯度，陰影，和其他圖形修辭已經(jīng)避免了一個(gè)更干凈的審美，用更集中的形式取代多余的裝飾。
減少標(biāo)志的細(xì)節(jié)層次會(huì)使小尺寸的標(biāo)志更容易辨認(rèn)。輪廓元素可以被填充和反轉(zhuǎn)，漸變可以被展平，插圖可以被重繪成圖形形狀，細(xì)筆畫(huà)可以被加粗，細(xì)節(jié)形狀可以被平滑。這是為什么平面設(shè)計(jì)變得如此受歡迎。
一個(gè)很好的例子是萬(wàn)事達(dá)卡最近的標(biāo)志重新設(shè)計(jì)。簡(jiǎn)化和現(xiàn)代化，萬(wàn)事達(dá)卡的新品牌標(biāo)識(shí)經(jīng)過(guò)優(yōu)化，以適應(yīng)日益數(shù)字化的世界。
新標(biāo)志告別了重疊圓圈上的扁平陰影和不合適的濃縮無(wú)襯線文字標(biāo)記?；諛?biāo)可以在較小的分辨率上單獨(dú)使用，而不會(huì)失去其可識(shí)別性。
這里有一些標(biāo)志重新設(shè)計(jì)，這是一個(gè)證明少即是多！
2.多功能設(shè)計(jì)
所有精明的標(biāo)志設(shè)計(jì)師都知道創(chuàng)造經(jīng)得起時(shí)間考驗(yàn)的多功能設(shè)計(jì)的謹(jǐn)慎。
當(dāng)我們談?wù)擁憫?yīng)時(shí)，我們考慮的是質(zhì)量、易讀性和設(shè)計(jì)的調(diào)整。設(shè)計(jì)師喬·哈里森的項(xiàng)目中的迪斯尼的例子”響應(yīng)式徽標(biāo)"，展示了如何簡(jiǎn)化徽標(biāo)以適應(yīng)各種屏幕尺寸，同時(shí)又不喪失其特性。
盡管“華特·迪士尼”這個(gè)名字暴露了城堡的元素，但它足以在觀眾中煽動(dòng)附屬于品牌名稱的情緒。縮小瀏覽器的尺寸，“迪士尼”是一個(gè)更簡(jiǎn)單的品牌名稱。由于迪士尼的“D”是一個(gè)獨(dú)特的標(biāo)志，該標(biāo)志進(jìn)一步縮小到識(shí)別該品牌所需的基本要素。
谷歌也選擇了趕時(shí)髦，改變了它的標(biāo)志，將簡(jiǎn)單的藍(lán)色“G”轉(zhuǎn)換成一個(gè)字母，它代表了最初標(biāo)志的所有顏色，毫無(wú)疑問(wèn)標(biāo)志代表了什么。
3.整理，最小化，減少細(xì)節(jié)
不管人們相信什么，當(dāng)由于物理限制而對(duì)標(biāo)志進(jìn)行微小的調(diào)整時(shí)，品牌的身份和識(shí)別不會(huì)受到影響。以下是一些有效縮放徽標(biāo)的方法:
增量縮減
從Joe Harrison的實(shí)驗(yàn)中可以明顯看出，你不需要在屏幕尺寸最小的變化上對(duì)你的logo做劇烈的改變。
隨著瀏覽器窗口變窄，使徽標(biāo)失去一個(gè)細(xì)節(jié)元素，變得比以前更抽象。
特別是對(duì)于有小字體特征的標(biāo)志，逐漸消除小字體可以創(chuàng)造奇跡。
去掉文字標(biāo)記
當(dāng)在更窄的瀏覽器中顯示時(shí)，Hubspot很容易放棄它的文字標(biāo)記。他們明白一個(gè)簡(jiǎn)單的圖標(biāo)可以讓用戶更加專注于體驗(yàn)和內(nèi)容，并且不那么令人分心。達(dá)美樂(lè)也很快擺脫了較小分辨率上的文字標(biāo)記，因?yàn)樗臉?biāo)識(shí)本身就足夠明顯。
簡(jiǎn)化徽標(biāo)
如果一個(gè)公司的商標(biāo)足夠復(fù)雜，以至于在較小的分辨率下會(huì)變得模糊不清，或者如果該公司的文字商標(biāo)更容易識(shí)別，那么最好去掉商標(biāo)以簡(jiǎn)化商標(biāo)；就像披薩快遞做得很完美一樣。
要點(diǎn)摘要
如果你的公司有一個(gè)細(xì)節(jié)——東方的商標(biāo)或華麗的文字，但你想保留這個(gè)商標(biāo)而不去掉任何元素，一個(gè)很好的方法是使圖像更抽象。
這確保了徽標(biāo)在較小的屏幕上清晰可見(jiàn)，就像捷豹所做的那樣！由于原始徽標(biāo)中的鉻合金效果很難按比例縮小，替代版本保留了識(shí)別徽標(biāo)所需的必要細(xì)節(jié)。
垂直堆疊
垂直堆疊logomark和wordmark是使logo適應(yīng)設(shè)計(jì)約束的一種簡(jiǎn)單方法。雖然并排的徽標(biāo)最適合較大的設(shè)備，但垂直堆疊的徽標(biāo)在較小的分辨率下占用更少的空間，而不會(huì)從徽標(biāo)中帶走任何元素。
面向未來(lái)的徽標(biāo)
響應(yīng)式徽標(biāo)的最大好處之一是，即使在較大尺寸顯示時(shí)，它們也能在所有屏幕尺寸下保持易讀性，而不必與極簡(jiǎn)風(fēng)格相抗衡。
響應(yīng)式設(shè)計(jì)允許徽標(biāo)設(shè)計(jì)人員微調(diào)圖標(biāo)，以描繪與多種分辨率的易讀性相關(guān)的“最佳點(diǎn)”。由于這些徽標(biāo)的設(shè)計(jì)是根據(jù)顯示它們的設(shè)備來(lái)顯示各種細(xì)節(jié)(并且有許多屏幕尺寸可用)，響應(yīng)圖標(biāo)的流動(dòng)性保證了它們已經(jīng)針對(duì)新設(shè)備進(jìn)行了優(yōu)化。
在技術(shù)上帶來(lái)它；我們的標(biāo)志都是為戰(zhàn)斗準(zhǔn)備的！
常見(jiàn)問(wèn)題
什么是響應(yīng)式標(biāo)志？
響應(yīng)式或適應(yīng)性標(biāo)志是一種可以根據(jù)不同大小、顏色背景和復(fù)雜程度進(jìn)行更改或調(diào)整的標(biāo)志，以適應(yīng)所需的營(yíng)銷或品牌材料。擁有一個(gè)響應(yīng)的標(biāo)志是任何知名品牌的基本要求。
你如何調(diào)整你的標(biāo)志，使它們具有響應(yīng)性？
一個(gè)可行的選擇是簡(jiǎn)化徽標(biāo)。您可以為您的品牌推廣材料設(shè)計(jì)不同的簡(jiǎn)化標(biāo)志或設(shè)計(jì)一個(gè)簡(jiǎn)化標(biāo)志，使您的標(biāo)志更具適應(yīng)性。
在設(shè)計(jì)一個(gè)響應(yīng)式標(biāo)志時(shí)，你應(yīng)該記住哪些事情？
當(dāng)設(shè)計(jì)一個(gè)響應(yīng)式標(biāo)志時(shí)，你應(yīng)該記住三件事:簡(jiǎn)單、多功能和極簡(jiǎn)。雖然還有其他因素，但這些是設(shè)計(jì)簡(jiǎn)化標(biāo)志時(shí)要記住的主要因素。
你如何預(yù)見(jiàn)未來(lái)的標(biāo)志？
創(chuàng)建一個(gè)極簡(jiǎn)主義的標(biāo)志是確保你的標(biāo)志設(shè)計(jì)經(jīng)得起未來(lái)考驗(yàn)的一種方法。采用極簡(jiǎn)設(shè)計(jì)，無(wú)論屏幕大小或材料如何，您的徽標(biāo)都將保持易讀性。
垂直堆疊在logo設(shè)計(jì)中有用嗎？
當(dāng)處理大量文本的徽標(biāo)時(shí)，垂直堆疊是一種很好的方式。這在整合到空間有限的設(shè)備或創(chuàng)意材料時(shí)尤其有用。
