在這篇客座文章中,與vi字體設(shè)計公司的團(tuán)隊一起走進(jìn)幕后,分享他們根據(jù)真實客戶項目設(shè)計響應(yīng)式標(biāo)志的過程。我們走吧!
PicnicHealth 品牌設(shè)計繪圖圖標(biāo)標(biāo)識插圖iphone 標(biāo)志標(biāo)記網(wǎng)站Testmo 品牌重塑品牌標(biāo)識標(biāo)志管理工具標(biāo)記現(xiàn)代標(biāo)志圖案品牌重塑響應(yīng)式標(biāo)志測試testmo 時間跟蹤器展開Oceana 標(biāo)志建筑品牌建筑木炭圓形工程綠色網(wǎng)格圖標(biāo)身份標(biāo)志標(biāo)志設(shè)計海洋機(jī)器人單T 恤水波浪
什么是響應(yīng)式標(biāo)志?
互聯(lián)網(wǎng)上有幾篇很好的文章介紹了響應(yīng)式標(biāo)志是什么以及為什么需要它們。在本文中,我不會深入探討歷史或詳細(xì)考慮各種示例,但我會告訴您我們?nèi)绾卧赨nfold 機(jī)構(gòu)設(shè)計響應(yīng)式標(biāo)志。為此,我將采取一個真實的客戶案例,并逐步引導(dǎo)您完成所有階段。
響應(yīng)式標(biāo)志是具有設(shè)計元素的標(biāo)志,其設(shè)計元素會根據(jù)顯示它們的設(shè)備或屏幕尺寸而略有不同。
如果您不熟悉響應(yīng)式標(biāo)志的概念,這里有一個簡短的描述:響應(yīng)式標(biāo)志是一種標(biāo)志,其設(shè)計元素會根據(jù)顯示它們的設(shè)備或屏幕尺寸而略有不同,但不會影響品牌標(biāo)識??紤]的設(shè)計元素可能包括圖標(biāo)或符號、公司名稱和標(biāo)語、顏色、背景、輪廓和其他細(xì)節(jié)。
現(xiàn)在,讓vi字體設(shè)計公司繼續(xù)這個項目,您將看到我們的團(tuán)隊如何為我們的客戶開發(fā)響應(yīng)式標(biāo)志。
項目:為下一代測試工具設(shè)計一個標(biāo)志
前段時間,vi字體設(shè)計公司的團(tuán)隊找到了我們,他們創(chuàng)建了下一代測試管理工具來幫助團(tuán)隊創(chuàng)建高質(zhì)量的軟件。Testmo 的創(chuàng)始人解釋說,“軟件變得越來越復(fù)雜;用戶需要完美的應(yīng)用程序。我們幫助團(tuán)隊到達(dá)那里?!?/p>
在與客戶就視覺方向達(dá)成一致后,我們開始開發(fā)他們的標(biāo)志設(shè)計。由于我直接從事這個項目,我一頭扎進(jìn)了與測試軟件和相關(guān)領(lǐng)域相關(guān)的圖像和符號的研究。在我的研究過程中,我遇到了一篇名為“面向測試人員的六邊形架構(gòu)”的文章,并決定用六邊形制作一些草圖來開發(fā)標(biāo)志。
這個想法原來是相當(dāng)成功的,經(jīng)過一番提煉,得到如下概念:
但在向客戶展示概念之前,vi字體設(shè)計公司首先需要仔細(xì)考慮并測試所有內(nèi)容,以確保標(biāo)志設(shè)計適用于不同的應(yīng)用程序。
第1 步:單色版本
我們從標(biāo)志的單色版本開始,因為如果標(biāo)志不能以黑白方式工作,那么它在技術(shù)上就不是標(biāo)志,需要一定程度的風(fēng)格化。例如,在Dribbble 上,你可以看到很多名為“l(fā)ogo”的漂亮鏡頭。但是,標(biāo)志不是精美的圖片或插圖,而是應(yīng)該在各種條件下工作的標(biāo)志。
最重要的是,由于生產(chǎn)成本,有時只有一種顏色的墨水可用。因此,必須僅使用一種顏色來復(fù)制標(biāo)志。在這種情況下,必須按照深色背景上淺色的慣例使用標(biāo)志、標(biāo)識或符號,反之亦然。
也是在這個階段,我們選擇了與符號一起使用的排版。我們選擇合適的字體,對其進(jìn)行測試,并在必要時對其進(jìn)行修改,以使標(biāo)識和標(biāo)識看起來成為一個整體。
第2 步:全彩版
如果單色版本效果很好,那么我們開始開發(fā)全色版本。大多數(shù)情況下,它是水平的基本版本。橫向標(biāo)志主要用于網(wǎng)站、名片、廣告牌上的廣告和其他贊助產(chǎn)品。
這里的主要挑戰(zhàn)是為標(biāo)志設(shè)計找到適合淺色和深色背景的正確顏色組合。這并不總是一項簡單的任務(wù)- 有時標(biāo)志在白色和淺色背景上是完全可讀的,但在深色背景上則不然,反之亦然。完成這項任務(wù)后,您可以問心無愧地繼續(xù)前進(jìn)。
第3 步:小尺寸版本
在標(biāo)志設(shè)計方面,在Unfold,vi字體設(shè)計公司遵循以下規(guī)則:“少即是多”。換句話說,我們的目標(biāo)是同時讓標(biāo)志變得簡單、令人難忘和獨特。這很難實現(xiàn),但這樣的標(biāo)志即使在幾十年后也不會失去它的意義!但即使是小規(guī)模的簡單形式有時也會失去可讀性。因此,我們必須制作可用于特別小尺寸的標(biāo)志標(biāo)記的附加版本。
我們進(jìn)行了詳細(xì)的測試并定義了標(biāo)志的縮放比例。我們通常不建議使用小于24 像素的標(biāo)志的主要版本,而是創(chuàng)建標(biāo)志的附加版本。這里的一切都取決于標(biāo)志包含多少細(xì)節(jié)。
在創(chuàng)建一個小版本的標(biāo)志時,我們基本上在不犧牲整體概念的情況下去除了細(xì)節(jié)。例如,我們刪除線條和形狀,或者去掉不必要的顏色。
第4 步:灰度版本
如果標(biāo)志中使用了一種以上的顏色,我們會制作灰度版本。當(dāng)由于某些限制而只能使用某些墨水的色調(diào)時,這是必要的。當(dāng)需要將標(biāo)志放置在彩色背景上時,還需要避免將標(biāo)志縮小為單色版本。
下面,我將4 個版本的標(biāo)志設(shè)計放在一起,涵蓋了大多數(shù)響應(yīng)式應(yīng)用程序方面。
第5 步:垂直版本
在我們完成了標(biāo)志的水平版本(上面概述的步驟)之后,vi標(biāo)準(zhǔn)字體設(shè)計公司創(chuàng)建了一個垂直版本,即所謂的堆疊版本。
垂直版本用于方形和垂直布局格式。例如,用于印刷印刷產(chǎn)品、T 恤、馬克杯、即時通訊工具、社交網(wǎng)絡(luò)、招牌等。
vi字體設(shè)計公司寫了一篇關(guān)于如何在構(gòu)建垂直版本時保持良好平衡的詳細(xì)文章,您會在其中找到許多示例和大量有用的信息。
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢 何先生
業(yè)務(wù)咨詢 何先生
搜索感興趣的內(nèi)容