winny小熊：這篇文章主要是給排版及平面設(shè)計人士看的，因此對于門外漢來說，能翻譯好 它不僅是個腦力活，還需要專業(yè)的基礎(chǔ)知識。文章告訴我們關(guān)系型設(shè)計及可視化設(shè)計的重要性，給所有人提供了完成一個項目很好的思路方法，利用標(biāo)記工具和紙張 的各種組合，先將腦海中的想法可視化，然后再進(jìn)行細(xì)化。

原文地址：www.smashingmagazine.com

與大多數(shù)設(shè)計師一樣，我們深信，選擇和探索最成功、最難忘和最刺激的設(shè)計是支持我們從事每個項目的重要方面。對我們來說，一個新的挑戰(zhàn)開始，從來不會簡單到我們只需問自己，什么可能是最好的途徑，然后就在電腦前坐下來去試圖實現(xiàn)這種想法。

在研究完目標(biāo)對象之后，我們幾乎總是從一張紙和一支鉛筆開始，繪制出各種各樣的設(shè)計方案來幫助匯集和開拓那些在我們的腦海中已經(jīng)成熟的想法。在這篇文章中，作為創(chuàng)新過程中的一個組成部分，我們將探討如何使用繪圖和標(biāo)記。

這是標(biāo)記的一個例子，它有助于我們在工作類型和圖像上制定設(shè)計思路。請注意，標(biāo)記的變化表明了類型的不同程度。

我們發(fā)現(xiàn)，使用繪圖和標(biāo)記在紙上研究設(shè)計選項是一個很棒的方法，它能確保我們在一個項目上朝著正確的方向前進(jìn)，另外，我們不認(rèn)為這個工作流程會激發(fā)不了那些意想不到的解決方案，否則我們不太可能看到希望。作為解決問題的工具和技能，我們將專注于不同類型的繪圖和標(biāo)記，它們將成為可視化和可探索設(shè)計方案的一個重要組成部分，包括數(shù)量，類型，有沒有圖像。

為什么式樣的布局水平和色調(diào)效果在繪畫中需要被重視？

帶有不同色調(diào)以及不同特性的字體，線條和詞語匯集到一塊;這取決于你色調(diào)產(chǎn)生的明暗，以及排布的規(guī)模和性質(zhì)，觀看者或多或少地會被吸引。我們可 以通過看報紙和?Jacek?Utko的雜志設(shè)計可以發(fā)現(xiàn)一些很好的例子。在下面的示例頁面中，我們會被這些大量動態(tài)創(chuàng)建的文本所震驚，這些文本的字的大 小、磅數(shù)和方式以及圖像都不同。尤其是色調(diào)值的變化，會在一個特定的序列中引誘讀者瀏覽網(wǎng)頁。

從Liudas?Parulskis和Vilmas?Narecionis中我們 可以看出工作與藝術(shù)方向，Jacek?Utko為?Lithuanias?Verslo?Zinios周末版塊設(shè)計了一些精美的頁面。這個布局戲劇性地利 用了結(jié)構(gòu)和色調(diào)的多樣性，以及大規(guī)模的對比。

在布局中，結(jié)構(gòu)和色調(diào)的特性被盡可能多的用在一個特定的序列來幫助引導(dǎo)觀眾瀏覽，也就是美學(xué)。如果可視化的概念能夠適當(dāng)設(shè)計，做出判斷并成為現(xiàn) 實，這些特質(zhì)應(yīng)該通過繪畫和標(biāo)記被有效地捕捉。這可以通過一個相對快速的設(shè)計速記練習(xí)去容易地實現(xiàn)，許多設(shè)計師對這塊的使用也很熟悉。較大類型是大有學(xué)問 在的，捕捉文本的本質(zhì)、磅數(shù)和比例和色調(diào)的差異；文本可以內(nèi)嵌，或“灰度條”使用標(biāo)記技術(shù)，通過鋼筆，鉛筆以及不同的壓力去表現(xiàn)排版和色調(diào)的不同。

這篇文章的例子就是去展示和捕捉無限的節(jié)奏，以及排版選擇和組合的多樣性，但他們?nèi)匀槐砻鳎词乖谠缙诶L畫的視覺效果，抓取微妙和變化的速度是 至關(guān)重要的。當(dāng)你在工作時，繪圖和標(biāo)記樣式可以發(fā)展成為顯示和抓取排版和色調(diào)的差異，例如，使用全部大寫的sans-serif字體，相對照大寫和小寫字 符帶來的視覺“沖擊”非常不同。

尋找合適的標(biāo)記工具和紙張

為了強(qiáng)調(diào)這種繪圖設(shè)計的精致，我們也應(yīng)該簡要評論那些可以用來表達(dá)這些細(xì)微的印刷字體差別的工具。我們使用的光滑輕質(zhì)紙，在英國被稱為布局紙， 這種半透明的廉價材料非常適合于跟蹤一個個的工作表，迅速細(xì)化圖示。我們跟許多設(shè)計師講混合使用標(biāo)記工具，這取決于他們希望創(chuàng)造的特點；一些人使用記號筆 工作，其他人喜歡用更纖維的尖筆，有些還用軟鉛筆繪圖。一方面這些選擇似乎有共同的是，他們允許設(shè)計師通過改變硬度、壓力去創(chuàng)建一個更厚、顏色較深的標(biāo) 記，輕輕地按則會形成更輕，更細(xì)的色調(diào)。

開發(fā)自己的設(shè)計速記

回到這種“相對迅速”的可視化描述，在現(xiàn)實中，這個過程可能是費(fèi)時的。雖然結(jié)果不一定非常詳細(xì)，但這是我們能找到的最時間效率的、創(chuàng)造性的工作方式，并且經(jīng)過深思熟慮的，特別是面對完全新的設(shè)計挑戰(zhàn)的時候。

我們這里討論的繪圖和標(biāo)記的視覺效果著眼于多個層面。它們捕捉結(jié)構(gòu)和色調(diào)細(xì)節(jié)布局的替代品，它們也是探索不同組成的替代品的很好的方式來，當(dāng)它們可以當(dāng)成模板來簡化程序從而實現(xiàn)最終設(shè)計時是非常有用的。

印刷排版和色調(diào)會使得設(shè)計層面更多更少的突出。封面、顏色、字體大小、色彩、磅數(shù)，字符間距、行間距和整體空間分布影響式樣的密度，結(jié)果出現(xiàn)了 光亮度或暗的作品。所有這些方面都可以很好地利用繪圖和標(biāo)記捕捉，影響的不只是色調(diào)值，同時也微妙地影響到了排版質(zhì)量。很多時候視覺效果抓取的只是文本的 范圍和位置，而不顯示更詳細(xì)的特性。

Aleksandrs?Golubovs的布局組成并沒有顯示層級或字體在大小，磅數(shù)或行距之間的變化。利用更多樣化的標(biāo)記做最小化的額外工作，能很容易地發(fā)現(xiàn)所有這些缺少的元素。

下面的例子表明,我們不建議耗費(fèi)大量的時間去做標(biāo)記，相對來說，能夠傳達(dá)出逼真和令人滿意的效果就足夠了。

上述的視覺效果是不同的標(biāo)記樣式表現(xiàn)出的磅數(shù)變化，規(guī)模，引導(dǎo)和案例的例子。記號筆，鋼筆和鉛筆已在這里混合使用，也可以使用任何工具；盡管如此，理想的情況下，創(chuàng)建不同質(zhì)量標(biāo)記的工具來響應(yīng)多樣化的壓力是最好的。

為什么可視化設(shè)計類型如此有用？

我們認(rèn)為，利用繪圖和標(biāo)記產(chǎn)生的視覺效果來開拓思路、延展設(shè)計和探索創(chuàng)新的可能性是一個很好的方式。繪圖往往推動我們產(chǎn)生意想不到或令人興奮的 設(shè)計，這是我們沒有考慮過的方式。在大腦和手之間的有一個驚人的聯(lián)系，它能有效地把最細(xì)微的設(shè)計思路翻譯過來并且可視化，包括排版和色調(diào)的變化。繪畫就是 這種聯(lián)系的一種表達(dá)形式。有很多知名的引言都是關(guān)于大腦，心和手之間的連接的。在19世紀(jì)末，英國的藝術(shù)家和作家John?Ruskin說，“一個年輕藝 術(shù)家的教育應(yīng)該始終圍繞大腦、手和心之間的關(guān)系?！?Ruskin說，“藝術(shù)與設(shè)計產(chǎn)生于最微妙的機(jī)械，這是人類的手?！?/p>

1950年，英國的設(shè)計師和學(xué)家Richard·Guyatt，介紹了大腦、心和手的三種相互關(guān)聯(lián)要素的設(shè)計。大腦提供邏輯思考，心臟引起情緒刺激；技巧就是，設(shè)計概念就是這樣被手執(zhí)行出來的。

在我們自己的設(shè)計實踐中，作為我們和學(xué)生工作的一部分，我們經(jīng)常使用可視化繪制的兩個層次。這兩種形式我們稱之為微觀和宏觀。微觀可視化能在更復(fù)雜的設(shè)計挑戰(zhàn)中探討替代方案的更密切細(xì)節(jié)，例如，標(biāo)題，副標(biāo)題和一段文字是如何排版在一起的，圖像和文字怎樣連接。

當(dāng)我們已經(jīng)做出最有效的關(guān)系組合決定時，我們就可以開發(fā)和應(yīng)用在其他微觀層面的設(shè)計挑戰(zhàn)。通過采取一些有效解決微觀視覺效果的方法，我們會進(jìn)入 到可視化的第二個層次：宏觀視覺。通過使用半透明圖層紙，我們會迅速跟蹤并匯集一組微觀視覺效果，形成一個完整的“頁”分組。也就是說在這個階段，我們利 用頁面參數(shù)作圖，并嘗試當(dāng)規(guī)模和組合關(guān)系不同時的可能性。

這些圖像顯示了我們在給“Sticky?Graphics”設(shè)計書時的一些的微縮略圖。 這本書是關(guān)于存儲設(shè)備的，我們確信想要創(chuàng)造一個持久的印象。在我們的設(shè)計圖紙，如上圖所示，我們表示設(shè)計積分和標(biāo)題的層次結(jié)果，可能的排版和色調(diào)變化，同 時，我們也注意到這些設(shè)計微元素需要的構(gòu)成方面。最終的圖像顯示了這些繪圖主要的數(shù)字。

這三幅圖像是由平面設(shè)計師Abigail?Urwin創(chuàng)作的，她慷慨地分享了一些 她的的宏觀設(shè)計圖紙和視覺效果。在這些例子中，Abigail為一本新聞傳播的雜志上的開發(fā)設(shè)計。這些網(wǎng)頁將最終包含五個獨(dú)立的小文章，并在一個共同的主 題下。在最開始兩個圖像，她正在探索用其他的方法來設(shè)計這些文章。到第三個圖像，Abigail已經(jīng)開始展示她是如何在一個廣告下把這五篇文章放到一塊兒 的。

這些例子展現(xiàn)了我們第一本書的初步微觀視覺，“布局：使它更加適合”。這些繪圖講究排版，色調(diào)，層次和構(gòu)造的選擇，兩個跨頁廣告顯示了這些設(shè)計圖數(shù)字方面的解釋。

通過這種方式開始新的設(shè)計，我們總是首先搜索出這個項目最復(fù)雜的方面。找出一個設(shè)計系統(tǒng)去解決最困難的問題，可以更容易地適應(yīng)最終設(shè)計的系統(tǒng) 和關(guān)系，使項目更加簡單。在可視化排序的各個方面并沒有硬性的規(guī)則。我們已經(jīng)發(fā)現(xiàn)，手工繪制和電腦繪圖上順序會有變化，并且這兩種方法有時會合并一起。但 是，同時使用這兩種方法，是最大化設(shè)計理念的最好方式。

如果你是一個經(jīng)驗豐富的設(shè)計師，可視化真的必要嗎？

在一個完全新的設(shè)計項目中，上面介紹的方法有助于確保我們的結(jié)果不會以任何方式限制在計算機(jī)上，或者通過相對簡單的操作我們可以達(dá)到我們所追求 的，但不一定是最合適和刺激的操作。繪圖有助于我們在中心階段輸出最有效的設(shè)計理念，并迫使我們找到最好的方式來達(dá)到預(yù)期的效果。當(dāng)然，如果我們從一張空 白的草圖紙和鉛筆開始，進(jìn)行調(diào)研以獲取靈感，然后聰明地設(shè)計，不設(shè)上限。

難道在以前的項目，我們都傾向于簡單地重復(fù)使用調(diào)色板的風(fēng)格，僅僅是為了舒適和速度？我們是這樣的，但是花費(fèi)這些時間和精力去嘗試備選方案，以 及開發(fā)完全不同的選擇方案來期望結(jié)果有所改善，其實也是為了提高我們的滿意度。我們會比較準(zhǔn)時地做出令人滿意的解決方案，但絕對不是最有效的、令人刺激和 滿足的方案。

將繪圖轉(zhuǎn)成設(shè)計

這個過程中的一個重要方面是能夠?qū)⒓?xì)微的標(biāo)記轉(zhuǎn)成最終的作品。這需要對繪制有一個詳細(xì)和精確的評估。在你的視覺中對色調(diào)和結(jié)構(gòu)的微妙處理，有助 于建立一個有價值的圖像和圖片類型，其實也就是設(shè)計的其他所有方面。仔細(xì)看一下微妙的視覺效果，利用它們作為選擇字體的細(xì)微差別，包括磅數(shù)，軌跡，字距， 甚至行距的著眼點。

從較小的紙張的視覺效果，到網(wǎng)頁或打印設(shè)計的過渡是困難的，我們經(jīng)常和學(xué)生討論這個問題。一個系統(tǒng)現(xiàn)在似乎工作得很好——盡管是一個完全依賴最 終設(shè)計視覺效果的比例大小——這個系統(tǒng)掃描或精心拍攝的視覺效果，然后將其拖放到數(shù)字文件的背景作為最后作品要使用的模板。當(dāng)設(shè)計充分呈現(xiàn)，可以刪除該模 板。

這里的三個圖像顯示前一段中所描述的內(nèi)容。第一步顯示了一個電子報頭版的簡單繪圖。接下來的兩個圖像顯示了分階段繪制的視覺效果。數(shù)字渲染，包括類型，被顯示在品紅色區(qū)域里來區(qū)分圖層，達(dá)到文章的目的。

另一個繪圖的原因：作為樣式和圖像的靈感

做標(biāo)記的另一個原因就是是拓展我們在樣式方面的想法，我們已經(jīng)做了非常有效的措施，包括在我們的書 Create?Impact?with?Type?Image?and?Color上練習(xí)。該方法包括尋找樣式的例子，然后剪切和粘貼它們以形成新的布 局。粘貼內(nèi)容是沒有什么意義的，但在設(shè)計項目包括類型方面，抽象的結(jié)果可能是一個令人驚訝卻鼓舞人心的。

這次練習(xí)一直很受學(xué)生的歡迎，他們通過抓取抽象圖層的設(shè)計方案得到啟發(fā)。在這里所示的例子中，學(xué)生們已經(jīng)匯聚樣式案例來創(chuàng)建結(jié)構(gòu)和色調(diào)的對比度和動態(tài)組合，而這些設(shè)計是沒有壓力的。

在電腦屏幕上快速生成設(shè)計的便捷性和即時的滿足是很有誘惑力的。這種方式產(chǎn)生了可被人們接受的概念。但是，如果一個設(shè)計師渴望更廣泛的、有趣的和實用的視覺概念，那么完全在電腦上實現(xiàn)這一工作是不可能的。

我們沒有辦法輕視計算機(jī)；這部分資產(chǎn)對設(shè)計師來說是無價的。但我們堅信，它不會取代大腦，心和手這些直觀的途徑。先由手繪圖，然后再通過電腦繪制不是一成不變的，如果我們先使用它們的同時去探索和發(fā)展最有效的解決方案，從而得到觀眾和設(shè)計師的喜歡。

如果想法被最大化，紙和鉛筆的概念必須是設(shè)計過程中的一部分。這里沒有設(shè)計師需要遵循任何規(guī)則或精確風(fēng) 格，但需要足夠的精度和細(xì)節(jié)，以便能夠做出明智的判斷。我們找到樣式范本去剪切和粘貼，以及將不同尋常的組合放在一起，也可以是一個鼓舞人心的出發(fā)點。然 而沒有一套規(guī)定做的和不該做的設(shè)計流程，適量的圖紙、標(biāo)記以及試驗是有義務(wù)提高最終結(jié)果的。

這篇文章提供了一個極好的機(jī)會，當(dāng)你產(chǎn)生想法時，檢查繪圖和標(biāo)記能夠發(fā)揮作用。在此之前，我們在大量的書籍中寫了更廣泛的關(guān)于排版和色調(diào)的設(shè)計 特性及圖像，但只是簡單地談到這個話題，包括《Create?Impact?with?Type?Image?and?Color》和 《The?Graphic?Design?Exercise?Book》。這兩本實用指南是圖形和設(shè)計型基礎(chǔ)的有效引導(dǎo)。

原文地址：http://cdc.tencent.com/?p=7312