【譯者的話】 設(shè)計(jì)的終極目的是必須能夠解決問題。正如本文所介紹的兩用式宣傳單張，它由兩部分組成，一部分是介紹性的文字或圖片，而另一部分是為了讓客戶達(dá)到某種目的，這一部分設(shè)計(jì)成可以撕下，其功能多多：可以讓客戶作為優(yōu)惠贈(zèng)券、門票、憑證、宣傳等等，讓你的客戶再次回到你的身邊!
原文出處：www.bamagazine.com
對(duì)于一家非盈利機(jī)構(gòu)來說，非常適合采用低成本的直郵廣告宣傳。但現(xiàn)在的垃圾直郵廣告鋪天蓋地，你如何讓你的單張?jiān)谶@些廣告中能夠盡快引起別人的注意？我們現(xiàn)在就面臨這樣的挑戰(zhàn)：我們需要讓這張單張有一種可信賴的感覺并能夠有效傳達(dá)信息，而且還希望得到客戶回音。
圣菲洛米彌收容所是一個(gè)為無家可歸的人服務(wù)的慈善機(jī)構(gòu)，它會(huì)定期通過舉辦一些活動(dòng)來籌集善款。我們已經(jīng)為該機(jī)構(gòu)設(shè)計(jì)了兩用式的宣傳單張，該單張傳達(dá)了該機(jī)構(gòu)的信譽(yù)及權(quán)威，同時(shí)，在該單張下方有一張可撕式的回復(fù)卡片（已經(jīng)在卡片與上方內(nèi)容的分界地方預(yù)先打了排孔以方便撕下）。我們是如何設(shè)計(jì)的？
（點(diǎn)擊上圖看大圖）
（譯注：為了使讀者能夠?qū)@個(gè)設(shè)計(jì)的背景及內(nèi)容有一個(gè)更清晰的了解，現(xiàn)將上圖正文的文字譯出：
敬啟者：
支持我們幫助那些不幸的人。
圣菲洛米彌收容所是一家特殊的慈善機(jī)構(gòu)。我們不但致力于向我們城市的流浪漢提供食物、衣服及棲身之所，而且還幫助他們成為社會(huì)中有用的一員。
凡參加我們的“求職協(xié)助計(jì)劃”的人員可每天接受教育，使他們掌握適當(dāng)?shù)墓ぷ骷寄?、形象及社交技巧。我們的目?biāo)是幫助每一個(gè)成員獲得一份全職的工作，以便他們能獨(dú)立生活，讓街上減少更多的無家可居的人。當(dāng)然，這個(gè)計(jì)劃并不是面向所有的人。
我們只幫助及鼓勵(lì)那些已經(jīng)嘗試過求職但屢屢失敗的人。我們并不會(huì)浪費(fèi)我們的時(shí)間及需要太多資源去幫助那些不想求職的人。
圣菲洛米彌收容所有賴于個(gè)人或商業(yè)機(jī)構(gòu)的私人捐款。請(qǐng)參加我們一年一度的“星空下的夜晚”籌款活動(dòng)。在羅林斯公園，你可享受我們本市最好的食物，并在星空下盡情起舞。每對(duì)參與者的捐款額為 150 美元。你還有機(jī)會(huì)贏得眾多捐贈(zèng)的獎(jiǎng)品。
非常感謝您的支持。
約瑟夫?米勒
發(fā)起人
下方為回郵卡片，卡片上有抽獎(jiǎng)號(hào)碼，有意參加人的可直接填妥個(gè)人資料寄回。）
這種預(yù)先打上排孔的可撕式設(shè)計(jì)由兩部分區(qū)域構(gòu)成，也發(fā)揮兩種作用。上圖采用平靜優(yōu)雅的文字，表明了這家機(jī)構(gòu)的慈善性質(zhì)，這部分主要是要表明“你是誰(shuí)”及“你做什么”這些信息。而下方或撕下的部分則有非常廣泛的用途，如：意見反饋、憑證、優(yōu)惠券、位置示意圖、日歷或象本文這個(gè)例子中的作用：作為抽獎(jiǎng)券。
設(shè)計(jì)這種單張首先必須向讀者表明“你是誰(shuí)”，在這個(gè)設(shè)計(jì)中，我們?cè)谏戏捷^大的空間中采用一個(gè)木鑲十字架元素，立即傳達(dá)了該機(jī)構(gòu)的威嚴(yán)、莊重及傳統(tǒng)氣息。
整張紙的高度為 3. 5 × 4( 英寸 ) ，上方為 10.5 英寸 ，下方撕下部分為 3.5 英寸，為了使上下兩部分能夠在視覺上容易區(qū)分，上方區(qū)域采用了顏色背景，而下方留白。上方區(qū)域的周圍留有白邊，起到邊框的作用，同時(shí)，在上方著色背景里，還有一個(gè)細(xì)邊框，以使整個(gè)版面給人一種莊重的感覺。在上方開闊的區(qū)域里擺放的圖片，使它輕易成為了一個(gè)視覺焦點(diǎn)，它同時(shí)也傳達(dá)了一種權(quán)威及信任感。
背景顏色其實(shí)來自于圖片顏色！為了輕易達(dá)到顏色和諧，我們用吸管在圖片上取一種主色，并增加明度，使其變淺，一種色彩理論上可形成無數(shù)種明度色階，在這里，我們要注意的是，既要給人一種溫曖的感覺，但同時(shí)又不可干擾放在上面文字的可讀性。我們最終采用的顏色為一種較為溫和又給人一種羊皮紙的那種色澤，這再次強(qiáng)化了版面所傳達(dá)那種莊嚴(yán)及悠遠(yuǎn)的氣息。
文字必須同樣能夠傳達(dá)歷史及與慈善機(jī)構(gòu)相符的形象
為了能夠傳達(dá)歷史、嚴(yán)肅等形象，我們使用襯線字體，這些襯線字體從羅馬時(shí)代就已經(jīng)存在，而且這些字體外觀漂亮。留意這些字體有很多細(xì)節(jié)，與圖片的細(xì)節(jié)是相呼應(yīng)的。
字母中的襯線就象圖片中的飾紋，上圖中的圓圈處均為字母及圖片上的一些細(xì)節(jié)，這些細(xì)節(jié)使整個(gè)構(gòu)成顯得復(fù)雜，同時(shí)視覺上也很有趣――因?yàn)閮烧吆芟嗨?。留意無論是圖片還是字母都各自形成了輪廓上的對(duì)比：開闊的區(qū)域與那些細(xì)小的弧線產(chǎn)生對(duì)比。這些細(xì)節(jié)傳達(dá)了一種歷史悠久的感覺。因?yàn)閷?duì)于很多古老的藝術(shù)表現(xiàn)形式，它們都比當(dāng)代的藝術(shù)采用更多的繁瑣細(xì)節(jié)來裝飾。
所有字母均大寫，與題目本身的含義很相配。上面主要的名稱為一行，下面的副標(biāo)題為一行。但留意，由于上圖這些文字排列得比較密，文字整體形成一個(gè)較為封閉的區(qū)域，導(dǎo)致文字與上方的圖象沒有形成良好的搭配――缺少藝術(shù)感的對(duì)比。
而在上圖中，行距并沒有改變，而第二行的副標(biāo)題的尺寸則縮小為原來尺寸的 70% ，顏色上也是原來黑色的 70% 的灰度，而字母間距則設(shè)為 400% 。這樣處理的結(jié)果就是使文字形成了層次感――第一行的主標(biāo)題顯得比第二行要更重要，而且由于字母間距非常開闊，文字變得更加輕盈，使你的眼睛在觀看時(shí)能夠更自由移地，而且沒有與上方圖片互相沖突。
上下保持一致：
莊嚴(yán)意味著平靜、穩(wěn)定及力量感。從視覺上說，這意味著在處理版面時(shí)不需要有太多的動(dòng)感及過于醒目的對(duì)比。而這些我們可以通過文字的處理達(dá)到這種效果。
上圖中， 1 和 3 的文字樣式完全相同，而且均是居中對(duì)齊。 3 這個(gè)地方只有一行文字，起到了一種“基礎(chǔ)”的作用，加強(qiáng)了底部的承托。
而 2 的地方，即主要的文字，周圍有很大的頁(yè)邊距，這樣是為了使它不與其它元素產(chǎn)生聯(lián)系。由于左右頁(yè)邊距較大，所以正文內(nèi)容每一行的長(zhǎng)度都較短，這樣的好處是使讀者的眼睛在觀看時(shí)能夠更趨于頁(yè)面內(nèi)部，較短的文字使讀者閱讀起來更舒服。
上圖為最下方的版面。這個(gè)需要撕下來的區(qū)域應(yīng)該是上面整體設(shè)計(jì)的補(bǔ)充，同時(shí)具有它自己的功能。最簡(jiǎn)單的方式就是復(fù)制上方的文字，直接用在下方，但縮小文字尺寸，這里的文字是將標(biāo)題與地址等聯(lián)系信息都放在一起，仍然保持周圍有較大的頁(yè)邊距。右邊是填寫聯(lián)系信息的地方，線與線之間至少要有 18Pt （上圖采用 26Pt ）。當(dāng)然，還要在線端加上填寫的信息名稱（如姓名、地址等），這些線端的信息名稱字體仍然與其它地方的字體一樣，但尺寸同樣不能太大。
這種可撕式的設(shè)計(jì)樣式可以有很多種變化。在實(shí)際應(yīng)用中，這種可撕下的設(shè)計(jì)最大的作用就是將它設(shè)計(jì)成某種票券、優(yōu)惠券等，吸引你的客戶再次回到你的身邊。
再看下面這兩個(gè)例子：
（點(diǎn)擊上圖看大圖）
當(dāng)你再次光臨花店時(shí)憑此單可節(jié)省 10 元，這種信息無疑非常吸引消費(fèi)者，悅目的設(shè)計(jì)加上大優(yōu)惠――當(dāng)然能夠起到很好的推廣效果。在上方的介紹中你可以加進(jìn)花店的宣傳文字及圖片，也可以采用與下方不同類型的花朵圖片。
（點(diǎn)擊上圖看大圖）
上圖為一張有關(guān)兒童安全椅的使用信息，表格的設(shè)計(jì)看起來給人一種專業(yè)的感覺，同時(shí)也給那些忙得沒有照顧自己小孩的父母提供有價(jià)值的信息。與優(yōu)惠券不同，這種設(shè)計(jì)的作用是讓人保留你的這種信息，讓有需要的人時(shí)常拿出來看。記得將你的聯(lián)系方式寫在上面，當(dāng)別人有需要的時(shí)候，當(dāng)然會(huì)第一個(gè)想起你。
本文所用顏色數(shù)值如下：
【譯者的話】 設(shè)計(jì)低成本小型卡片意味著只有一種顏色，卡片尺寸只有名片般大小。本文通過設(shè)計(jì)一張卡片為例，詳細(xì)說明了在設(shè)計(jì)時(shí)如何考慮對(duì)象元素、尺寸、排版及顏色，而這些思考因素，卻不僅僅是在設(shè)計(jì)卡片時(shí)才需要用到，而是在設(shè)計(jì)任何一種版面時(shí)都是你會(huì)面對(duì)的挑戰(zhàn)。
原文出處：www.bamagazine.com
本文介紹了我們?nèi)绾螌⒁粡垎紊兂沙錆M視覺吸引力的設(shè)計(jì)
吉姆?科爾是一個(gè)大忙人。他是四重奏樂隊(duì)的其中一名成員，而他自己還有一支爵士樂隊(duì)，他本人還帶領(lǐng) 6 個(gè)學(xué)生，作為一名音樂家，他總是忙得不可開交。他彈奏的樂器是大提琴和低音提琴，這些樂器的外觀就如其演奏的音樂一樣迷人。而他的名片由于其簡(jiǎn)單的設(shè)計(jì)而顯得非?？屺D―不僅僅是在印刷時(shí)成本更低廉，而是其通過簡(jiǎn)單的元素卻能傳達(dá)出很多的視覺信息。整張卡片的顏色對(duì)比度并不高，使到其表現(xiàn)元素雖然占據(jù)著卡片的主要空間，但卻沒有給人一種過于壓抑的感覺。它傳達(dá)了一種手工藝的古典感覺，而且版面開闊不擁擠，可以說，整個(gè)版面給人的感覺是既簡(jiǎn)單但又充滿活力。為了達(dá)到這種效果，我們?cè)谠O(shè)計(jì)的過程中有很多因素需要考慮，透過這個(gè)設(shè)計(jì)的過程，看一下我們能夠?qū)W會(huì)什么。
上述這張卡片只有一種色調(diào)，無論是設(shè)計(jì)還是印刷都顯得更加經(jīng)濟(jì)。但在設(shè)計(jì)這個(gè)過程中涉及到一些很重要的技巧，其中關(guān)鍵之處在于通過一種色調(diào)表達(dá)三種層次――深、中、淺。通過層次我們可以對(duì)表現(xiàn)元素進(jìn)行更加靈活的處理同時(shí)又不會(huì)讓其喧賓奪主。字體采用一種具有現(xiàn)代感的字體，而字體的尺寸選擇使我們能夠輕易閱讀相關(guān)文字。而其中的線條采用了一種粗畫筆效果，傳達(dá)了一種陽(yáng)剛及活力。另外，我們同樣選擇一種表面不光滑的紙張印刷，進(jìn)一步強(qiáng)調(diào)這種活力。
從“關(guān)鍵詞”開詞
我們?cè)谥珠_始設(shè)計(jì)時(shí)，首先要決定你希望讓你的設(shè)計(jì)傳達(dá)什么信息。這一點(diǎn)對(duì)于版面很小、每個(gè)細(xì)節(jié)都要充分考慮的情況下顯得尤為重要。所以你要決定設(shè)計(jì)中的“關(guān)鍵詞”是什么。
讓我們尋找一些能夠符合科爾先生特點(diǎn)的一些詞匯。比如，對(duì)于古典音樂及那些精美的演奏樂器，我們或許會(huì)找到一些相關(guān)詞匯： 正式，藝術(shù)，手工，專業(yè)，陽(yáng)剛，手藝精巧。 為了表達(dá)爵士及科爾先生的個(gè)性，我們可以有： 親切，隨和，歡樂，輕快。 你會(huì)發(fā)現(xiàn)，這些特點(diǎn)有些是相反的。比如，正式 / 隨和，古曲 / 輕快。這就是你希望的：相反的特點(diǎn)表現(xiàn)在設(shè)計(jì)中會(huì)顯得更有張力，也更有助于你設(shè)計(jì)一個(gè)更好的設(shè)計(jì)。
由于在設(shè)計(jì)中，成本是一個(gè)我們需要面對(duì)的因素，我們不打算采用圖片來設(shè)計(jì)版面，而是在傳統(tǒng)線條的基礎(chǔ)上創(chuàng)造一種風(fēng)格。在下面，我們將會(huì)看到線條是如何與大小、顏色及顏色數(shù)值一起來綜合考慮以達(dá)到我們?cè)O(shè)計(jì)的目的。
在設(shè)計(jì)中，就算一些細(xì)微的差別，都會(huì)傳達(dá)不同的意思：
選擇什么線條？
線條具有很強(qiáng)的表達(dá)能力。仔細(xì)觀察你的圖片，看一下這些線條在傳達(dá)什么樣的信息？
小提琴、中提琴、大提琴及低音樂器具有世界上最漂亮的線條，仔細(xì)觀察這些圖片，然后寫下你所看到的：
畫線條：
上圖 A 是由鴨嘴筆所畫的線條，感覺就象一條飄帶，傳達(dá)了一種動(dòng)感、流水、開闊的感覺，讓人聯(lián)想到隨意、感性、女性等特征。 B 是只有一種寬度的線條，給人的感覺是中性的，無變化的。
但我們?cè)谠O(shè)計(jì)中希望線條給人一種陽(yáng)剛氣，而線條的特性卻給人一種女性的感覺，所以我們需要對(duì)線條進(jìn)行改造，我們希望線條更粗曠、流動(dòng)感較弱。在矢量軟件中，我們將鋼筆線條用畫筆效果來描繪，可以輕易實(shí)現(xiàn)我們的目標(biāo)。
與那些優(yōu)雅平滑的線條不同，炭筆效果的線條顯得更加粗壯，也更加粗糙。在 Adobe Illustrator 軟件里，要實(shí)現(xiàn)這種效果很容易：
1 、打開軟件后，置入您的圖片（像素并不需要太高），然后用鋼筆工具或鉛筆工具描繪圖片的輪廓，在描繪時(shí)，并不需要非常精確。描繪完后隱藏圖片。
多大？如何處理？以哪一種方式處理？
尺寸、位置及方向的不同處理方式直接影響了圖片的傳達(dá)。在處理版面時(shí)，首先要使信息能夠清晰傳達(dá)，其次才是如何將它調(diào)整得漂亮。
A ：將整個(gè)元素盡量縮小，使到其完全容納在版面中。這樣處理雖然可以接受，但所要傳達(dá)的信息在哪里？它看起來無足輕重。但低音提琴給人的感覺是很大的，而且還能演奏出響亮的聲效。但 A 的處理給人的感覺好象是小巧的，并不是主要的元素。需要注意的是：我們?cè)谠O(shè)計(jì)中安排對(duì)象是要與它本身給人的感覺是一致的。
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)重要。我們?cè)谶@個(gè)例子中并不是要采用很多種顏色，而是只采用一種色調(diào)來傳達(dá)不同的層次。其中的關(guān)鍵是顏色飽和度的選擇！
色輪直觀呈現(xiàn)了色彩之間的關(guān)系，色輪中的色彩都非常飽和，其色彩對(duì)于古典音樂甚至是爵士樂來說都顯得過于明亮。上述右方的顏色可以說是一種幼兒園的顏色，如果你有注意到，你會(huì)發(fā)現(xiàn)很多兒童在畫畫時(shí)會(huì)經(jīng)常選擇這些顏色。而我們要選擇的顏色并不需要太高的飽和度。
而上圖則是低飽和度的顏色，理論上，這些顏色相對(duì)于上述的顏色來說，是由于滲入了灰色所致。這些低飽和度的顏色其色相無論是深淺都更加接近。在 Photoshop 里，可以降低某一種顏色的飽和度，在選擇一種顏色后，打開色調(diào) / 飽和度對(duì)話框（上圖所示），將滑桿移到負(fù)數(shù)的一邊，在這里我們選擇 -60 。另外，由于我們?cè)谶@個(gè)設(shè)計(jì)中需要一種較暗的顏色，所以在明度滑桿中，我們?cè)O(shè)為 -40 。
這些低飽和度的顏色顯得較暗，傳達(dá)了一種久遠(yuǎn)、傳統(tǒng)、專業(yè)的氣息。
選擇哪一種顏色數(shù)值？
因?yàn)椴伙柡蜕世锩嬗泻芏嗷疑?，所以在顏色變亮或變深時(shí)都不會(huì)改變它們主要的色調(diào)。這種特性使到我們可以通過一種顏色來形成不同的層次感。
由于在設(shè)計(jì)中，我們始終都是在用同一種色調(diào)，為了保證在運(yùn)用上的靈活性，我們?cè)陂_始選擇顏色時(shí)必需選擇一種較深的顏色，以便為下一步的顏色調(diào)整留有余地。據(jù)此，我們將剛才的那些低飽和度顏色進(jìn)一步降低飽和度，上圖為統(tǒng)一調(diào)整到 -60 時(shí)的效果。你會(huì)看到，經(jīng)過進(jìn)一步的調(diào)整后，所有不飽和度的顏色看起來感覺更加接近。也可以說，它們?cè)趹?yīng)用上都具有更多的靈活性。其中改變的是灰色，但色相仍然透露出不同的顏色主調(diào)。
如果說，色輪幫助我們確定顏色的范圍，那現(xiàn)在，我們要將剛才的顏色（一般是四色印刷色）變成專色（ Spot colour ），所以我們需要用到專匹配系統(tǒng)模式（ Pantone Matching system ）。在 Photoshop 軟件的顏色庫(kù)里有專色（ Pantone ）一項(xiàng)。
我們決定采用“專色 5815 ”及降低 50% 的色調(diào)。如果將這兩種顏色放在白紙上，可以傳達(dá)三種不同的層次感：深，中，亮。觀察下圖中顏色的四種分配方式：
* 你可以購(gòu)買到印刷版的 Pantone 色卡（見上）。在電腦上顯示的這些專色顏色其實(shí)只是一種模擬色，最真實(shí)的觀察仍然是查對(duì)色卡上的顏色。
選擇什么字體？
相似： 字體與線條具有相似的特點(diǎn)往往能夠形成和諧的搭配， Lettres Eclatees 字體與畫筆效果的線條具有很多相似的地方。兩者線條都具有較粗、隨意、不平滑的特點(diǎn)。但這種字體也只是在轉(zhuǎn)角位處才呈現(xiàn)這種特點(diǎn)。問題是，主要的元素線條非常長(zhǎng)，而且逶迤流動(dòng)，但這種字體卻顯得較矮小，給人一種墨點(diǎn)的感覺。如果兩者重疊在一起排版，在視覺上將會(huì)互相排擠。另外，字體顯得粗糙，這一特性與科爾先生的特征并不相配。所以我們更傾向于選擇一種簡(jiǎn)潔的字體。
沖突： 你可能會(huì)認(rèn)為 Palatino 字體是一個(gè)不錯(cuò)的選擇。它的歷史與這種提琴的歷史幾乎一樣長(zhǎng)。它是一種正體，結(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è)描述的文字采用全大寫體，并且處于卡片高度中間的顯要位置，而其它文字則用小字。所有文字都是左對(duì)齊。
最后的作品：簡(jiǎn)潔，開闊，漂亮，經(jīng)濟(jì)！
本文所用顏色數(shù)值：
