一、初級 UI 的技能困境

很多設計師工作了幾年但依舊進步緩慢，始終在底層打轉找不到提升的方式，比如在下圖發(fā)文前社群里一個同學的疑問：

雖然很多同學不想安于現狀，但對職業(yè)的上升沒有太多的認識和經驗，所以會陷入糾結，或選擇了一些錯誤的方法，即使耗費了很多時間也處于原地踏步的階段。

本質上的問題——想的太多，做的太少！UI 設計師本身囊括的技能和花活不少，進階可以深入體驗、交互、產品的分析類技能，擴展的可以延伸到面、字體、合成、AI 繪圖等。原則上說每個技能對于 UI 設計師來講都有價值，都有學習他們的理由和應用場景。但還是那句話，主次的問題……

很多進階的能力在前期沒有發(fā)揮的余地，如果基礎技能也不足以支撐這些進階的想法，那它們就更沒有價值。而擴展型的技能是用來錦上添花的，如果基礎能力不足，那就是 shi 上雕花……

初級 UI 因為工作的關系做的雜，會負責各種零碎的、和 UI 不相關的工作，所以自然而然會把這些納入職業(yè)增長的考量因素里。并且其它方向真學起來也不容易，往往投入多，見效慢，我們就不得不面對性價比的問題，花那么多時間學某某技能，值得嗎？雖然情況會有很多，不能一概而論，但我只想給還在糾結的同學一個回答 —— 不值得。

經歷越多越能明白一件事，對未來的判斷是需要經驗和信仰支撐的，如果你們既沒經驗又沒信仰，就會質疑所有職業(yè)規(guī)劃上決策，用各種問題去辯駁和拷打它們，直到說服自己這么做沒意義。畢竟只處于職業(yè)初級階段，你們要做的是把問題簡化，而不是一直問題復雜到無法應對，自己嚇自己，把大好人生給內耗完了。

我對于初級 UI 的建議，就是建立一個簡單的、有效的邏輯，認可它，篤信它，根據它的指示實踐就行了，這是高效的根本。而這套邏輯很簡單，即做好 UI 設計師的本職工作 —— 界面設計，通過提升界面設計能力來實現職業(yè)的上升和進步。因為這個邏輯太直白太基礎，就算是新人大多也對它不屑一顧。即便剛接觸 UI 也能說出界面設計不重要，對于 UI 設計來說最重要的是產品思維、體驗設計之類的話。這些理念在互聯網行業(yè)屬于"政治正確"的口號，無可辯駁，但是它們都是有前置條件的，就是你的界面起碼得做到及格線以上的水平，否則這些口號就只是一些假大空的囈語。

界面設計做好難嗎？真不難。但是能做到及格水平的 UI 設計師不及半數，能做到優(yōu)秀的估計只有一成不到。這個比例是遠遠比你們想的低的，如果有在自己公司招聘初級設計師時檢查過他們的簡歷，就一定對這個問題深有體會。沒有招聘經驗也沒關系，到站酷等網站在作品中打開全部推薦這一級和最近更新，你們會發(fā)現絕大多數作品集的質量低到令人發(fā)指，甚至工作了一兩年移動端規(guī)范都搞不明白……

再說簡單點，多數初級 UI 設計師的界面設計能力差到沒有討論任何其它職業(yè)規(guī)劃的必要，絕大多數初級設計師甚至連間距都控制不好，稍微復雜點的圖標都畫不出來！而你們在初級階段要做的，就是狠狠地提升相關能力，你可以找很多理由來強調其它能力的重要性，但你永遠沒辦法更改它是整個職業(yè)存在的原因。缺乏其它技能可能給我們帶來一些職業(yè)上的阻力和可能性，但足夠優(yōu)秀的界面設計能力可以給你帶來更多的可能和機會。說白了，就是把職業(yè)前期發(fā)展邏輯簡化成一力降十會（很應景），以力破敲，讓其它方面的缺陷在你的核心能力面前都顯得不那么重要。

順帶多提一句，很多初級設計師覺得界面設計本身重要性不高，去提升各種其它技能，但界面都做不好普遍其它技能水平也不怎么樣……就是廣而不精，兩頭不討好。不要把自己走馬觀花淺學的眾多技能當成優(yōu)勢，這只是讓自己去適配初級的工作崗位和低端的工作環(huán)境而已！

二、界面臨摹的方式解析

那怎么提升界面設計的能力？

臨?。?/p>

臨??！

臨摹！

這個必須要說三遍，過去我們分享了很多界面設計的技巧還有方法，但不管怎么輸出怎么分享，對大多數同學來說提升都是有限的，因為我們發(fā)現很多同學的界面提升的過程真的只是用看的……技巧再有用光看不練也白搭。而以真實項目或者改版項目的界面為對象并不合適，因為有太多額外需要考慮的問題，比如產品需求、用戶體驗、交互方式等等。被這些事情干擾想要心無旁騖的做界面是不可能的，所以要跳出這個范疇。而臨摹就是最好的實踐途徑，它的作用也越來越被新人低估，而即使有同學想要做臨摹練習也會陷入應該臨摹什么如何臨摹的疑問中，所以我要對臨摹界面做一次具體的分享。

首先是臨摹的選題，在 UI 行業(yè)盛行臨摹的時期，主要的臨摹對象是追波的飛機稿。因為當時國內應用、案例普遍設計質量低下，而追波上的設計稿看起來充滿創(chuàng)意和設計性，能帶來很強的視覺沖擊，所以成為了普遍的選擇對象，這種慣性甚至保持到了現在。

但時代已經變了，不客氣的說追波上的飛機稿這 10 年都沒什么太大的進步，畢竟這些飛機稿都是新手（國外的）才會去上傳的練習。先不說設計得好不好看，很多界面是完全脫離可用規(guī)范當平面設計做的，這種臨摹只會起到反效果。而國內 UI 行業(yè)在這 10 年已經卷出新高度，很多上線的界面放過去完全就是飛機稿不會開發(fā)出來，而且已經完全和國外的設計脫軌走出自己的設計行情了，這個在之前的分享里已經提過。

再臨摹國外飛機稿顯然是沒有太大意義的，一方面它們的質量不夠好漏洞百出，另一方面這些設計風格顯然跟不上國內招聘和項目的真實需求，做多了只會產生負面影響。所以，要進行臨摹，就不要舍近求遠去找一些國外的作品，而是直接聚焦在 —— 已上線應用界面。這些大廠的應用大家手機里肯定都有裝，沒有裝也可以去應用商店下，其中優(yōu)質的界面非常多，你沒有任何找不到優(yōu)秀的線上項目界面的理由。

應用頁面太多找起來很費事頁不要緊，直接從這些復雜的主頁開始臨摹起，不管是生活還是電商、理財、視頻類的應用，首頁作為門面都花了很大力氣去設計和調整，非常具有參考性。

解決了選題，下一個問題就是如何臨?。?/p>

提升設計能力的臨摹，絕對不是照著界面畫一遍該畫的東西畫完就行了，也不是要把原圖疊在畫布上畫得一模一樣，而是要在臨摹過程中，發(fā)現設計的細節(jié)，理解原設計的優(yōu)點，甚至是能夠找出原設計的缺陷并去微調它們。以一個新的課程臨摹案例舉例，餓了么主頁剛開始臨摹你就會發(fā)現左上角的分頁標題和下方的元素是不對齊的。而這可不是設計或開發(fā)還原的問題，而是對齊了就會因為下方是大圓角而產生視覺差顯得文本更靠左。

而在列表標簽選項組件中，隱藏著非常細微的差異，就是上間距大于下間距，因為標簽控制的是下方的列表所以應用了親密性原則。

再到底部的卡片組件，這種組件直接臨摹的結果一定很不好，你會發(fā)現你很難控制卡片的高度，且卡片內元素底部很難對齊。所以仔細思考它的設計應該是先完成右側的內容確定高度，然后再填充左側的方形封面圖，下方的面板再和右側內容對齊。

當然完成這些臨摹首先要掌握標準的 UI 界面設計方法，僅靠軟件掌握的部分肯定是不夠的，并且要把臨摹界面和圖標、動效兩個技能分開。上面列舉的幾個小點只是冰山一角，更多的大家可以直接看課程內容。當你掌握一定的技巧和基礎再去臨摹，才有發(fā)現問題并思考的能力，而因為是臨摹要還原它們，你就不得不關注細節(jié)，不用像素級的檢查模式去看這些界面，你就絕對不會去關注這些細節(jié)，也就錯過了大量提升認知的機會。

除了臨摹的方法，再往后就是臨摹的頻率。對于新人而言，一開始的臨摹速度必然是比較慢的，可能幾天才能臨摹一個界面，但隨著經驗的增長你的效率會越來越高，以上面頁面為例的話，就應該是個一兩個小時就能做完的級別。而你們真的迫切想提升，那就以天為單位練習，定一個臨摹的頁面總量，比如一百個頁面，在接下來的兩三個月內把它們臨摹完。這是個很簡單粗暴的練習模式，可以很負責任的說效果拔群，遠遠比你們想象的有用，認真臨摹完的結果可以讓你在完成后脫胎換骨，超過 9 成的在職 UI 設計師。

但很遺憾很少有人能達成這樣的目標，因為多數人掌握了軟件以后就看不上臨摹了，興沖沖的去學習其它的東西，即使他們的界面設計水平還是一塌糊涂。而做項目還是自己構思的頁面雖然也會有提升，但就像前面說的，這個設計過程還有很多別的干擾，對于界面的提升效率非常有限。而上面放的已經上線的界面可以作為一種評判標準，如果你自己設計的界面還沒有這些界面設計的水平好，證明你離做好界面還有差距，達不到一個專業(yè) UI 設計師應該具備的基礎水平。

不要以自己看著覺得湊合的設計當成是合理有效的，在中高端的招聘中這些大廠項目界面的輸出質量是底線，你離它們還有多遠？如圖已經工作了幾年還做不到，那就只能說連界面設計的入門都還沒有。

談卷？談體驗？談交互？談產品思維？

……升職加薪？

結尾

最近也仔細思考了下一些學員界面始終做不好的問題，我分享再多經驗技巧也沒用，因為練得不夠多，而且沒有按對的方式練習。所以干脆我自己完整的把這些臨摹的過程復現一遍，仔細指出和講解這些細節(jié)，帶他們做一遍。

作者：超人的電話亭