一、臨摹:從「抄」開始,到「懂」為止
「不知道第一步幹什麼」——相信是許多小夥伴的苦惱。我主張「玩設計」,從興趣入手才有精力獲雙倍收益,強迫從事終究提不起勁。做 UI 同理,有興趣動力時,自然會留意優秀設計、收藏保存。極力推薦建立資料夾存放喜歡的優秀設計,設為螢幕保護程式定時輪播,閒暇欣賞說不定獲得靈感。設計非憑空想像,需多看優秀案例、從生活獲取靈感,資料夾才有意義。

習慣歸類清晰,瀏覽效率高。良好設計習慣給道路帶來便利。哪怕一天收集一張優秀作品,三年下來 1000+ 套,每個創意、配色、構圖都會潛移默化成你設計一部分。
然後,選一個最喜歡、最有挑戰性的設計作為 UI 路上第一步。越難越好,如玩遊戲選地獄模式,再玩簡單模式易如反掌。個人偏好選圖標案例:不了解產品流程時最易上手,同時提升軟體熟練度。

圖片來自設計師:Sanadas
我臨摹第一個作品是桑大師電話圖標。當時不知是國內設計師,潛意識以為這麼牛一定是國外的,發布後網友指出出處並細心指明與原作差別。斷斷續續花 20+ 小時,細節怎麼弄達不到原作效果,小菜鳥不能問原作,只能搜「金屬質感教程」「塑料質感教程」提升還原度。沒下載 PSD 防止偷懶看圖層,這對能力提升有弊端。
臨摹時不斷思考:為何原作電話繩更自然?撥號輪內陰影為何那麼重?微小細節為何刻畫那麼深?白色高光為何不那麼亮?臨摹有源文件最好,遇瓶頸可看高手怎麼處理,或許一個小功能就能解難題。但不代表遇瓶頸就複製文件,那不如陪另一半。
對臨摹,要還原 90% 以上是基本,達 99% 就不用繼續練習臨摹,技能已完全跟上。別指望 100%,世界無絕對一模一樣東西,設計也同,視覺對了,思想靈魂絕不會百分百相同。
臨摹不僅提升技能,更重要是提升設計感覺,找到感覺做事輕鬆順利。臨摹過程中你會知道:畫布多大、分辨率多少、圖標尺寸多大、哪裡適合矢量路徑、哪裡適合位圖筆刷、哪種是 3D 做、哪種是 AE 做……做事非手腦配合始終舉步不前。

圖片來自設計師:Sanadas
常見作品尺寸 800×600,實際是 Dribbble 早期展示尺寸(400×300),為完美展示作品多按此尺寸設計,分辨率標準 72ppi,圖標多遵循 512×512。這些非絕對,每個網站適配不同,靈活變通才是設計師應具備的。
建議先找一位喜歡設計師,將作品仔細研究透,不斷練習尋找其設計思路。完美臨摹幾張後,做更深練習:加入自己想法。如將原作主視覺換成 CD 光盤、加入手繪元素、折角處理完全不同,目的在與原作有所改變。設計完再對比原作,體會配色、構圖、細節差別:為何原作縫線更自然?頂部金屬夾更漂亮?折痕更有趣?設計理念為何準確而臨摹作品無主題?這些反思是下一套優秀作品基石,唯有不斷思考才有長進。
設計師易陷「牛角尖」:對剛設計完作品滿意、找不出缺點。這時建議給夥伴或展示平台收集意見,別覺得別人建議是不懂你,其實是自己不願聽不好聽話。階段完成後,每過一個月回顧作品,看是否仍滿意、有無改進處,反思當時瓶頸是否突破、再次設計是否有新認識。真正優秀設計師不存在「最滿意作品」,因為知道自己會一直超越自己、創造更美好設計,否則不會有那麼多版本升級與 2.0。
自身迷茫時,臨摹是快速提升行為,與抄襲完全兩碼事。若悟性高,從原創開始成長更大,擁有自己設計風格與語言。
技能、思路、想法提升後,考慮進階:做別人沒做過的作品挑戰自己。從日常生活將美好設計復刻出來,別忘記思考與對顏色、細節把握。臨摹實物好處:自己控制光影、自己感受、無源文件參考,需動腦「我該用什麼體現實物?」
復刻實物需自己定義顏色、光源、造型、大小。不知如何進行時,想曾經練習與思考——感受到基礎對你的幫助了嗎?

以上圖為例,復制現實多種實物質感變成作品一部分,成果絕無任何人作品影子。當然作品欠缺許多、細節有疏漏,但作為初期培養樂趣練習可隨意些。
UI 在周圍體現太多:打開手機,把圖標界面重畫一遍放進手機對比,慢慢看到拙劣;看到喜歡的鼠標、電腦畫下來,也可用軟體做出來,提升軟體與造型同時提升對設計初步認知。
拿起紙畫幅畫,是對手繪提升;
拿起相機拍張照,是對美感提升;
拿起軟體用快捷鍵畫個圓,是對軟體能力提升;
打開電腦看高手設計並分析思考,是對思維提升。
現實中任何事物都值得我們「抄襲」,過程中不斷提升能力,魯班也是從最簡單身邊事物雕刻起,慢慢有原創作品。提升不是打坐空想,而是從最簡單事情做起。
業內稱「剽竊」,與臨摹根本不同。臨摹是對原作尊敬、模仿提升技能、目的單純、展示對象為自己或周圍朋友,發布會註明「原作某某」「臨摹某某」。抄襲多在工作任務中,找不到靈感、查素材時見優秀設計直接用在自己作品裡、無任何署名、產生商業價值。這行為可恥,所以極不建議總下載「素材」,不知發布者如何得原作、是否獲許可。做小東西還行,養成習慣進公司工作,項目出現這情況問題多嚴重。
最可恥行為:直接將原作某元素或設計納為己有。