非專業人士如何學習UI設計（非交互或頁面，而偏icon組件等）?

01-26

身為開發人員，有豐富的前端經驗，全棧里就缺失「設計」了。
在這個開源時代，技術入門門檻逐漸降低，有眾多免費的技術框架與入門教程，還有活動與講座。
但這些「設計」領域卻一直沒看到（也許有，但是不知道），看過不少理論，卻能直接拿來實戰的卻很少。
作為從未接觸過繪畫領域的人來說，設計或許事件難事，但我認為做到「初步能用」的級別並非很難。
我想學習的方面，不是網頁設計，而是logo、icon元素級別的設計與一些組件細節的處理。

比如，之前自己設計了一個logo，又仔細描了一個矢量圖：
開始感覺挺滿意的，但細看就發現很業餘（但不知為何）。
所以請問現在有沒有或如何學習一些實用的技巧？
（增加層次感、質感、複雜度等。從業餘往偽裝專業上發展）
另外，想到有人可能會舉蘋果等例子來說明完美的弧線，但個人認為這個在此處不是重點（那個太高端了，我想很多設計師也不會那麼做），應該有些日常更實用速成的方法。

多觀察。

把 dribbble、behance 這些設置成首頁，空閑時細心看一看。用到優秀設計的 app 時，多擺弄擺弄它的交互動畫。

多思考。

這裡的陰影為何而存在？這裡為什麼選擇用襯線字體？這裡用圓角帶來的好處有哪些？

如果不這樣設計，給人的體驗上，又會造成怎樣的不同？

多總結。

什麼樣的顏色具有什麼樣的感情色彩，應該用在哪類 app 上？哪些設計技巧更能表現層次感？

多模仿。

這次要做一個日曆 app，我去學習谷歌日曆採用的 UI 布局方案；咦，那個 todo list app 的布局似乎也可以適用於日曆類的 app，我嘗試著腦補個原型試試……

再接下來就是創造了，沒有什麼「經驗之談」。

設計終究是細膩的、屬於「感覺」一類的學科。當然也有很多慣用技巧，也可以用理科的思維去學習，沒有藝術細胞的程序員們也可以學到「不差」的地步：對於程序員們，我推薦讀《黑客與設計》。

會一點代碼，會一點設計，一點心得，不邀自答。

謝邀。

如果真的想彌補設計短板成為全棧，交互、頁面、icon 組建不能割裂開來看。

尤其是現在的設計越來越強調內容本身，而題主說的 icon 組件的角色更多的只是服務依從於「內容」。

所以題主應該著重於思考如何利用排版、字體、色彩、來優化你的界面以突出重點信息或者功能而不是拋開以上，挖空心思琢磨 icon 組件怎麼打光怎麼投影。

即使要投入心力研究視覺圖形元素，肯定也是因為你的界面內容需要利用視覺元素的陰影、高光傳達出某種空間感以展現內容的層次，才有必要去投入時間。

但前提是你依然要明確這些設計要素間的優先順序。

而 icon 或者是需要你擁有繪畫基礎繪製的部分，目前來說在一個完整的產品當中需求不一定那麼大，你作為開發其實不需要做太高投入去「畫畫」，你可以找現成素材，現在網上很多資源，或者請朋友畫一下。

不過有機會你還可以多研究一些優秀的網站、app 和極具美感的藝術作品和事物，培養並提升審美意識。幫助你從理性的邏輯思維跳出來，從感性角度獲得控制色彩版面的 sense（中文一時找不到合適的定語中心語了）。

不邀自來。

我是半路出家，現在覺得自己也就剛摸到門，也還沒踏進去。半路出家的感覺就是容易趨於空中樓閣，我們只看到、用到或者學習了總體的某些方面，就像用圓珠筆把一張白紙塗成黑色，你塗一遍之後總會發現有很多細小的白色，這就是漏洞。

而我的經驗是，兩條腿走，而且同時走。

第一條腿，是臨摹和實踐。

我第一次寫東西，第一次畫東西的時候，開始也覺得挺滿意的，但是拿給別人看了以後他們會覺得『這 tm 是什麼玩意兒』，挺傷人的對吧。不過目前已經有超過兩位數的設計師前輩給我建議，讓我先去臨摹現有的設計和產品，比如 icon，比如 UI。

多看一些網站，比如追波，UI 中國等，很多在職的設計師每天上班第一件事就是先瀏覽這些設計網站，看看有沒有新的、好的設計。甚至大部分人我相信設計一個頁面的時候，也會先去『參考』一下有沒有類似的界面。

像素級抄微信的所有頁面，每一個 icon 每一個分割線都自己畫，畫完之後再重新對著比較，讓別人一起幫忙看有什麼不同的地方。這個過程你會熟悉軟體的使用（雖然工具不是最重要，但是巧婦難為無米之炊嘛），而臨摹多個作品之後你慢慢會積累自己的美感，還有關於布局、交互、搭配上的經驗。

除此之外就是自己設計，參照臨摹積累下來的經驗，有沒有哪些頁面感覺用起來不爽？或者你有更好的想法？這時候就可以自己創作改進一些已有的界面，畫完之後，找朋友比對一下聽聽意見，再自己總結，又會有新的進步。

有機會的話，可以自己從頭到尾去設計一個小產品，頁面不要太多，功能不要太複雜，已有比較成熟的競品也無所謂，因為第一次做的東西基本沒法用。所以你要做的，把你能想到的都做出來，先別管好不好看，儘可能地全面。中途或者後期你慢慢發現這裡缺了什麼，這裡的設計有硬傷，那裡不合理等等，去改進它，又是進步。

有的人會說一定要從理論基礎學起，這樣少走彎路，基礎更紮實。但我覺得，如果你已經工作了，半路出家的話還是先臨摹、先開始做比較好。人都是需要反饋的，理論學習本來就比較枯燥，一段時間都沒有回饋的話，對效率和持續性都是很大的打擊。

那就說說第二條腿，理論學習。

到現在，我自己做交互方面覺得自己最大的問題有兩個。一方面，思考問題不全面，比如有的頁面只考慮了內部的狀態，總會忘記做推送和消息提醒；比如網路不好的時候，怎麼給用戶反饋；比如頭像和昵稱是註冊的時候設置還是先隨便給一個默認的。另一方面，自己以為簡單的東西沒這麼簡單，一個登錄註冊流程所有狀態頁面就可能佔總頁面的四分之一還要多，因為『註冊』、『登錄』、『找回密碼』、『修改密碼』等等實在太煩瑣。別忘了還有密碼輸錯了、手機號輸了英文字母、驗證碼錯誤重發......這樣一個簡單的內容第一次去做，一定是漏洞百出。

視覺設計方面，我覺得自己沒有理論基礎就暴露了在色彩搭配、陰影等方面的弱點，就像你說的，自己畫的東西其實很糟糕，因為形狀布局、顏色搭配不科學。

所以理論學習也會很重要，去購買一些交互設計、視覺設計相關的基礎、經典教程，還有一些公開課都很不錯，和實際結合起來會很有收穫。而視覺設計方面，有一本書叫《三十天學會繪畫》可以看看，每天幾十分鐘，從手繪、陰影還有配色來鍛煉繪畫能力。還有一本叫《寫給大家的設計書》，講一些常用的設計原則，例子淺顯易懂，也非常實用。

光看書真的很枯燥，也常覺得沒什麼效果，但是確實我會覺得工作之後的某一個細節讓你想起之前在書里看到的理論是那麼有價值。

但是誰說半路出家的比不過專業的呢，至少我現在就覺得學校里好多平面設計專業出身的研究生畫的app ui 和交互完全比不上我，他們更沒有豐富的經驗和積累。

所有，加油，先開始做起來，走彎路也沒關係，當然要是找到一個好師傅，他教你設計，你教他代碼，那就更好了。

零基礎也能學習UI設計。