Digital Web Magazine的LOGO重新設(shè)計(jì)過程
作者：Kristof Saelen
翻譯：波希米亞

特別致謝Kristof Saelen為“Digital Web”創(chuàng)作新LOGO并編寫設(shè)計(jì)過程。
版權(quán)歸波希米亞、藍(lán)色理想(www.blueidea.com)所有。如要轉(zhuǎn)載，請與本人聯(lián)系。

自從“Digital Web Magazine”對他們的新LOGO實(shí)際上應(yīng)當(dāng)象征什么沒有主意的時(shí)候，他們就將初步的打算告訴我并全權(quán)委托給我。這不是個(gè)簡單的任務(wù)――許多問題一股腦的涌入我的腦海。我實(shí)際是在為誰設(shè)計(jì)LOGO？誰是他們的受眾？觀眾覺得什么是舒服的呢？等等……這些問題最基本的答案就是要?jiǎng)?chuàng)作出一個(gè)得體并且有代表性的LOGO來。

審核者的個(gè)人偏好、意見以及設(shè)計(jì)者的設(shè)計(jì)風(fēng)格在我們的創(chuàng)作過程中都有著很重要的影響。但是我們必須緊記，最重要的（而且往往也是最普遍的）看法是來自于讀者的。從我們產(chǎn)生第一印象到創(chuàng)作完成，這期間大概需要3個(gè)月的時(shí)間。花費(fèi)這么長時(shí)間的原因是因?yàn)樵u論者與我之間在背景和思想上的差異，而另一方面，它也有一個(gè)很大的優(yōu)勢，這就是不同的人可以彼此交流他們不同的看法與觀點(diǎn)。

起初的設(shè)計(jì)只是一個(gè)嘗試，只是泛泛地測試一下“Digital Web”的反響如何。我想，一個(gè)好的創(chuàng)意開始是來源于很獨(dú)特的想法。

后來回顧這個(gè)設(shè)計(jì)的時(shí)候，我們認(rèn)識(shí)到了一個(gè)問題，就是，字體應(yīng)當(dāng)更加的清晰易讀。就像“Digital Web”一樣，具有很好的內(nèi)容可讀性。從傳統(tǒng)上來說，“Digital Web”是兩個(gè)單詞的結(jié)合。這個(gè)觀念表面上看已經(jīng)遠(yuǎn)離了起初的考慮?！皊ans-serif”這個(gè)字體是很理想的，但是它沒有充分的詮釋出設(shè)計(jì)的特性。添加一個(gè)符號(hào)或是圖標(biāo)來替代傳統(tǒng)的字體可以讓我們設(shè)計(jì)出更有特色并且更具代表性的LOGO。符號(hào)也可以起到很好的作用，所以我們把有關(guān)字樣的問題留到后面去談。

符號(hào)

我們第二次調(diào)整，但實(shí)際是我們對符號(hào)的第一次嘗試，它是在1A觀念基礎(chǔ)上的延伸。這些設(shè)計(jì)可以在同一時(shí)間表示一個(gè)獨(dú)立的符號(hào)或是一個(gè)縮寫。這里每個(gè)符號(hào)可以象征D，W或是M，盡管字母D在2B和2D中會(huì)因?yàn)轫敳拷Y(jié)構(gòu)而被誤認(rèn)為是字母C。

在2A和2C中它們經(jīng)過改良、加粗，使其更有立體感，而不像開始那樣是單獨(dú)的部分。3A是它的再發(fā)展，但是它的條紋（特別是著色的那條）會(huì)讓我們想起一個(gè)運(yùn)動(dòng)的品牌，干脆就不是“Digital Web”所期望的。更多有關(guān)色彩的問題我們留到后面去談。

除3A外，我還嘗試了一些全新的設(shè)計(jì)，它們在這套中就顯得簡單多了。在3E和3F中我們發(fā)現(xiàn)D和W很難讀出來。3C和3D中我們制作了很大的拐角，并讓它們敞開一個(gè)缺口。3B是這套中最粗的，因?yàn)檫@樣，它看上去更樸素、更獨(dú)特。注意看它，想象一下，3B中著色的外形來自于字母W，而周圍的空白與中空恰恰塑造了字母D的形象。這是我們這個(gè)任務(wù)中的一個(gè)重大的飛躍，并且是向下延續(xù)的新基礎(chǔ)。

接下來是我們在先前制作的3B基礎(chǔ)上做一些變化。這里需要注意的是，我們在第3套中所見到的在4N中有所重現(xiàn)。在這個(gè)設(shè)計(jì)試驗(yàn)的工作中，我嘗試為我們的LOGO增加自然的價(jià)值。比如說，在4D和4L的頂端就有波浪形狀的邊緣。而其余的在左下腳也帶有圓角，就像所有在橙色與藍(lán)色行中的那樣。它們的右上角都帶有字母W的尖頭。

橙色行的前三個(gè)例子與紅色整行，因?yàn)樗鼈兇蚰サ挠疫吥┥遥沟眉夹g(shù)感不是很強(qiáng)了。我們的LOGO看起來要比普通的更顯動(dòng)態(tài)，而字母D仍留有遺跡。我嘗試在中間區(qū)域使用黑色與周圍顏色進(jìn)行對比。但是這單調(diào)的顏色看起來卻很好，雖然這里并不是真正需要這種對比，但是我們稍后要加上的伴隨字體是帶有部分黑色的。在這套中，我們看好4I，因?yàn)樗碌膭?dòng)與靜的結(jié)合，以及它的樸素。

接下來我們要做的是，使我們的LOGO底部變得平滑。注意5A的底部與右邊尖角之間的連接處，它要比先前制作的4I中的更平滑、更流線。另一個(gè)想法是像5B這樣的鑲嵌式，但是它很快就被否定了。

用符號(hào)表示是到目前為止我們見到的最好的方法，它更堅(jiān)定了我們的下一個(gè)環(huán)節(jié)。一些新的設(shè)計(jì)試驗(yàn)可以讓我們展開新的想象以鞏固我們的LOGO。這或許是它們中最瘋狂的。我們很快的意識(shí)到，在右半部上做文章是進(jìn)入了誤區(qū)，盡管6B，6F和6J很有新意。草書的樣式和平滑的頂部曲線賦予了我們的LOGO一種現(xiàn)代的、并且活躍的視覺感受。緊挨著6B的那些新的樣式，它們看起來就不那么單調(diào)和遲鈍了，所以我們的新樣式是值得探索的。

接下來的想法就是連接頂部的曲線，其中間是一個(gè)單一形狀的實(shí)心的字母D。注意7A中的字母W，由一些著色的空間組成。其中第一個(gè)成為“Digital Web”的最終選擇。隨后我繼續(xù)嘗試一些更自然的變化，但是我們發(fā)現(xiàn)字母W變得枯萎。所以7A當(dāng)之無愧。

字樣

正如我在前面所提到的，“sans-serif”字體更適合于富有現(xiàn)代感的LOGO，所以我嘗試了許多一般使用的并簡單易讀的字體。第一感覺，這些字的類型就比開始我們使用的要清晰的多。類型1的成功來自于它字符與單詞之間的白色空隙。正如你所看到的，3和4中白色空隙的使用就比其它兩個(gè)遜色了許多。因?yàn)椤甅agazine’之間的字符間距要大些，所以我盡量使‘Digital Web’的間距小些。這就主張?jiān)谒鼈冎g進(jìn)行對比，否則字母就會(huì)分的太開。同時(shí)也要注意類型1的字體也比其它的要窄些，或許另外一個(gè)原因是讓空隙看起來更好。類型1擁有了所有好字體應(yīng)當(dāng)具備的規(guī)范。

這里唯一的缺陷就是字體不夠獨(dú)特。實(shí)際上，它在網(wǎng)頁設(shè)計(jì)中是的使用是非常廣泛的，所以值得對這個(gè)獨(dú)特的面孔做一些類似以下的改良。

首先在這里你應(yīng)該注意的是它們字體的粗細(xì)。先前類型1中的很多外形都是依照這個(gè)類型，除了邊角處。為了打破常規(guī)字體的鈍化效果，最尖銳的拐角（比如字母A和字母W）都已被平滑化，以便更適合于我們的符號(hào)創(chuàng)作。不久，我們在這套中選中了6，它的字的疏密恰恰完美的表現(xiàn)了我們的LOGO的設(shè)計(jì)思想，不太粗也不太細(xì)。我們認(rèn)識(shí)到這些，并且展開一些聯(lián)想，字母B看上去有些像數(shù)字8，因此我們最好避免它發(fā)生。所以下一步，我們對這類進(jìn)行修正，這次將字母B的頂部改為90度角。

在完成設(shè)計(jì)之前，我們還有一件事情要做，那就是，將“Magazine”加入我們的LOGO。我們在之前用的字體太有棱角了。為了體現(xiàn)“Digital Web”的易讀性，這里我們?nèi)匀徊捎谩皊ans-serif”字體。它看起來樸素、簡潔，這樣就使我們的LOGO看起來更好。

色彩

在我們形成觀念和評論的過程中，我們實(shí)際上從未考慮LOGO的最終顏色。唯一考慮的就是它應(yīng)該是快樂的，清晰的，并且是靈活的。這里我使用的顏色僅僅是為了舉例，為了得到與背景很好的對比度。只用一種顏色會(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的耐心，評論以及意見