1.頁面設計

去花瓣，behance,UI中國，站酷根據自己的水平找一些你覺得好看的介面進行臨摹，這些網站都是國內和國外很多UI設計大佬展現作品的地方，每年年終年初更是有大量的設計師釋出自己的年度作品集，裡面有專案的介面設計，從互動設計圖到介面定稿上線都有很詳細的展示。

我們介面裡面有大量的圖示，運用好圖示能提高使用者的閱讀效率以及介面簡潔性、舒適度。圖示大致分為畫素圖示、面性圖示、線性圖示、擬物圖示、2.5D圖示，基本每種我們都應該需要練習。

我們透過臨摹懂得如何做設計，慢慢的我們要形成自己的設計風格，這是我們臨摹的初衷，不能忘記，不能沉迷於臨摹，望時刻謹記！

學疏才淺，如有不妥觀點，還請加以扶正。

隨著UI的火爆，很多人開始選擇學習UI設計。對於沒有基礎的人來說，UI能不能學好？因此，絕大多數的UI設計學習者在學習技能的時候，都感慨這樣一些事情：我沒有專案經驗；我做設計沒有靈感，專案來了就找素材往上套；我的理論知識都會了，你講的也聽明白了，為什麼做一些普通的頁面還是做不好呢？我一直在臨摹一些作品，但是一到自己做就腦袋空空，為啥？

那麼就這些問題，我想先說一句，對於絕大多數的UI設計初學者來說，臨摹絕對是一個學習UI設計的很重要也很有效的途徑之一!

如果把我們的大腦比喻成一塊電腦的硬碟，大家的容量應該都是差不多的，但是，每個人的可用空間卻不一樣。對於沒有經驗或UI設計的初學者來說，他們的可用空間是最大的，但是硬盤裡儲存的檔案卻極少，就像一臺沒有安裝系統的電腦，無法去呼叫程式和資料。

而隨著工作經驗的增加，我們瞭解了UI設計的基礎知識，設計和審美等等的能力。這個時候，硬盤裡就被安裝上了作業系統，但是不同經驗的設計師在作業系統資料庫裡儲存的內容是有多有少的，資料太少決定了你無法根據已有的知識形成“靈感”，而資料比較多的設計師則可以比較自由的根據工作中的實際情況在自己的記憶庫中調取相應的內容，經過組合，加工，形成一套可以應用去解決現實問題的“靈感”。

所以，我們回到文章開頭，“我沒有專案經驗”這個問題，其實是無解的，因為只有經歷了，才會有經驗。話說回來，我迫切需要一些“經驗”的儲備，這怎麼辦呢？行之有效的有一個方式，就是大量的臨摹已有的案例。強制將別人的經驗“複製”到自己的大腦硬碟中去。

因此，前期千萬不要鄙視臨摹，想想達芬奇還畫了無數個雞蛋呢，臨摹絕對不是一件沒有價值的事情，它反而非常重要，不管三七二十一，先積累資料，哪怕這些資料不是你真是的專案產生的。

在臨摹之前，有一步是必不可少的，那就是設計的基礎知識，最常見的就是我們在大學中學到的《三大構成》（平面構成，立體構成，色彩構成）。如果你這方面的理論知識積累極少或者壓根沒有，那麼你臨摹再多，也無法找到臨摹物件的規律，形不成有效的思考。

因此，基礎部分夯實之後，再進行臨摹，是最有效的。那麼，具體對於UI設計學習者來說，要先去臨摹什麼呢？在選擇優質的臨摹物件的基礎上，有一下建議：

1>單個圖示，2>圖示套系（練習協調性），3>版式（包含文字與配色），4>整體介面臨摹，5>啟動介面與廣告設計(品牌意識)，6>插畫及其它加分技能。

當第四塊的版式設計臨摹到一定程度，學習者對於設計稿元素的整體協調性，元素的搭配及內容的理解就相對到位，基本上可以達到六七十分的標準了。而後期的品牌和產品意識，以及加分專案，可以根據需求強化練習。

雖說大家都能明白臨摹的重要性，但是在第三步，才是真真正正的臨摹的精髓所在。有人說，我已經臨摹幾百上千張介面圖示了，為什麼到自己設計的時候，還是腦袋空空呢？

那是因為，他在臨摹的時候，只有手在動，腦袋卻沒轉。機械性的臨摹雖然讓人在學習初期有很強烈的充實感，也能臨摹出自覺不錯的設計。但是，這只是依葫蘆畫瓢，缺少總結和規律的提煉。

比如當我們在臨摹下面這個擬物化圖示的時候，你是否想過幾個問題：

1.這個圖示的視角是怎樣的？俯視，平視，45度角等等？

2.光源在哪裡？我們可以發現，它的光源是在右上角，受光面更亮（高光），背光面暗（陰影）。那麼我們就自然知道陰影往哪裡打了。

3.這個物體的材質怎樣？塑膠？紙張？金屬？玻璃？等等。它決定了光照上去的觀感。

4.最後，就是圖示的形狀了。

所以，我們找到這些規律，結合接觸的圖形構成理論，很容易提煉出為自己所用的，自我獨有的理論，從而觸類旁通，舉一反三。

而在模仿UI介面的時候，我們可以對介面中的元素進行歸類。拿最常見的列表來說，在臨摹的過程中，多去總結主標題，副標題的搭配樣式，顏色，總結規律，這樣學習效率就非常高啦！

當我們臨摹+思考到一定程度，自己大腦中的素材庫就會變得豐富，同時這些素材可以隨取隨用，而不是藏到某個生僻的資料夾中雪藏。你就可以順利出師了。

之後，大家可以嘗試將臨摹的一整套設計稿進行分析，總結這個設計稿中哪些地方需要改進，哪些地方可以繼承和發揚，在產品的角度，分析設計者為什麼要這麼做而不是那麼做，為何用這個配色。

這就是臨摹的高階境界啦。最終，把這些缺點加以改進，你就會越來越有想法，越來越主動，加上大腦硬碟中的海量儲存，靈感這個東西就可以做到隨取隨用啦！so，靈感不是靈光一閃，而是大量知識和經驗儲備的必然結果哦。

此後，你可以嘗試去做一些知名應用的Redesign，培養設計和產品思維。

恭喜你，到這一步後，你離出師不太遠啦！想一想，透過臨摹，軟體也熟悉了，審美也提升了，思維也有了，一舉多得，真的是一件好事有木有。

在上面的文章中，我強調了在臨摹過程中的歸納和總結，以及思考能力。小編經常會舉一個例子，你面前的碗裡有綠豆，黃豆，紅豆，花生，硬幣，大米，玻璃球。請問你如何把他們進行歸類呢？

這裡就是一個開放性的問題，並沒有標準答案，我們可以用是否可以食用來進行歸類，也可以用顏色是否一致來歸類，亦或是大小相同的歸一類。這就是我們透過紛繁實物來去整理思緒的一個例子，在臨摹過程中，大量的設計稿一定會有共通點，有沒有這個把它們歸類和整理的覺悟呢？

別忘了練習。最後推薦一本經常拿出來說的書：《佐藤可士和的超整理術》。這本書對靜電受益匪淺，因為他不僅僅是一本幫你整理屋子的書。更是一本整理你思緒的書。讀讀看吧？

最後，臨摹一點都不可恥，祝大家都能透過臨摹順利的進階~但要記住，千萬不要忘記思考，否則你只是一個複製機器而已。

想要學好Ui設計的話，臨摹是初學者學好的方法之一。

一、怎麼找臨摹素材。

臨摹最重要的就是找素材，素材的好壞直接影響到後期的效果。建議臨摹線上 APP，線上 APP 的頁面在落地前經過很多人的打磨，特別是那些大廠的 APP，直接去臨摹就好，並從中找到規律所在。

二、臨摹四步曲。

1. 圖示

初期只需要單一的臨摹圖示，不過需要注意的是不要只臨摹一個兩個，而要整套臨摹，一個兩個圖示看不出來整體性，而 UI 介面上的圖示也是整套出現，不會單獨存在。

2. 頁面

當這一步攻克的時候，就可以到下一步了，臨摹整套頁面。去找幾個線上的圖示多的頁面了，最常見的就是個人中心頁面以及影片類 APP 的頻道頁。去臨摹整個頁面。這個時候就要多去注意圖示和頁面風格是否一致、和字型是否匹配等等。

3. 分析總結

臨摹完了之後，要學會總結，比如個人中心圖示一般多大、配多大的文字以及顏色等等，不然久了之後就都忘了，白臨摹了。比如拿剛剛京東金融和陌陌的頁面舉例：京東金融是40*40px 的圖示配32px 的文字，cell 的高度100px。

4. 顏色

當總結完圖示的大小以及和間距、字型等之後，其實還有一個很關鍵的元素需要注意，那就是圖示的顏色，顏色非常能體現一個 APP 的氣質，一套經典的配色只看顏色就能讓人一眼認出來，而顏色最重要的一點就是需要和產品的調性相符合，如下圖，作為金融類產品，跟錢相關的京東金融配色就很穩重，而陌陌的配色就更年輕、活潑。