|
Digital Web Magazine的LOGO重新設(shè)計(jì)過(guò)程
作者：Kristof Saelen
翻譯：波希米亞
特別致謝Kristof Saelen為“Digital Web”創(chuàng)作新LOGO并編寫(xiě)設(shè)計(jì)過(guò)程。
版權(quán)歸波希米亞、藍(lán)色理想(m.95time.cn)所有。如要轉(zhuǎn)載，請(qǐng)與本人聯(lián)系。
自從“Digital Web Magazine”對(duì)他們的新LOGO實(shí)際上應(yīng)當(dāng)象征什么沒(méi)有主意的時(shí)候，他們就將初步的打算告訴我并全權(quán)委托給我。這不是個(gè)簡(jiǎn)單的任務(wù)——許多問(wèn)題一股腦的涌入我的腦海。我實(shí)際是在為誰(shuí)設(shè)計(jì)LOGO？誰(shuí)是他們的受眾？觀眾覺(jué)得什么是舒服的呢？等等……這些問(wèn)題最基本的答案就是要?jiǎng)?chuàng)作出一個(gè)得體并且有代表性的LOGO來(lái)。
審核者的個(gè)人偏好、意見(jiàn)以及設(shè)計(jì)者的設(shè)計(jì)風(fēng)格在我們的創(chuàng)作過(guò)程中都有著很重要的影響。但是我們必須緊記，最重要的（而且往往也是最普遍的）看法是來(lái)自于讀者的。從我們產(chǎn)生第一印象到創(chuàng)作完成，這期間大概需要3個(gè)月的時(shí)間�；ㄙM(fèi)這么長(zhǎng)時(shí)間的原因是因?yàn)樵u(píng)論者與我之間在背景和思想上的差異，而另一方面，它也有一個(gè)很大的優(yōu)勢(shì)，這就是不同的人可以彼此交流他們不同的看法與觀點(diǎn)。
起初的設(shè)計(jì)只是一個(gè)嘗試，只是泛泛地測(cè)試一下“Digital Web”的反響如何。我想，一個(gè)好的創(chuàng)意開(kāi)始是來(lái)源于很獨(dú)特的想法。
后來(lái)回顧這個(gè)設(shè)計(jì)的時(shí)候，我們認(rèn)識(shí)到了一個(gè)問(wèn)題，就是，字體應(yīng)當(dāng)更加的清晰易讀。就像“Digital Web”一樣，具有很好的內(nèi)容可讀性。從傳統(tǒng)上來(lái)說(shuō)，“Digital Web”是兩個(gè)單詞的結(jié)合。這個(gè)觀念表面上看已經(jīng)遠(yuǎn)離了起初的考慮�！皊ans-serif”這個(gè)字體是很理想的，但是它沒(méi)有充分的詮釋出設(shè)計(jì)的特性。添加一個(gè)符號(hào)或是圖標(biāo)來(lái)替代傳統(tǒng)的字體可以讓我們?cè)O(shè)計(jì)出更有特色并且更具代表性的LOGO。符號(hào)也可以起到很好的作用，所以我們把有關(guān)字樣的問(wèn)題留到后面去談。
符號(hào)
我們第二次調(diào)整，但實(shí)際是我們對(duì)符號(hào)的第一次嘗試，它是在1A觀念基礎(chǔ)上的延伸。這些設(shè)計(jì)可以在同一時(shí)間表示一個(gè)獨(dú)立的符號(hào)或是一個(gè)縮寫(xiě)。這里每個(gè)符號(hào)可以象征D，W或是M，盡管字母D在2B和2D中會(huì)因?yàn)轫敳拷Y(jié)構(gòu)而被誤認(rèn)為是字母C。
在2A和2C中它們經(jīng)過(guò)改良、加粗，使其更有立體感，而不像開(kāi)始那樣是單獨(dú)的部分。3A是它的再發(fā)展，但是它的條紋（特別是著色的那條）會(huì)讓我們想起一個(gè)運(yùn)動(dòng)的品牌，干脆就不是“Digital Web”所期望的。更多有關(guān)色彩的問(wèn)題我們留到后面去談。
除3A外，我還嘗試了一些全新的設(shè)計(jì)，它們?cè)谶@套中就顯得簡(jiǎn)單多了。在3E和3F中我們發(fā)現(xiàn)D和W很難讀出來(lái)。3C和3D中我們制作了很大的拐角，并讓它們敞開(kāi)一個(gè)缺口。3B是這套中最粗的，因?yàn)檫@樣，它看上去更樸素、更獨(dú)特。注意看它，想象一下，3B中著色的外形來(lái)自于字母W，而周圍的空白與中空恰恰塑造了字母D的形象。這是我們這個(gè)任務(wù)中的一個(gè)重大的飛躍，并且是向下延續(xù)的新基礎(chǔ)。
接下來(lái)是我們?cè)谙惹爸谱鞯?B基礎(chǔ)上做一些變化。這里需要注意的是，我們?cè)诘?套中所見(jiàn)到的在4N中有所重現(xiàn)。在這個(gè)設(shè)計(jì)試驗(yàn)的工作中，我嘗試為我們的LOGO增加自然的價(jià)值。比如說(shuō)，在4D和4L的頂端就有波浪形狀的邊緣。而其余的在左下腳也帶有圓角，就像所有在橙色與藍(lán)色行中的那樣。它們的右上角都帶有字母W的尖頭。
橙色行的前三個(gè)例子與紅色整行，因?yàn)樗鼈兇蚰サ挠疫吥┥�，使得技術(shù)感不是很強(qiáng)了。我們的LOGO看起來(lái)要比普通的更顯動(dòng)態(tài)，而字母D仍留有遺跡。我嘗試在中間區(qū)域使用黑色與周圍顏色進(jìn)行對(duì)比。但是這單調(diào)的顏色看起來(lái)卻很好，雖然這里并不是真正需要這種對(duì)比，但是我們稍后要加上的伴隨字體是帶有部分黑色的。在這套中，我們看好4I，因?yàn)樗碌膭?dòng)與靜的結(jié)合，以及它的樸素。
接下來(lái)我們要做的是，使我們的LOGO底部變得平滑。注意5A的底部與右邊尖角之間的連接處，它要比先前制作的4I中的更平滑、更流線。另一個(gè)想法是像5B這樣的鑲嵌式，但是它很快就被否定了。
用符號(hào)表示是到目前為止我們見(jiàn)到的最好的方法，它更堅(jiān)定了我們的下一個(gè)環(huán)節(jié)。一些新的設(shè)計(jì)試驗(yàn)可以讓我們展開(kāi)新的想象以鞏固我們的LOGO。這或許是它們中最瘋狂的。我們很快的意識(shí)到，在右半部上做文章是進(jìn)入了誤區(qū)，盡管6B，6F和6J很有新意。草書(shū)的樣式和平滑的頂部曲線賦予了我們的LOGO一種現(xiàn)代的、并且活躍的視覺(jué)感受。緊挨著6B的那些新的樣式，它們看起來(lái)就不那么單調(diào)和遲鈍了，所以我們的新樣式是值得探索的。
接下來(lái)的想法就是連接頂部的曲線，其中間是一個(gè)單一形狀的實(shí)心的字母D。注意7A中的字母W，由一些著色的空間組成。其中第一個(gè)成為“Digital Web”的最終選擇。隨后我繼續(xù)嘗試一些更自然的變化，但是我們發(fā)現(xiàn)字母W變得枯萎。所以7A當(dāng)之無(wú)愧。
字樣
正如我在前面所提到的，“sans-serif”字體更適合于富有現(xiàn)代感的LOGO，所以我嘗試了許多一般使用的并簡(jiǎn)單易讀的字體。第一感覺(jué)，這些字的類型就比開(kāi)始我們使用的要清晰的多。類型1的成功來(lái)自于它字符與單詞之間的白色空隙。正如你所看到的，3和4中白色空隙的使用就比其它兩個(gè)遜色了許多。因?yàn)椤甅agazine’之間的字符間距要大些，所以我盡量使‘Digital Web’的間距小些。這就主張?jiān)谒鼈冎g進(jìn)行對(duì)比，否則字母就會(huì)分的太開(kāi)。同時(shí)也要注意類型1的字體也比其它的要窄些，或許另外一個(gè)原因是讓空隙看起來(lái)更好。類型1擁有了所有好字體應(yīng)當(dāng)具備的規(guī)范。
這里唯一的缺陷就是字體不夠獨(dú)特。實(shí)際上，它在網(wǎng)頁(yè)設(shè)計(jì)中是的使用是非常廣泛的，所以值得對(duì)這個(gè)獨(dú)特的面孔做一些類似以下的改良。
首先在這里你應(yīng)該注意的是它們字體的粗細(xì)。先前類型1中的很多外形都是依照這個(gè)類型，除了邊角處。為了打破常規(guī)字體的鈍化效果，最尖銳的拐角（比如字母A和字母W）都已被平滑化，以便更適合于我們的符號(hào)創(chuàng)作。不久，我們?cè)谶@套中選中了6，它的字的疏密恰恰完美的表現(xiàn)了我們的LOGO的設(shè)計(jì)思想，不太粗也不太細(xì)。我們認(rèn)識(shí)到這些，并且展開(kāi)一些聯(lián)想，字母B看上去有些像數(shù)字8，因此我們最好避免它發(fā)生。所以下一步，我們對(duì)這類進(jìn)行修正，這次將字母B的頂部改為90度角。
在完成設(shè)計(jì)之前，我們還有一件事情要做，那就是，將“Magazine”加入我們的LOGO。我們?cè)谥坝玫淖煮w太有棱角了。為了體現(xiàn)“Digital Web”的易讀性，這里我們?nèi)匀徊捎谩皊ans-serif”字體。它看起來(lái)樸素、簡(jiǎn)潔，這樣就使我們的LOGO看起來(lái)更好。
色彩
在我們形成觀念和評(píng)論的過(guò)程中，我們實(shí)際上從未考慮LOGO的最終顏色。唯一考慮的就是它應(yīng)該是快樂(lè)的，清晰的，并且是靈活的。這里我使用的顏色僅僅是為了舉例，為了得到與背景很好的對(duì)比度。只用一種顏色會(huì)使我們的LOGO更適合于各類設(shè)計(jì)形式。符號(hào)與“Magazine”字體的顏色可以依賴于網(wǎng)站的顏色�！癉igital Web”的文字用白字黑底或黑字白底都可以。
我們制作的這個(gè)LOGO應(yīng)當(dāng)能輕易的適合于網(wǎng)站的全新設(shè)計(jì)。讓我們預(yù)祝它能夠更好地在世人面前展示“Digital Web”的魅力。
特別感謝Nick Finck 和Jesse Nieminen的耐心，評(píng)論以及意見(jiàn)。
出處：藍(lán)色理想
責(zé)任編輯：藍(lán)色
|
