提供全面的用戶體驗在多種媒介中,一個真正的響應(yīng)式設(shè)計并不局限于上下文或者縮小頁面上的內(nèi)容。微妙的設(shè)計考慮,如圖標和標識也應(yīng)該靈活足以遵循類似的上下文響應(yīng)原則。
幾年前,這種改變標志的瘋狂、瘋狂的言論會被稱為設(shè)計禁忌,讓你招致那些自命不凡的品牌大亨的憤怒。但是今天,一家公司可能會把它的商標用在任何東西上,從巨大的廣告牌到小巧的智能手表響應(yīng)式標志“想法正在消失。如果您對創(chuàng)建響應(yīng)式標志設(shè)計的工具感興趣,您應(yīng)該查看我們的最佳標志設(shè)計軟件 文章。
在一個反應(yīng)靈敏的世界里調(diào)整標識
隨著手機友好性在網(wǎng)絡(luò)上掀起風暴,標志設(shè)計者發(fā)現(xiàn)越來越重要的是讓他們的矢量適應(yīng)任何和每個用戶的屏幕尺寸,以便公司標志在各種分辨率下呈現(xiàn)時不會被剝奪其固有的意義或本質(zhì)。由于徽標是品牌的基石,因此很自然地將它們硬連接起來以迎合網(wǎng)絡(luò)空間的需求。

為了讓這個概念扎根,一個輝煌的標志是先決條件;能以簡單的形象完美體現(xiàn)一個品牌價值觀的東西。不管用什么設(shè)備訪問一個網(wǎng)站,創(chuàng)造一些能繼續(xù)充分展示一個品牌的東西是一個棘手的問題。
讓我們來看看如何在不喪失品牌個性的情況下設(shè)計可擴展的徽標
面向設(shè)計師的響應(yīng)式標志設(shè)計指南
1.簡約設(shè)計
無響應(yīng)logos最大的困境是過于復(fù)雜;充滿了細節(jié)和錯綜復(fù)雜的微妙之處。
在Matthew Fidge發(fā)表的一篇關(guān)于創(chuàng)意的文章中,許多人討厭看到徽標只是一個視覺掛鉤。他們希望他們的標志成為組織傳統(tǒng)和品牌價值的載體。然而,擁有太多的元素只會讓你更難放棄某個特定的元素,任何試圖將它放入更小空間的嘗試都會以設(shè)計噩夢告終。
橄欖花園的標志,盡管本身很吸引人,卻提供了一個完美的設(shè)計難題。誰會忍心在不破壞設(shè)計的情況下,剝?nèi)テ洚愊胩扉_的葉子上美麗而巨大的文字標記呢?
另一方面,沒有辦法在一個更小的屏幕上呈現(xiàn)整個徽標,否則它會變成一個又大又亂、五顏六色的難以辨認的騙局!

持久的平面設(shè)計理念簡單明了已經(jīng)成為新的標準,因為標志設(shè)計者努力創(chuàng)造不同尺寸的標志,保持清晰,快速加載,優(yōu)雅縮放,并具有最大的影響。
這意味著趨勢發(fā)光,復(fù)雜的插圖,顏色梯度,陰影,和其他圖形修辭已經(jīng)避免了一個更干凈的審美,用更集中的形式取代多余的裝飾。
減少標志的細節(jié)層次會使小尺寸的標志更容易辨認。輪廓元素可以被填充和反轉(zhuǎn),漸變可以被展平,插圖可以被重繪成圖形形狀,細筆畫可以被加粗,細節(jié)形狀可以被平滑。這是為什么平面設(shè)計變得如此受歡迎。

一個很好的例子是萬事達卡最近的標志重新設(shè)計。簡化和現(xiàn)代化,萬事達卡的新品牌標識經(jīng)過優(yōu)化,以適應(yīng)日益數(shù)字化的世界。
新標志告別了重疊圓圈上的扁平陰影和不合適的濃縮無襯線文字標記。徽標可以在較小的分辨率上單獨使用,而不會失去其可識別性。
這里有一些標志重新設(shè)計,這是一個證明少即是多!

2.多功能設(shè)計
所有精明的標志設(shè)計師都知道創(chuàng)造經(jīng)得起時間考驗的多功能設(shè)計的謹慎。
當我們談?wù)擁憫?yīng)時,我們考慮的是質(zhì)量、易讀性和設(shè)計的調(diào)整。設(shè)計師喬·哈里森的項目中的迪斯尼的例子”響應(yīng)式徽標",展示了如何簡化徽標以適應(yīng)各種屏幕尺寸,同時又不喪失其特性。
盡管“華特·迪士尼”這個名字暴露了城堡的元素,但它足以在觀眾中煽動附屬于品牌名稱的情緒。縮小瀏覽器的尺寸,“迪士尼”是一個更簡單的品牌名稱。由于迪士尼的“D”是一個獨特的標志,該標志進一步縮小到識別該品牌所需的基本要素。

谷歌也選擇了趕時髦,改變了它的標志,將簡單的藍色“G”轉(zhuǎn)換成一個字母,它代表了最初標志的所有顏色,毫無疑問標志代表了什么。
3.整理,最小化,減少細節(jié)
不管人們相信什么,當由于物理限制而對標志進行微小的調(diào)整時,品牌的身份和識別不會受到影響。以下是一些有效縮放徽標的方法:
增量縮減

從Joe Harrison的實驗中可以明顯看出,你不需要在屏幕尺寸最小的變化上對你的logo做劇烈的改變。
隨著瀏覽器窗口變窄,使徽標失去一個細節(jié)元素,變得比以前更抽象。
特別是對于有小字體特征的標志,逐漸消除小字體可以創(chuàng)造奇跡。
去掉文字標記

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

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

如果你的公司有一個細節(jié)——東方的商標或華麗的文字,但你想保留這個商標而不去掉任何元素,一個很好的方法是使圖像更抽象。
這確保了徽標在較小的屏幕上清晰可見,就像捷豹所做的那樣!由于原始徽標中的鉻合金效果很難按比例縮小,替代版本保留了識別徽標所需的必要細節(jié)。
垂直堆疊

垂直堆疊logomark和wordmark是使logo適應(yīng)設(shè)計約束的一種簡單方法。雖然并排的徽標最適合較大的設(shè)備,但垂直堆疊的徽標在較小的分辨率下占用更少的空間,而不會從徽標中帶走任何元素。
面向未來的徽標
響應(yīng)式徽標的最大好處之一是,即使在較大尺寸顯示時,它們也能在所有屏幕尺寸下保持易讀性,而不必與極簡風格相抗衡。
響應(yīng)式設(shè)計允許徽標設(shè)計人員微調(diào)圖標,以描繪與多種分辨率的易讀性相關(guān)的“最佳點”。由于這些徽標的設(shè)計是根據(jù)顯示它們的設(shè)備來顯示各種細節(jié)(并且有許多屏幕尺寸可用),響應(yīng)圖標的流動性保證了它們已經(jīng)針對新設(shè)備進行了優(yōu)化。
在技術(shù)上帶來它;我們的標志都是為戰(zhàn)斗準備的!
常見問題
什么是響應(yīng)式標志?
響應(yīng)式或適應(yīng)性標志是一種可以根據(jù)不同大小、顏色背景和復(fù)雜程度進行更改或調(diào)整的標志,以適應(yīng)所需的營銷或品牌材料。擁有一個響應(yīng)的標志是任何知名品牌的基本要求。
你如何調(diào)整你的標志,使它們具有響應(yīng)性?
一個可行的選擇是簡化徽標。您可以為您的品牌推廣材料設(shè)計不同的簡化標志或設(shè)計一個簡化標志,使您的標志更具適應(yīng)性。
在設(shè)計一個響應(yīng)式標志時,你應(yīng)該記住哪些事情?
當設(shè)計一個響應(yīng)式標志時,你應(yīng)該記住三件事:簡單、多功能和極簡。雖然還有其他因素,但這些是設(shè)計簡化標志時要記住的主要因素。
你如何預(yù)見未來的標志?
創(chuàng)建一個極簡主義的標志是確保你的標志設(shè)計經(jīng)得起未來考驗的一種方法。采用極簡設(shè)計,無論屏幕大小或材料如何,您的徽標都將保持易讀性。
垂直堆疊在logo設(shè)計中有用嗎?
當處理大量文本的徽標時,垂直堆疊是一種很好的方式。這在整合到空間有限的設(shè)備或創(chuàng)意材料時尤其有用。