UI設計師自學記：抄襲別人，超越自己

 　　臨摹

　　“我不知道第一步要干什麼”——相信這是挺多小伙伴們所苦惱的事情。看過之前系列文章的小伙伴們應該了解，我主張”玩設計”，做事先從興趣愛好入手，這樣你才有精力獲得雙倍甚至幾倍的收益，否則因強迫而從事，終究提不起勁兒來。

　　做UI也是如此，當你有這個興趣，有這種動力的時候，一定就會多多留意那些優秀的設計，自己喜歡的設計，將之收藏或者保存到特殊的文件夾。我非常推薦大家，建立一個文件夾存放那些你喜歡的優秀設計，可以考慮將其作為屏保定時輪播，閒暇之余就欣賞一下屏保，說不定哪天就會獲得靈感。設計不是憑空想象的，需要多看那些優秀的案例和通過日常生活中獲得更多的靈感，這時候你的文件夾就有意義了。

　　我習慣將歸類盡可能的清晰，這樣浏覽器來更具有效率。良好的設計習慣，會給自己的設計道路提供很多便利。哪怕你一天搜集一張優秀作品，三年下來也是1000多套的優秀設計，每個創意、配色、構圖等都會潛意默化的成為你設計的一部分。

　　然後，選擇一個你最喜歡的一個設計，把它作為你UI路上的第一步。我個人推薦第一個臨摹的作品盡可能的難，具有挑戰性，這樣你在做起來才能狠狠的逼自己一把。就好似我們玩游戲，如果你上來就選擇地獄模式，相信你再去玩容易模式一定是易如反掌。案例的選擇沒有限制，我個人更喜歡選擇一個圖標作為案例，因為在你不了解產品設計流程時，是最易上手的。同時，也是對你軟件熟練度有一個良好的提升。

　　圖片來自設計師： Sanadas

　　老牛臨摹的第一個作品，就是桑大師的電話圖標。其實當時根本不知道這是國內設計師設計的，潛意識的以為像這麼牛逼的設計一定是國外的，拿來做臨摹作品一定不會有人發現。恰恰最後被自己的小聰明玩弄了。當時在iconfans論壇(現為UI中國)發布後，便有網友留言說：”這是桑大師的作品，這是源地址……”同時，網友們還細心的為我指明了和原作的差別。

　　畢竟是第一次做圖標，即使是臨摹。也花了斷斷續續20幾個小時的時間。有些細節怎樣弄也達不到原作的效果，你個小菜鳥又不能去問原作本人，於是就去搜索網上教程，比如”金屬質感教程”，”塑料質感教程”等等，目的就是提升自己設計如何還原原作。沒有下載PSD文件，是為了防止自己偷懶查看源文件的圖層，這樣對能力的提升多少會有弊端。

　　在臨摹的時候，也是要不斷的思考。為什麼原作的電話繩更自然?為什麼撥號輪的內陰影那麼重?為什麼非常細小的細節要刻畫的那麼深刻?為什麼白色的高光沒有那麼明亮?等等，如是思考。臨摹去選擇一些有源文件的最好，因為當你遇到瓶頸的時候，你可以打開原作的源文件看看高手是如何處理的，也許你完全想不到的一個小小的功能就能實現你解不開的難題。但是不代表你遇到瓶頸就把對方的文件拷貝過來，那樣還不如不要浪費時間去陪陪另一半。

　　對於臨摹，你要還原原作的90%以上，這是基本。如果能達到99%，那就非常好了，你已經不需要繼續練習臨摹浪費時間了，因為你的技能已經完全跟上了。當然不要指望能完成100%，世界上不會有絕對一模一樣的東西存在，設計也是，即使視覺上對了，思想和靈魂也絕對不會百分之百一樣的。

　　結合

　　臨摹不僅僅在於提升自己的技能，更重要的是，提升自己的設計感覺，找到感覺做事情就會輕松順利很多。而且在臨摹的時候，你知道該建立一張多大的畫布，多少分辨率，圖標尺寸應該多大，哪裡適合矢量路徑，哪裡適合位圖筆刷，哪種是3D做的，那種是AE做的，等等。做事情不是手腦配合，那麼始終會舉步不前的。

　　圖片來自設計師： Sanadas

　　我們經常會見到這樣的作品，它們的尺寸都是800*600大的尺寸，實際上，這個尺寸是專業UI網站Dribbble的展示尺寸(早期尺寸是400*300)，為了能完美展示自己的作品，所以大部分有Dribbble賬號的設計師都按照這個尺寸來設計，分辨率是標准的72像素，對於圖標本身的尺寸沒有定性，但是大部分會遵從512*512尺寸大小。關於其他具體尺寸，未來我會新開一片文章詳細講解。當然，這個畫布和分辨率不是絕對的，每個網站適配尺寸都不一樣，更靈活更具有變通性，才應該是一個設計師所具備的。

　　我很建議大家先找到一位你喜歡的設計，將他的作品仔細研究一遍，然後不斷的練習，在過程中尋找原設計師的設計思路。在完美臨摹了幾張作品後，就要做更深一步的練習，加入自己的想法。從上面臨摹作品可以看出，將原作的主視覺替換成CD光盤，同時加入一些手繪元素，折角的處理也完全不同，目的就是希望和原作有所改變。設計完後，再次相互對比原作，從中體會到與原作的差別，無論是配色還是構圖，還是細節。為什原作的縫線看起來更自然，為什麼原作頂部的金屬夾看起來更漂亮，為什麼原作的折痕看起來更有趣，為什麼原作的設計理念會准確而臨摹的作品會沒有主題?這些反思的過程，都是下一套優秀作品的基石，只有在不斷的思考過程才會更有長進。

　　很多時候，設計師容易將自己帶進”牛角尖”裡。所謂的牛角尖，就是對剛設計完的作品非常滿意，完全找不出缺點。這個時候就非常建議給其他小伙伴或者展示平台，讓大家給提供意見，不要覺得別人的建議是不懂你，其實是你自己不願意去聽不好聽的話而已。還有，階段完成後，每過一個月，就回顧看看自己的作品，看看自己是否還滿意，是否還有可以改進的地方，反思自己在當時遇到的瓶頸是否突破了，反思自己再次設計是否有全新的認識。我相信真正優秀的設計師，是不存在自己最滿意的作品的，因為他知道自己會一直超越自己，創造更加美好的設計，否則就不會有那麼多版本升級和2.0的存在了。

　　當然，自身迷茫的狀態，臨摹是一件快速提升的行為，和抄襲完全是兩個概念。如果自身很有悟性，那麼從原創開始的行為會更加有所成長，擁有自己的設計風格和設計語言。

　　抄襲現實

　　技能、思路、想法都有一定的提升後，該考慮進一步的升級了，做一些別人沒有做過的作品來挑戰一下自己。可以從我們日常生活，將美好的設計復刻出來，當然，別忘記思考和對顏色、細節的把握。臨摹實物的一點好處是，你要自己去控制光影，自己去感受，而且是沒有源文件讓你來參考，你需要動腦”我該用什麼來體現實物”?

　　復刻實物過程中，你需要自己定義顏色，自己定義光的來源，自己定義造型，自己定義大小。不知道如何進行的時候，想想曾經的那些練習，那些過程的思考——感受到基礎對你的幫助了嗎?

　　以上圖為例，復制現實中多種實物的質感，將之變成自己作品中的一部分，最後的成果絕對不會存在任何人作品的影子。當然，這幅作品欠缺了很多東西，細節也有很多纰漏，可是作為初期培養樂趣的練習是可以隨意一些的。

　　UI在我們周圍體現的太多了，你打開手機，把你手機圖標、界面重新畫一遍，然後放到手機裡，和原系統進行對比，慢慢的能看到自己的拙劣了;然後看到喜歡的、感興趣的，比如鼠標、電腦等，就畫下來，也可以用軟件做出來，在提升軟件和造型的同時，也提升了自己對設計的初步認知。

　　你拿起一張紙，畫了一幅畫，就是對自己手繪提升了;

　　你拿起相機，出去拍了一張照片，就是對自己美感提升了;

　　你拿起軟件，用快捷鍵畫出一個圓兒，就是對自己軟件能力提升了;

　　你打開電腦，看到高手們的設計並分析思考，就是對你自己思維提升了。

　　看到了嗎，現實中任何事物都值得我們去抄襲，在這個過程中也會不斷讓自己能力的提升，即使是魯班，也是從最簡單的身邊事物開始雕刻起，慢慢的有了自己的原創作品。提升，不是讓你打坐光想，而是你從最簡單的事情做起。

　　抄襲

　　什麼是抄襲

　　抄襲，更多的被業內稱為”剽竊”，它和臨摹有根本上的不同。臨摹是自己對原作的尊敬，通過模仿原作來提升自己的技能，目的是單純的，展示對象也是自己或者周圍朋友。通過媒體發布也會注明”原作某某”，”臨摹某某等等”。而抄襲大多是工作任務中，找不到靈感，在查找素材時看到優秀的設計把之直接使用在自己的作品裡，沒有任何著名的、產生商業價值的行為。這種行為是可恥的，所以之前也提到過，非常不建議小伙伴們總是去下載”素材”，因為你不知道發布素材者是如何得到原作的，是否得到許可。如果你做小東西還行，可是當你養成習慣了，以後進入公司工作，項目中出現這種情況問題是多麼嚴重的事情。

　　直接摳圖

　　直接摳圖，這可以說是最可恥的行為了，直接將原作的某個元素或者設計納為自己的設計之中。