本文介紹了我們?nèi)绾螌⒁粡垎紊兂沙錆M視覺吸引力的設(shè)計(jì)
科爾是一個(gè)大忙人。他是四重奏樂隊(duì)的其中一名成員，而他自己還有一支爵士樂隊(duì)，他本人還帶領(lǐng)6個(gè)學(xué)生，作為一名音樂家，他總是忙得不可開交。他彈奏的樂器是大提琴和低音提琴，這些樂器的外觀就如其演奏的音樂一樣迷人。而他的名片由于其簡單的設(shè)計(jì)而顯得非?？帷粌H僅是在印刷時(shí)成本更低廉，而是其通過簡單的元素卻能傳達(dá)出很多的視覺信息。整張卡片的顏色對比度并不高，使到其表現(xiàn)元素雖然占據(jù)著卡片的主要空間，但卻沒有給人一種過于壓抑的感覺。它傳達(dá)了一種手工藝的古典感覺，而且版面開闊不擁擠，可以說，整個(gè)版面給人的感覺是既簡單但又充滿活力。為了達(dá)到這種效果，我們在設(shè)計(jì)的過程中有很多因素需要考慮，透過這個(gè)設(shè)計(jì)的過程，看一下我們能夠?qū)W會什么。
上述這張卡片只有一種色調(diào)，無論是設(shè)計(jì)還是印刷都顯得更加經(jīng)濟(jì)。但在設(shè)計(jì)這個(gè)過程中涉及到一些很重要的技巧，其中關(guān)鍵之處在于通過一種色調(diào)表達(dá)三種層次——深、中、淺。通過層次我們可以對表現(xiàn)元素進(jìn)行更加靈活的處理同時(shí)又不會讓其喧賓奪主。字體采用一種具有現(xiàn)代感的字體，而字體的尺寸選擇使我們能夠輕易閱讀相關(guān)文字。而其中的線條采用了一種粗畫筆效果，傳達(dá)了一種陽剛及活力。另外，我們同樣選擇一種表面不光滑的紙張印刷，進(jìn)一步強(qiáng)調(diào)這種活力。
從“關(guān)鍵詞”開詞
我們在著手開始設(shè)計(jì)時(shí)，首先要決定你希望讓你的設(shè)計(jì)傳達(dá)什么信息。這一點(diǎn)對于版面很小、每個(gè)細(xì)節(jié)都要充分考慮的情況下顯得尤為重要。所以你要決定設(shè)計(jì)中的“關(guān)鍵詞”是什么。
讓我們尋找一些能夠符合科爾先生特點(diǎn)的一些詞匯。比如，對于古典音樂及那些精美的演奏樂器，我們或許會找到一些相關(guān)詞匯：正式，藝術(shù)，手工，專業(yè)，陽剛，手藝精巧。為了表達(dá)爵士及科爾先生的個(gè)性，我們可以有：親切，隨和，歡樂，輕快。你會發(fā)現(xiàn)，這些特點(diǎn)有些是相反的。比如，正式/隨和，古曲/輕快。這就是你希望的：相反的特點(diǎn)表現(xiàn)在設(shè)計(jì)中會顯得更有張力，也更有助于你設(shè)計(jì)一個(gè)更好的設(shè)計(jì)。
由于在設(shè)計(jì)中，成本是一個(gè)我們需要面對的因素，我們不打算采用圖片來設(shè)計(jì)版面，而是在傳統(tǒng)線條的基礎(chǔ)上創(chuàng)造一種風(fēng)格。在下面，我們將會看到線條是如何與大小、顏色及顏色數(shù)值一起來綜合考慮以達(dá)到我們設(shè)計(jì)的目的。
在設(shè)計(jì)中，就算一些細(xì)微的差別，都會傳達(dá)不同的意思：
選擇什么線條？
線條具有很強(qiáng)的表達(dá)能力。仔細(xì)觀察你的圖片，看一下這些線條在傳達(dá)什么樣的信息？
小提琴、中提琴、大提琴及低音樂器具有世界上最漂亮的線條，仔細(xì)觀察這些圖片，然后寫下你所看到的：
畫線條：
上圖A是由鴨嘴筆所畫的線條，感覺就象一條飄帶，傳達(dá)了一種動感、流水、開闊的感覺，讓人聯(lián)想到隨意、感性、女性等特征。B是只有一種寬度的線條，給人的感覺是中性的，無變化的。
但我們在設(shè)計(jì)中希望線條給人一種陽剛氣，而線條的特性卻給人一種女性的感覺，所以我們需要對線條進(jìn)行改造，我們希望線條更粗曠、流動感較弱。在矢量軟件中，我們將鋼筆線條用畫筆效果來描繪，可以輕易實(shí)現(xiàn)我們的目標(biāo)。
與那些優(yōu)雅平滑的線條不同，炭筆效果的線條顯得更加粗壯，也更加粗糙。在Adobe
Illustrator軟件里，要實(shí)現(xiàn)這種效果很容易：
1 、打開軟件后，置入您的圖片（像素并不需要太高），然后用鋼筆工具或鉛筆工具描繪圖片的輪廓，在描繪時(shí)，并不需要非常精確。描繪完后隱藏圖片。
多大？如何處理？以哪一種方式處理？
尺寸、位置及方向的不同處理方式直接影響了圖片的傳達(dá)。在處理版面時(shí)，首先要使信息能夠清晰傳達(dá)，其次才是如何將它調(diào)整得漂亮。
A：將整個(gè)元素盡量縮小，使到其完全容納在版面中。這樣處理雖然可以接受，但所要傳達(dá)的信息在哪里？它看起來無足輕重。但低音提琴給人的感覺是很大的，而且還能演奏出響亮的聲效。但A的處理給人的感覺好象是小巧的，并不是主要的元素。需要注意的是：我們在設(shè)計(jì)中安排對象是要與它本身給人的感覺是一致的。
B：元素非常大，具有一種很吸引人的效果。然而，圖片在水平剪切時(shí)上下靠得太近，使到傳達(dá)元素特性的主要輪廓消失。導(dǎo)致它傳達(dá)的信息并不清晰的。
C：側(cè)放的元素使其呈水平感。雖然它現(xiàn)在能夠與整個(gè)版面配合，但問題是，它傳達(dá)的信息并不準(zhǔn)確，它給人的感覺象是一把吉它，而不是提琴。
D：垂直擺放，我們將整個(gè)版面旋轉(zhuǎn)成垂直，以配合元素的固有特征，現(xiàn)在整個(gè)元素與版面非常搭配。但是，在上方形成了一個(gè)并不吸引人的空白區(qū)域，而下方又給人一種很厚重的感覺。
E：將元素放大，使整個(gè)版面形成兩個(gè)空間。在視覺上（不是指面積）給人的感覺趨于平衡，而且也能夠充分表現(xiàn)那些粗糙的線條及主要的特征。這也是我們最后確定的選擇。
選擇什么顏色？
顏色至關(guān)重要。我們在這個(gè)例子中并不是要采用很多種顏色，而是只采用一種色調(diào)來傳達(dá)不同的層次。其中的關(guān)鍵是顏色飽和度的選擇！
色輪直觀呈現(xiàn)了色彩之間的關(guān)系，色輪中的色彩都非常飽和，其色彩對于古典音樂甚至是爵士樂來說都顯得過于明亮。上述右方的顏色可以說是一種幼兒園的顏色，如果你有注意到，你會發(fā)現(xiàn)很多兒童在畫畫時(shí)會經(jīng)常選擇這些顏色。而我們要選擇的顏色并不需要太高的飽和度。
而上圖則是低飽和度的顏色，理論上，這些顏色相對于上述的顏色來說，是由于滲入了灰色所致。這些低飽和度的顏色其色相無論是深淺都更加接近。在Photoshop里，可以降低某一種顏色的飽和度，在選擇一種顏色后，打開色調(diào)/飽和度對話框（上圖所示），將滑桿移到負(fù)數(shù)的一邊，在這里我們選擇-60。另外，由于我們在這個(gè)設(shè)計(jì)中需要一種較暗的顏色，所以在明度滑桿中，我們設(shè)為-40。
這些低飽和度的顏色顯得較暗，傳達(dá)了一種久遠(yuǎn)、傳統(tǒng)、專業(yè)的氣息。
選擇哪一種顏色數(shù)值？
因?yàn)椴伙柡蜕世锩嬗泻芏嗷疑栽陬伾兞粱蜃兩顣r(shí)都不會改變它們主要的色調(diào)。這種特性使到我們可以通過一種顏色來形成不同的層次感。
由于在設(shè)計(jì)中，我們始終都是在用同一種色調(diào)，為了保證在運(yùn)用上的靈活性，我們在開始選擇顏色時(shí)必需選擇一種較深的顏色，以便為下一步的顏色調(diào)整留有余地。據(jù)此，我們將剛才的那些低飽和度顏色進(jìn)一步降低飽和度，上圖為統(tǒng)一調(diào)整到-60時(shí)的效果。你會看到，經(jīng)過進(jìn)一步的調(diào)整后，所有不飽和度的顏色看起來感覺更加接近。也可以說，它們在應(yīng)用上都具有更多的靈活性。其中改變的是灰色，但色相仍然透露出不同的顏色主調(diào)。
如果說，色輪幫助我們確定顏色的范圍，那現(xiàn)在，我們要將剛才的顏色（一般是四色印刷色）變成專色（Spot colour），所以我們需要用到專匹配系統(tǒng)模式（Pantone
Matching system）。在Photoshop軟件的顏色庫里有專色（Pantone）一項(xiàng)。
我們決定采用“專色5815 ”及降低50%的色調(diào)。如果將這兩種顏色放在白紙上，可以傳達(dá)三種不同的層次感：深，中，亮。觀察下圖中顏色的四種分配方式：
*你可以購買到印刷版的Pantone色卡（見上）。在電腦上顯示的這些專色顏色其實(shí)只是一種模擬色，最真實(shí)的觀察仍然是查對色卡上的顏色。
選擇什么字體？
相似：字體與線條具有相似的特點(diǎn)往往能夠形成和諧的搭配，Lettres Eclatees字體與畫筆效果的線條具有很多相似的地方。兩者線條都具有較粗、隨意、不平滑的特點(diǎn)。但這種字體也只是在轉(zhuǎn)角位處才呈現(xiàn)這種特點(diǎn)。問題是，主要的元素線條非常長，而且逶迤流動，但這種字體卻顯得較矮小，給人一種墨點(diǎn)的感覺。如果兩者重疊在一起排版，在視覺上將會互相排擠。另外，字體顯得粗糙，這一特性與科爾先生的特征并不相配。所以我們更傾向于選擇一種簡潔的字體。
沖突：你可能會認(rèn)為Palatino字體是一個(gè)不錯(cuò)的選擇。它的歷史與這種提琴的歷史幾乎一樣長。它是一種正體，結(jié)構(gòu)開闊，傳達(dá)了一種權(quán)威、尊貴、正式、古典的味道，線條呈硬朗感，輪廓分明。既然這種字體有種種優(yōu)點(diǎn)，但為什么在這個(gè)例子中卻沒有發(fā)揮其應(yīng)有的作用？因?yàn)檫@種字體的細(xì)節(jié)與線條的細(xì)節(jié)大小過于接近，同時(shí)，兩者的風(fēng)格卻完全不同。當(dāng)兩者放在一起時(shí)，這些過于相似但卻不同風(fēng)格的細(xì)節(jié)便出現(xiàn)視覺沖突。
互補(bǔ)：Ultra-sleek
Helvetica Neun Thin Extended字體與主要元素的線條毫無相似之處。這種字體的線條幼細(xì)、干凈、樸實(shí)。而元素的線條剛是粗壯粗糙。這使到在一個(gè)版面中，元素的線條仍然能夠支配整個(gè)版面，而字體由于其結(jié)構(gòu)特點(diǎn)傳達(dá)的是一種干脆利落的聲音。名字及職業(yè)描述的文字采用全大寫體，并且處于卡片高度中間的顯要位置，而其它文字則用小字。所有文字都是左對齊。
