在我們的網頁設計中,logo常常作為公司或站點的標識出現,起著非常重要的作用。一個制作精良的logo,不僅可以很好地樹立公司形象,還可以傳達豐富的產品信息。在我們有限的調查中我們發現,一個網站首頁美觀與否往往是初次來訪的用戶決定是否進行深入瀏覽的標準,而logo作為首先印入訪問者眼簾的具體形象,其重要性可見一斑!
說到設計,我們就不得不談一下logo的傳統設計:logo傳統設計,重在傳達一定的形象與信息,真正吸引我們目光的,不是logo標志,而是其背后的圖象信息。舉個例子,一本時尚雜志的封面,相信你首先注意到的是其上漂亮的女士或得體的服裝,如果你感興趣才會進一步去了解相關的其他信息。網站logo的設計,跟傳統設計有著很多的相通性,但由于網絡本身的限制以及瀏覽習慣的不同,它還帶有許多與之相異的特點。比如網站logo一般要求簡單醒目,在少量的方寸之地,除了表達出一定的形象與信息外,還得兼顧美觀與協調。因此,一位優秀的傳統設計大師,不一定勝任網站設計;而一位網站美術設計大師,也許只是傳統設計中的菜鳥……
其實,就在我們大談logo設計的時候,感到文字的蒼白無力,因為在我們的實際制作之中,很多東西都是難于用語言表達出來的,有時候是種靈感,有時候是種仿效,而更多的時候是通過繁瑣的工作與多次的嘗試完成的。在實際的設計中沒有你非得做什么的限制,更沒有放之四海皆準的真理,但也有一些比較普遍存在的問題值得注意,而本文就將圍繞這些問題剖析我們的logo設計思路。
為了讓大家清楚明白地掌握我們的意圖,我們將用一個logo的實際制作過程進行闡述。
一、形體
1、原理
我們周圍的世界首先是一個形體的世界,即使缺少了顏色,光亮,質地等元素,大多數物體還是可以憑其形體辯認出來。因此,我們把它作為我們logo設計的第一步。
通常地,當我們開始進行logo設計時都會有一些由真實形體引發的線索:農產品公司可能會在它們的logo中放置農作物形體;出版社也許會在logo中放置書本形體;電腦公司也許會在其logo中放置電腦形體,等等。但在創作過程中少有直接了當進行放置的,藝術創作常常將自然形體與幻想設計集中在一塊,logo創作則往往通過技術提取與樸素制作來完成。
所謂"技術提取",就是在logo設計中,把實際形體與網站內容相結合,用會意體現內容,用輪廓體現形體。而"樸素制作",則是摒棄不相關的元素信息,力圖用最簡單的方式表達最豐富的內涵。一個好的logo,可以讓訪問者清楚地知道它的制作原理,但與此同時又能讓他感到很難做出同樣的效果。如圖一,我們可以清楚地看到它是由字母與線條制成,但如何實現它卻需要一些精細的工作,如層的運用,字體的鏤空,等等。
圖一
2、制作
當我們環顧四周時,我們的世界充滿了形形色色的物體,但當我們仔細觀察后會發現,不論它們的形式有多么復雜,結構多么繁瑣,最終我們都可將其歸結為一些基本的幾何形體。就是這些基本的幾何形體,如果處理得當,可以表達出豐富的內容與新意。如果你已有了logo的形體概念,那么就可以用這些基本的幾何形體去實現它;如果還沒有,不妨隨意制作一些形體然后通過一定的組織與邏輯進行logo制作。
下面我就用最簡單的長方形為例開始制作一個公司的logo:
先制作兩個長方形,然后進行移動,縮放,旋轉操作,最終結果如圖二:
圖二
圖二僅僅是兩個長方形,沒有任何指向信息與空間概念,下面我們為其賦予3d時空與指向概念。如圖三:
圖三
圖三缺少具體的形體概念,我們可以通過添加(復制)合適的長方形做到這一點。如圖四,是不是有一點信箋書軋的味道?
圖四
一個好的形體,還得遵循客觀的邏輯定理,一個叛經背道的作品很難真正讓人相信并接受。接下來我們給做好的形體加上重力作用,如圖五:
圖五
圖五的形體給人一個下墜的感覺,現在我們讓它停止下墜,這樣,形體制作完成。如圖六:
圖六
|||二、顏色
1、原理
網頁的特殊性質為我們的logo顏色選擇添加了諸如安全色等諸多限制,而其中最重要的是盡量使用最少的顏色。一方面減小圖象尺寸,另一方面以免給人過于花哨的感覺。我們應該做到"惜色如金",在進行每一種顏色的選擇時都問問自己,是否有選擇這個顏色的必要?這種顏色是要傳達一種什么信息?
當然,這種最小原則并不是處處實用,如圖七,但我們得注意,它是以不切斷色澤平衡為基礎的。
圖七
在我們的創作中,logo用色同樣要遵循客觀現實,比如一本書的封面與內頁,我們不能填充同樣的顏色,即使同樣的顏色,也得在飽和度或亮度上加以區分。logo用色可以虛擬,但不能背離。
2、制作
繼續我們的公司的logo制作:
在這個logo中,三個不同角度的方塊我們將其當作一個物體的運動過程,根據經驗,我們給它們賦予陰影狀顏色。如圖八:
圖八
好了,現在我們的圖標變得具體與有趣了,下面我們給它添加字體。
|||三、字體
1、原理:
在實際的設計中,字體的設計往往放在最開始,因為在網絡帶寬的限制下,不可能用大量的其他圖象信息來表達我們的意圖,這時我們的字體就得擔負更為重要的使命。它常常決定了整個logo的風格與形態,因此我們的習慣就是將它放在形體選擇前進行制作。
字體作為設計中非常重要的一環,我們卻只是在偶然的場合中提到,這不是因為我們不知道它的重要性,而是因為要談清楚它是一件非常復雜的事。對于一種字體,我們不僅要了解其歷史,還得弄清楚它的應用場合。哪一種字體具有古典風范,哪一種字體比較新穎,哪一種字體在這種場合中更便于閱讀,都是專業級的設計師應該考慮到的。
真正談起字體的歷史,恐怕得追溯到古埃及的象形文字,不過我們不是考古學家,對于那些古老的語言我們只需領會其"象形"就行了?,F在我們把字體的范圍限制在日常工作中經常用到的字體的圈子里,以免把話題扯得太遠了。
現代史上出現最早的字體應該是在15世紀,在此之前最為流行的字體被稱為"blackletter"字體,又叫作"old english"字體,如圖九:
圖九
這種古怪的字體非常復雜,書寫與辯認都很不容易,而更為嚴重的是,它與當時文藝復興運動提倡的希臘羅馬人文主義文化相背離。于是在第一次文藝復興時期就出現了名為"antiqua"的字體。它在繼承了古希臘與古羅馬的字體風格的基礎上,增添了大寫字母的書寫。而正是這種字體,成為了"blackletter"后所有字體的鼻祖。因此也有人把它稱作"old style"或"humanist antiqua"字體。具有諷刺意義的是,這種被稱作"老式"的字體卻在今天大行其道,無論是garamond, minion, 還是jenson字體,都因為其光亮,整潔,漂亮的輪廓外觀與人性化風格而成為今天設計之中的流行字體。另外,這種字體所特有的斜性筆壓更增添了其個性化,給人一種手繪的感覺。如圖十:
圖十
二十世紀中葉是復興字體最為盛行的時期,而一種新的字體——"sans serif"字體逐漸顯示出其強大的生命力。最初它只是少量應用于裝飾流程中,隨著"futura"字體嚴謹,實用,結構化風格逐漸被世人所接受而大量應用到其他作業中。如圖十一:
圖十一
減少潤飾,更為嚴謹實用的風格,使其成為僅僅以顯示為目的的媒體字體。
由于兩大類字體并不是平行發展的,因此在我們的實際制作中很少會有兩種字體混用的情況。一方面會破壞風格的協調,另一方面會使得字體過于復雜。但也有例外,如一個單詞中,我們常常為一個或幾個字母定制一種不同的字體以使其更為醒目,而其他字母則采用另外一種字體用以完成整個字母的表意。如圖十二中的logo,一種是更為人性化的garamond字體,一種是非常嚴謹的frutiger字體,卻由于沒有空間斷層的概念而協同配合得很好。
圖十二
logo制作中,字體的選擇起著相當重要的作用,但選擇的標準卻是沒有定式的,除了告訴你諸如"serif"字體具有古典風味,便于閱讀的特點,"sans serif"字體更趨于現代風味等沒有用的建議外,我們也沒有更多的建議。對于一個logo,我們永遠不知道倒底哪種字體才是最貼切的,我們唯一可做的,就是不斷地嘗試,直到找到讓我們自己滿意的字體。在制作初期這種繁瑣的工作可能讓你極為不耐,但當你熬過一段時間,你將會發現,無論你的藝術品味還是對事物的觀察力都提高了!因此,它是值得的!
再談一下字體大小寫的問題。一般地,無論是我們的字體還是圖象都得保持風格的一致性,因此在字體大小寫的選擇上也要遵循這個原則。選擇大寫主要是取其整齊,選擇小寫主要是圖其起伏,千萬不要大小寫混用!因為大小寫的字體,無論是寬度還是高度,以及整個字體風格都會變得格格不入。
最后談一下字體放置的問題。字體放置在哪里沒有定式,但必須遵循彼此不干擾的原則。圖上套字不是個好主意,它本來常常用在脫離不了紙張載體的傳統設計中,由于受到它們的啟發,現在很多網頁logo設計也采用這種圖上套字的憋腳方式。比較科學的字體放置方式是將其放在緊貼形體的下面,其次,右置式也是不錯的主意。
2、制作:
在形體的下方我選擇了"times"字體并輸入"company inc"字樣,全部采用小寫,重在圖出字樣的起伏。如圖十三:
圖十三
|||四、收尾工作
1、原理
當我們完成logo元素的設計與放置后就可以進入收尾工作了,包括諸如紋理,陰影,高光,漸變,透明,渲染等在內的操作。收尾工作往往使我們的logo看起來更為專業。
收尾工作我們常常通過諸如photoshop之類的圖象處理軟件完成,這方面的技巧很多,我們就不去討論了。
2、制作
前面我們講到字體與圖象的互不干擾,但我們又不能讓其失去整體概念,因此為我們的字體與圖象找到一個完美的結合點是不錯的主意。
在我們實際制作經驗中,"i"這個字母實在令人感到親睞。上部的點可以跟任何圖象承上啟下,整個字母又可以跟無論是大寫還是小寫的其他字母相匹配。這里我們也用它作為logo承上啟下的標記。去掉上部的點,并將其做成圓球狀。如圖十四:
圖十四
在圖十中我們可以看到,上部的形體占據了大部分空間,有點"頭重腳輕"的感覺?,F在我們為字體加上陰影,力求整個logo的平衡性。陰影不一定要用黑色,這應該與我們整個的logo信息一致。如圖十五,我們的logo制作完畢。
圖十五
五、總結
無論是網頁設計還是傳統設計,規則是死的,思想才是最活躍而真切的,真正決定了我們最終成果的是我們自己的文化與美學修養。上面我們做了一個logo,旨在讓大家領悟一些抽象的制作概念,而不是什么必須遵循的規則。記住那句話,"當一切都被遺忘的時候,你會發現一個新世界"!
新聞熱點
疑難解答