平面設計設師怎麼入行UI設計？

01-08

本人平面設計多年，想換個設計領域挑戰自己，但是不知道該怎麼步入這個行業？

隨便找個APP設計，在設計平台上，做一次改版。

第一次不用想太多，按照自己的理解做，任何都可以隨心所欲。

之後找UI領域的朋友看一眼，或者發布到平台上邀請其他人評價。你會發現有些細節在跨領域時有些區別。這個過程能幫助你更快的理解UI，並且很深刻。

宏觀上說，平面跨UI是不應該有瓶頸的，除了參數部分。

我也是從平面轉的ui，到現在一年有餘，經歷了最開始適應轉換的階段。其實如果平面功底紮實還是很好轉的，色彩/版式/創意那些都能用上。我當時是自己準備了幾個月，做了一份ui的簡歷(面試得有作品)，自己琢磨重設計了幾個app，從用戶的角度去考慮，關於重設計的app站酷就有不少;擼了一些擬物圖標，最開始臨摹了幾個，後來自己嘗試原創;畫了一套手機主題，放了一些插畫類的作品以及平面Kv。然後就是面試了，收到了幾份offer。只要認真準備，走出第一步，接下來就是必有路的。

本人大學視覺傳達，畢業後從事1年多的平面設計，之後轉行入ui。接下來我將從思維轉換、實踐入門、深入提高這3個方面來講述轉行的過程方法。另外，以下這些也都只是我個人的一點點經驗，並不一定正確，希望題主能夠有意識的吸收。

1.思維轉換

我一直認為平面設計轉行ui的門檻會比起他行業低許多，並且某些角度來說更具備一定的優勢。例如，色彩的感覺、造型的能力、對畫面平衡的把控等等。這都是我認為在做ui時非常重要的東西，也是有平面基礎同學的優勢。但是，二者的區別也非常明顯，其中最應該優先分清的就是可交互性。

雖然平面設計中輸出的作品也具備交互性，但是相對來說比較薄弱同時不具備實時性。一張海報，一個包裝完成之後展示在那裡，就只能消費者當方面的獲取信息而它們並不會給予反饋和互動。因此你在剛轉行的過程當中應該主動的去培養用戶體驗的思維（好吧，我承認這個詞已經爛大街了）將之前做印刷物時的思維轉換到做互聯網產品的思維上面。下面的幾個網站你可以逛逛。

技術類：

騰訊ISUX - 社交用戶體驗設計

騰訊CDC

用戶體驗

資訊類：

36氪_為創業者提供最好的產品和服務

愛范兒 · 報道未來，服務新生活引領者

數字尾巴-分享美好數字生活

沒有很多，但是對你目前來說基本夠了。坦白說，就算你多看用戶體驗技術類文章，對你現在的工作也不會有多大用處。但是，對你培養互聯網的感覺和營造氛圍還是有一定幫助的。

2.實踐入門

在具體的操作方面，ui和平面設計就完全是兩種東西了。索性現在已經是扁平化的時代，所以在ui的軟體層面，你之前平面時的那些技巧基本夠用。這時候我個人感覺你優先要了解的是各平台的尺寸，控制項大小比例，字體的大小等等這些東西。之後才是流行的風格，不同的表現手法這些更高階的東西。否則你在真的做一個app或者網站時你會茫然不知所措。

那麼如何了解這些基礎的東西呢？我認為最方便的就是臨摹。臨摹這裡可以有兩種方式，根據你自己的情況來選擇。

第一種

拿app界面來舉例，你找一張原尺寸的產品界面（最方便的就是手機截屏）然後拖到ps裡面。將它放在最底層，然後在它的上面依樣畫葫蘆的畫出所有的元素。

在畫的時候最好不要從上到下一點點元素的臨摹，而是先從大的框架開始然後細化到裡面，就像畫畫一樣。

第二種

在參照界面外另外新建一層畫布，然後手動測量元素之間的大小距離，然後在新的畫布上根據測量的結果一摸一樣的畫出來。

測量工具的畫可以用ps自帶的這個就好了。

在做界面的過程中，一定要記得所有單位都是像素哦。同時，在臨摹的時候也應該主動的去理解各元素的大小，比例，留白間距等等，這也是臨摹的目的。

這類的臨摹不用太多，適當做些就好了。在你覺得對app或者網站的尺寸什麼有了一定的理解之後就可以停止了。這時候，基本也算是入門了，在面對app時應該也不會完全不知道從哪裡開始下手。

3.深入提高

這個階段是一個長久的過程，說實話我目前也處在這些階段。但是對於剛入門需要提高的同學來說我還是有一些小小的心得可以分享的。

第一點是對技法的深造。在你對ui有了一定的了解之後要做的就是如何把界面做的更加精緻，更加的易用。首先你可以多看看設計相關類的網站（有些網站你可能已經知道了，不過還是貼出來吧）

Dribbble - Show and tell for designers

Behance

https://www.pinterest.com/

Webデザインリンク集?ソーシャルブックマーク

Awwwards - Website Awards

UI中國-專業界面交互設計平台（有很多新手的教程可以拿來聯繫）

The Best Designs

至於如何看，既然你之前已經從事過設計，那麼我就不多說了。

在多看之後，更重要的就是練習。練習可以是自己假設的項目，也可以是對目前市面上已經上線的產品進行重新設計。例如，可以對優酷的客戶端，淘寶的客戶端進行重新設計，當然我只是舉例，你可以找一些體量小一些的產品來進行練習。練習完成後最好對前期的思考、交互稿的繪製、界面的展示等等進行有設計的整理，這些東西對你找工作都有很大的幫助，特別是在你沒有很多ui相關的作品時。

第二點是資源庫的積累。和平面設計一樣，ui資源庫的積累也非常重要，而且你平面時期積累的東西很多也對ui非常有幫助，千萬別全部放棄了。

第三點是產品思維的培養。這也是我目前特別需要提高的東西，隨著界面越來越輕量化，純粹的視覺設計在工作當中的比重可能會逐漸的減少，未來更需要的是對產品的理解更全面，對業務的理解更透徹，能夠實際幫助公司盈利的商業設計師，而不僅僅是把東西做好看的藝術家。

以上是我個人的一點點經驗，希望能對題主或者有相關問題的同學有一些幫助。潛水那麼久，第一次認真回答問題，覺得有幫助的麻煩點個贊哦，謝謝～～

謝邀。

以下是個人簡介：

UI滿足三個條件：易看，易用，技術上可實施（第三個基本可以忽略，新人做設計一般都不會有太膽的嘗試和創新，就跟著別人做就可以了。）

閱讀不同平台的設計規範文檔，從而了解一些基本的規範，比如按鈕尺寸大小，按鈕顏色，字型大小以及字體顏色的推薦，就好比您設計名片時的常用尺寸以及出血部分的留白一樣；

熟悉了規範之後，可以開始實操，您目前可能還未在職，可以虛擬項目，通過實操去進一步熟悉掌握規範。

http://www.ptterns.com

這個網站上面有常用的頁面的界面截圖，可以多看多熟悉，剛開始哪怕是直接導入到PS裡面直接跟著描都可以，慢慢你就熟悉了。

了解切圖，標註，適配之後，親自做一套UI，後面再花時間去學習iOS和安卓的平台規範，這些規範很多你已經在使用app的過程中有了了解，學起來很快，準備幾套作品，再加上一些互聯網知識，面試妥妥的

我仍然認為，ui設計只是設計里的一個小分類，無論是切片也好，臨摹也好，參數也好，只是一些死記硬背的東西。

要學習一些編程知識倒是可以考慮。與其他求職者不一樣的地方，這才是你努力的方向。

而不是追趕別人的步伐。

我就是從平面轉UI啊~

先說一下我的經歷，我是2015年藝術與設計系畢業的學生，14年底大四的我找了一家廣告公司做平面設計實習生，做到15年3月份，半年時間，學了不少東西，也累積了工作經驗，但我還是毅然離職了。。。因為太辛苦了，經常加班，我入職半年，通宵過一次，?半夜12點?後回宿舍的次數不下10次。而錢拿的卻不多。後來我去了一家甲方公司，輕鬆多了，每天準時下班，每天也不太忙，工資一般般，3500，對於剛剛大學畢業的我來說，算是知足了。但是做了3個月我就覺得日子太無聊了，每天都像混日子一樣，我才23歲，就開始混日子，以後怎麼辦？這時候正好聽說一個學長轉行去做了UI，工作2年，月薪就8000了！當時給我一個很大刺激，我當時就決定：學UI！我先去培訓班看了一下，只看了一家，達內，尼瑪居然要一萬七，呵呵噠，課程設置倒是挺好的，4個部分，0基礎到精通，一步到位，可惜沒這麼錢，我就斷了培訓班的路，回去自學了。

6月開始，我在網上到處收刮學習UI的資料，什麼「UI自學網」「10分鐘UI設計」等等，都看了，但是感覺沒用，教畫圖標的教程一大堆，但是我知道UI絕不是畫圖標，裡面有蘋果和安卓的設計規範需要系統的學習。之後我又買了書，《移動設計》淘寶的UI設計團隊出的，但是看完了還是一知半解。正當我準備放棄的時候，我試了一下萬能的淘寶，結果搜出來一堆UI教程！我挑了裡面一個最靠譜的，50元，買了，然後把視頻下載下來，結果嚇了一跳，居然是達內的視頻，不過是2014年的，四個部分包括平面、美術、網頁、UI，喜從天降，我馬上開始學了起來。因為我有設計基礎，所以我直接學了UI，教程非常好，老師講的也很細，半月時間，我就把UI的圖標部分學完了。然後學界面部分的時候我發現用的還是蘋果5S的設計規範，而且設計風格也是擬物化的，也是，2014年初的視頻教程，而蘋果6是2014年9月才發布的。我又去搜2015的達內教程，要380。。。想了半天還是忍痛買了，畢竟原價17800,380也是大賺一筆，之後看視頻，果然講了蘋果6，界面也是扁平化的，非常好。再又學了一個月後，我做了一些作品，在10月的時候找到了一家UI的工作，公司不大，試用4000，12月轉正的時候談到了5000。不多，但是對於剛畢業的我來說，很知足了，學長說，等你有了一年工作經驗，跳槽就是七八千，呵呵噠！

最後我覺得，何不把這些教程拿出來便宜點賣了，他賣50的我賣15，他賣380的我賣50，讓更多人學到UI。至於店鋪我就不放鏈接了，淘寶搜索「彭彭設計素材館」就可以（店鋪也叫這個）雖然工作了，我還是繼續學習，又買了不少UI的教程，但是有用的就兩個，一個是教UI動畫效果的AE教程，還有一個是理論的教程。

平面設計很好轉，因為都是用ps、ai、flash，主要是要了解網頁、移動端的一些設計規範，還有交互等等，多臨摹多做一些作品，就能投簡歷找工作了。

這個問題不大把多看點ui方面的規範操作，多做練習

UI是平面天然的職業延伸，因為幾乎不用多掌握任何的工具。要的只是一些基礎知識和經驗。