用臨摹來提升你的設(shè)計能力

這并不是什么捷徑，事實上很難有比它更普通的練習(xí)了。但它是我知道提高UI設(shè)計技能的最有效的學(xué)習(xí)方式。

哪個是原稿，哪個是臨摹的副本？

作家們也會臨摹
我第一次聽說臨摹是在一個叫The Art of Manliness的blog，Brett McKay 舉了很多通過臨摹來磨煉自己寫作技能的諸多作家的事例。

杰克·倫敦 曾臨摹過 Rudyard Kipling 的文字，用來學(xué)習(xí)他世界級的措辭和節(jié)奏技巧。
羅伯特·劉易斯·史蒂文 會非常仔細的研究他看過的特別美麗的文字段落，然后利用記憶將其在自己的作品中再現(xiàn)。
本杰明·富蘭克林會對好文章中的每一個句子都寫筆記分析，然后過幾天，他通過閱讀筆記重新寫一篇，再對兩者進行比較。

這種例子舉不勝舉，我知道，著名的神秘主義作家錢德勒，也使用了一種類似本杰明的方法，依靠詳細的筆記重寫一個中篇小說，并與原文相互比較。

他后來寫信給原著作者，告訴他這項練習(xí)的指導(dǎo)意義。注意他是這么分析的：
我發(fā)現(xiàn)你的手法最精妙的地方在于厘清局勢（或者把情況弄假成真），這一點幾乎是難以置信的，但是在實際閱讀中卻看起來相當真實。我希望你把我這番話理解為夸獎的意思。我從來沒有哪怕是試著自己做過這件事情。大仲馬在這點上有極強的能力。狄更斯也一樣。這也許是所有快速工作的基礎(chǔ)，因為快速的工作很自然地需要很大程度的即興發(fā)揮，而創(chuàng)造一個即興的場景不可避免的需要相當不錯的技巧。
這不是一個生搬硬套的練習(xí)。錢德勒通過這個練習(xí)對他自己和其它作者之間文筆細微的差別已經(jīng)了然于心。你能對UI設(shè)計有如此清晰的認識么？如果沒有，我強烈推薦通過臨摹來練習(xí)。

正如作家通過臨摹名家的作品，無意識的吸收了他們對于那些文字、短語、節(jié)奏等的細微的選擇，一個設(shè)計師也可以通過臨摹去體會設(shè)計中的布局、文字、顏色以及各種裝飾。這就是臨摹的力量。

讓我們再來看看另外一種具有非常悠久歷史的藝術(shù)形式中的臨摹方法。

臨摹名畫

在美術(shù)畫廊的臨摹。

如果你漫步在藝術(shù)博物館，你可能會看到很多人正在現(xiàn)場臨摹著。畫家們臨摹有著比作家更悠久的歷史。萊昂納多·達芬奇通過臨摹他的老師（安德烈·德爾·韋羅基奧）來提升繪畫技巧，這是文藝復(fù)興時期的學(xué)徒藝術(shù)家的慣例。達芬奇甚至將臨摹作為學(xué)生的首要實踐項目：

藝術(shù)家應(yīng)該首先通過從臨摹大師的手中的作品來練習(xí)技巧。

為什么要這樣做？因為臨摹可以訓(xùn)練你的眼睛。

當你畫一個現(xiàn)實的場景，會有很多需要擔心的事情，模型會移動，風可能會吹亂東西，太陽會落山等等。在你的大腦能夠自然的思考顏色和形狀之前，在現(xiàn)實中繪畫是很艱難的。但是如果是在工作室里臨摹的話，你可以用你全部的精力去吸收那些繪畫基本知識。

界面設(shè)計師雖然不需要繪制現(xiàn)實的場景，但是臨摹仍然是一個有效地方法去屏蔽掉額外的干擾因素，從而迅速提升你的基礎(chǔ)技能。

雖然它曾經(jīng)是世界上最偉大的藝術(shù)家的一個基礎(chǔ)性的練習(xí)，臨摹現(xiàn)在已經(jīng)沒落了。如今，它被視為生搬硬套，缺乏創(chuàng)造力和抄襲。

那么，為什么UI設(shè)計師需要用臨摹來練習(xí)。

這都是源于對細節(jié)的重建
重點是這樣的：當你一個個像素的臨摹的時候，你不得不重做原作設(shè)計師之前做過的每一個決定：選用哪種字體？多大合適？用什么背景圖片？你會沉浸在那些優(yōu)秀的設(shè)計師所作出的細微的決策中。

你可能會說，會不會在臨摹中將一些該注意的決策都忽略掉了呢？也有可能。但是只要你認真了，臨摹還是會暴露一些你自己從來沒有關(guān)注過的設(shè)計決策。

臨摹 Epicurrence Oahu 網(wǎng)站是我重要的學(xué)習(xí)經(jīng)歷。

例如，我對Dann Petty的Epicurrence網(wǎng)站的臨摹是非常有價值的一次經(jīng)歷。我從這個過程中內(nèi)化了三件事：

超大的字體
臨摹中用到的“Hawaii”的首字母 H 的字號竟然是365號。這么多年的設(shè)計中我從來沒有敢用過這么大的字。然而，將字母做成視覺元素，和圖片結(jié)合在了一起的感覺非常酷。

利用畫筆的筆觸作“陰影”
在標題、菠蘿、游泳的圖片下面，原本應(yīng)該是一些陰影的地方卻使用了筆觸的效果，哇，這真是一個奇妙的手法。

慷慨的大寫字母間距
毫無疑問，利用大寫字母可以增強元素的對齊的感覺、提升間距可以讓字體更優(yōu)雅是教科書式的做法，我發(fā)現(xiàn)自己越來越不自覺的應(yīng)用這些方法。這里看到的很酷的大些字母，基本上都調(diào)整過了間距。

在我臨摹Dann Petty這個作品之前，我看到它只會想“哇，這作品真的很棒”，然而我并不能在看了之后把作品中的技巧變成自己的。只有臨摹之后，我才可能真正吸收了作者的思考的方法和設(shè)計技巧。

對 Vic Bell 的 Skedio 圖標集的臨摹讓我的技能得到了很大的提升。（紅色的是我的臨�。�

這是另一個例子。Skedio 是圖標設(shè)計大師 Vic Bell 的作品。（她的原件是藍色的，我的復(fù)制品是紅色的。）

這又是一個令人著迷的練習(xí)，因為 Vic 的圖標總是比我自己的圖標有著更多和更豐富的細節(jié)。她用兩種微妙的方式增加了這種復(fù)雜性：

第二個稍微淺一些的藍色
對比第二行的第一個圖標“setting”，描邊和填充顏色深淺不一。而我之前設(shè)計的圖標大都只有一種顏色。
第二條稍微細一點的描邊
第一行第二個“tags”中代表文字的兩條線和第三個“upgrades”中的箭頭，所用的粗細和描邊是不一樣的。我一直以為圖標中粗細需要完全一致，但事實上 Vic 使用了 3px和4px 的兩種粗細。

臨摹并不僅僅在于幫助你“看到”這些細節(jié)，更在于幫助你如何在設(shè)計中使用這些細節(jié)。

讓我們看看這個點子，給強調(diào)色配上一個輔助的、淺一些的顏色。Vic會在以下四中情況中用到：

作為陰影 如第二行的第三個圖標“delete”，還有第一行的第三個“upgrades”
作為光線
第三行的第五個“search”
顏色對比
第一行的第四個圖標“help”和第二行第四個“rename”
視覺重量對比
第一行第一個“all sketches” 和第三行第五個“l(fā)ayers”。利用不同的顏色將白色的前景凸顯出來。

左邊是Taylor Perrin的Díade los Muertos的設(shè)計，右邊是我的副本。

我不久前看到了Taylor Perrin的Díade los Muertos設(shè)計，它讓我震驚了。他處理元素的方式非常讓我向往，如美麗的攝影，豐富的紋理和全景布局。

我平時大部分的時間都是用來設(shè)計干凈，簡潔的企業(yè)應(yīng)用程序。臨摹Taylor Perrin的作品讓我以一種新的方式拓展了我對設(shè)計的思考。

一個新的工作流程

我打從一開始就是Sketch的擁護者。我甚至在教一個基于Sketch的UI課程，但它的簡單性也有其缺點。也就是說，由于從Photoshop切換到Sketch，我的設(shè)計反射趨向于一切都是平面矩形。在這個練習(xí)中，我對整個頁面的每一個背景進行了紋理化，它是通過PS來提醒我，在設(shè)計過程中讓風格更多樣化，而不只是使用簡單的元素。

讓平庸的素材閃耀

我第一個重塑的對象是那個吹號角的骷髏。老實說，當我在網(wǎng)上找到它時，我并沒有什么印象深刻的感覺。如果我按照我平時的喜好來找素材，我肯定就忽略它了。但是它在Perrin的作品里看起來很棒。臨摹的過程讓我學(xué)到這樣一件事，你可以讓平庸的素材在你的作品里超越它的外觀。

全寬布局

雖然最近全寬的布局越來越流行了，但是我自己很少這么做。這個練習(xí)幫助增強了處理這類布局的信心。當我臨摹的時候，我會嘗試著猜測某些細節(jié)（例如字體的大小），看看是不是正確的。然后我再檢查和調(diào)整。如果我以后再處理1400寬度的布局網(wǎng)頁的時候，就不會為標題是60像素而感到奇怪了。

那么，我這樣就跟Dann Petty、Vic Bell、Taylor Perrin 一樣好了么？我覺得這恐怕還得花些時間，畢竟他們是游戲行業(yè)最頂尖的UI設(shè)計師。但是我相信，我每天都在將他們的技能融入到自己的能力中。

常見問題

你都是什么時候臨摹的？

我一般都會在早上臨摹30分鐘左右。有兩個好處：
醒來的時候?qū)W習(xí)一些新東西可以激勵我開始新的一天。
相比查郵件和微博來說臨摹是更有效的喚醒活動。沖咖啡的時候總需要做點事情。

感謝您對極地作品的預(yù)覽，品牌策劃與設(shè)計，形象店設(shè)計制作，專注中高端品牌策劃設(shè)計，我們更專業(yè)，歡迎咨詢微信/手機：13656226579    0512-89169975    www.unioncountyspeedway.com