用臨摹來提升你的設計能力

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

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

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

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

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

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

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

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

臨摹名畫

在美術畫廊的臨摹。

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

藝術家應該首先通過從臨摹大師的手中的作品來練習技巧。

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

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

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

雖然它曾經是世界上最偉大的藝術家的一個基礎性的練習，臨摹現在已經沒落了。如今，它被視為生搬硬套，缺乏創造力和抄襲。

那么，為什么UI設計師需要用臨摹來練習。

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

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

臨摹 Epicurrence Oahu 網站是我重要的學習經歷。

例如，我對Dann Petty的Epicurrence網站的臨摹是非常有價值的一次經歷。我從這個過程中內化了三件事：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一個新的工作流程

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

讓平庸的素材閃耀

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

全寬布局

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

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

常見問題

你都是什么時候臨摹的？

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

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