UI設計初學者應該如何入門？

1、UI設計師是什麼？

不說UI設計師，就連設計師，很多人都以為隻是P圖的美工，這裡有必要先明确一下UI設計師的概念。當我們要學習一門技能，進入一個行業的時候，此時此刻正确的認知對于我們來說太重要了。行業是什麼，做什麼，學什麼，怎麼做等等基本正确認知一定要知曉，我們先來看下官方的定義。

維基百科對于UI定義：

UI，也即使用者界面（UserInterface，簡稱UI，亦稱使用者界面）是系統和使用者之行互動和資訊交換的媒介，它實作資訊的内部形式與人類可以接受形式之間的轉換。是以，UI設計師也就是設計使用者界面的人。

這段話前面兩句可能大家不太熟悉，最後一句UI設計師就是設計使用者界面的人，這個相信大家都能了解，也就是說，我們手機所看到的所有界面都是由UI設計師所設計的，就例如打開微信，微信的界面，聊天視窗，朋友圈等等這些界面都是UI設計師所設計出來的。

那麼前面這段話：是系統和使用者之行互動和資訊交換的媒介，它實作資訊的内部形式與人類可以接受形式之間的轉換。

這是什麼意思呢？這裡也有必要讓大家深刻的去了解一下，作為零基礎小白人來說，用最通俗的話來去解釋再好不過，如果還是官方話術，那就等于白說。我這裡舉例來說明，就例如我們要研發一個聊天軟體，起名為微信（舉例），我們前期要策劃，規劃，對不對，怎麼聊天，怎麼發語音，怎麼發視訊通話，這些功能都要實作出來， 好，此刻我們研發好了，但是我們要以眼睛能看到，以及用手去觸摸的形式來操作啊，例如，按鈕啊，圖示啊，界面的設計啊，這些都要視覺設計師來完成，好了，此刻我相信大家明白，UI設計師是幹什麼的了吧，對，就是視覺設計，把那些功能全部視覺化出來，給人們以能看懂的方式來展示，然後去互動去産生行為互動。

OK。我們UI設計師就是主要做這個，當然随着時代的發展，我們UI設計師其實需要掌握的東西會更多，以後我們在繼續交流，這裡就給大家解釋這麼多。

是以毫不誇張地說，在這個顔值當道的年代，UI設計師的水準，直接決定了網際網路産品（網站、App、網上店鋪等）的顔值。

無論産品的品質怎樣，使用者接觸産品的第一幕，就是UI設計師給産品設計的這張臉，一個好的UI設計師，能潤物于無聲，在渾然天成的設計中為産品注入新的價值，絕不是普通的打雜美工。

2、UI設計師的基礎修養 設計總體認知

在進入一個未知的領域前，我總傾向于先梳理這個領域的架構，待有了比較全面認知後再深挖。

這其實也是大學專業課程設定的思路，先學習一門導論課，了解基本概念，再進入細分領域。

學習UI設計也是一樣，先對整個設計專業有總體認知，再去學技法層面的内容、規則，慢慢把知識庫填充完整。

如果有條件，可以嘗試了解一個新的網際網路産品出爐的工作流程。這樣，在局部學習前，就能對重難點、課程架構都心中有數。

就例如我們的UI設計師教育訓練班，90%都是以企業實戰案例為主，講解的都是已經上線的産品APP，學員學習之後就等于直接有工作經驗，符合企業用人标準，擁有項目經驗，能快速上崗工作。

技術基礎

如果說程式員一天中大部分時間都在碼代碼，那麼設計師的時間都留給了Photoshop、Axure、 Illustrator，After Effects塗塗修修确實是常态，而這裡，也是“美工”稱呼的發源地。

娴熟的技法，是完美展現設計作品的必備條件，作為UI設計師，也應當熟練掌握這些常用軟體。

稍低一點的要求，是至少能精通其中一款軟體，各種操作都已經形成自然反應，其他軟體也能通個七八分。

不過，學完這些軟體之後，切忌炫技，學到這步，你隻是學會了修圖，還隻在美工的地步，并談不上設計。

因為往往就有一部分人會有錯誤的認知，一提到學習設計，就想到學習軟體，同時埋頭在軟體一學就是一年兩年，有的人甚至更久，可以說是盲目學習，是以這裡給大家重新認知一下，設計并不等于軟體。

繪圖基礎

有人以為，設計師隻要去圖庫網站找一些素材，借助工具進行修飾即可，其實這隻能鍛煉你的借鑒能力，當你的技法娴熟到一定程度，就可以嘗試臨摹。

通過臨摹，一則用來強化技法層面的能力，二來也能提升初學者的創新能力。

臨摹的内容，可以有兩方面選擇：一種是系統自帶的圖示。

比如Mac OX、Windows，或者移動端iOS、Android的原生圖示，都是精心打磨過，既能幫助初學者了解平台設計規則，又能在臨摹中逐漸鞏固常用軟體的技術。

另一種則是行業牛人的設計作品，捉摸他們的設計風格、思想和細節，都能加深對設計的認識。

各平台設計規則

iOS、Android、WP、Windows、Mac OX各個平台都有自己的設計規則和偏好。

在移動端，連每款機型的分辨率、狀态欄高度、導航欄高度、圖示尺寸、字型、顔色值都有嚴格的規定。這些平台的設計規則，在搜尋引擎上都能被檢索到。

了解能力

作為設計的上遊，産品經理常常會直接發需求文檔給設計，能讀懂産品文檔、快速分析需求，定位出風格、色調、元素，最後迅速把産品需求視覺化，就是産品經理們最愛合作的設計師了。

對于新手來說可能有點慌，不知如何下手，同時如果是自學的人也會比較困難，自學的人一般都是沒有實戰項目經驗，當你真正去工作的時候，肯定會表現出一些慌張無法下手，這也是我接觸很多自學的人所傾訴的内容，他在公司不可能問上司，問同僚也不好意思，有時隻能到網上找幫助，或者問老師來解決。

是以對于新手來說，前期的學習是至關重要，你所接受的知識體系會決定你以後的工作發展，系統的學習UI知識是非常關鍵的。

總結：技術基礎，繪圖基礎，各平台設計規則，了解能力，思維能力等，這是我們學習UI設計的大步驟，但是這隻是籠統的，那麼我這邊也給大家整理了一份，UI設計師必須的内容，以及要達到什麼層次，學習到什麼結果，分享給大家，内容會非常幹。

一、UI設計美術階段 

學習内容：素描關系、光照現象、光影繪制、透視、基礎造型、構圖原理、手繪圖示

完成作品：UI設計手繪圖示

二、UI設計軟體階段 

學習内容：PS+AI+AE+ARP軟體從基礎到精通

完成作品：熟練PS+AI+AE+ARP軟體

三、UI設計案例階段 

學習内容 : 布爾運算技法、扁平化圖示、拟物化圖示、系統圖示

完成作品：系統圖示、拟物化圖示、扁平化圖示

四、UI互動設計階段 

學習内容：互動原型圖、互動邏輯理論、線框圖設計、頭腦風暴講解、ARP軟體運用

完成作品：低保真原型圖、高保真原型圖

五、UI視覺設計階段 

學習内容：廣告banner、APP界面、版式布局、安卓規範、蘋果規範、色彩搭配、使用者體驗

完成作品：APP設計作品

六、UI動效設計階段 

學習内容：AE軟體運用、UI圖示互動動效、UI界面互動動效

完成作品：APP互動動效作品

七、UI網頁設計階段 

學習内容：Web界面設計規範、多風格多類型界面設計、網站宣傳品設計、電商專題、産品宣傳頁設計、網頁Banner廣告設計

完成作品：企業網站與個人網站作品

八、就業指導階段 

學習内容：如何找工作、和面試官如何談話、作品集如何制作、履歷如何制

完成作品：面試作品集+高逼格作品履歷

總結這麼多，可以說是非常之詳細了，這也是UI設計師必須要掌握的技能，get到了也希望大家多多支援，點個贊轉個發。

3、UI設計師的進階修養 審美意識

很多人遇到這個問題，都會說我沒審美，還能不能學習UI設計啊，或者還有同學會說審美差怎麼辦啊？

其實審美，并不是天生就有的，審美全是後天培養的，不管是設計，還是其他的一些事情，對于美與醜，都是後天的學習與指導産生的，也就是說這都是從小就開始養成的，從小就開始培養的，就跟小時候大人教我們那些事物是好的，那些事物是壞的，是一樣的道理。

美這個詞是說不盡的，就比如說我們和西方國家，針對美的看法就不一樣，我們覺得西方的美女很冷豔，高大，這就造成審美不一樣，他們反過來他們也會覺得我們也不一樣，這也是環境導緻的，從小接受的事物決定的。

那麼設計也是一樣的道理，剛學習UI設計的零基礎學員，應該怎麼樣提升自己的審美呢？答案就是多看，看大量的好的UI作品，還得堅持看，每天看，自然你的審美就提高了，提升審美就是這麼簡單，但是要堅持才行。

是以審美意識要如何培養、提高？唯有日積月累地浏覽、學習、思考、聯系，大概就是逐漸提升的可能途徑吧。

使用者體驗

從前，除了設計界面的UI設計師之外，網際網路公司會專門設定專門的使用者研究中心來處理使用者體驗的種種問題。

但如今多元的趨勢下，一個網際網路産品的視覺設計，需要懂一點産品、懂一點使用者體驗，才能更有效的推進合作流程。

同時也會培養自己多元化的思維方式（使用者研究以缜密的邏輯發展，而UI設計則更加追求審美）。

互動設計

分不清互動和UI的人，可能一抓一大把，事實上，這還是有差別的。從一般意義上說，UI主要做的是圖形使用者界面，也可以稱為GUI設計師；

互動設計主要做處理點事人機互動的界面，任何與機器打交道的過程，都需要互動設計師來參與。

但坦白說，現在的App中，有多少操作能把UI和互動完全清楚地剝離開來呢？

一個好的産品，需要美觀的界面和順滑的互動，也就離不開設計師兩種能力的相輔相成了。

尤其現在，設計趨向扁平化的時期，隻要遵循設計規範，互動設計甚至能出了設計稿後直接給開發去實作，單純UI設計的存在感日益弱化。

是以我們縱觀以前和現在，行業的發展，時代的變遷，導緻我們各行各業都是多元化，真的是，你不多學點東西，根本沒人要你啊，最後真的隻是淘汰的名額，每日提升，保持終生學習的态度是每個人必須要有的。

4、資料

下面推薦一些适合入門的書籍與網站，以供參考。

閱讀書籍 《Don’t MakeMe Think》（點石成金）

這本書已經了好幾版了，能這樣一遍遍修訂出版的，除了學生用的教材，就是業界的聖經了。

這本書主要講的是如何通過網站設計來提高網站的可用性，除了網頁設計外，也包括了一些使用者心理研究等内容，語句曉暢，讀起來十分輕松。

裡面的案例雖然有點久了，但經典的案例永遠不會過時。作為初入學者，能從一本書裡看到整個領域的大局，也有逐漸養成設計師的思維，是入門啟迪型書籍。

《寫給大家看的設計書》

一本Robin Williams大師寫的老生常談，本書主要圍繞對比(Contrast)、重複(Repetition)、對齊(Alignment)、親密性(Proximity)四個設計基本原則展開。

短短200頁，門外漢讀起來也不費力，但讀完這本書你會明白設計的重要性。另外，這本書的排版、文字編排也很有設計感，讀起來更加舒服。

《破繭成蝶：使用者體驗設計師的成長之路》

前面的書是理論型的，這本是則比較注重實踐，結合本土網際網路公司案例解釋了很多落地的問題，甚至還有具體崗位介紹，面試細節，工作流程等，可以作為工作的工具書。

《設計之下》

通過搜狐新聞用戶端UED團隊的設計過程，完整展現真實的設計流程。全書分為三個部分。

第一部分為“互動設計”，主要總結了大局觀、操作流程簡捷、形式新穎且統一、各種特殊情況等互動設計要點。

第二部分為“視覺設計”，闡述了界面、顔色、圖示、質感、動畫、等具體方法。

第三部分為“他們眼中的優秀設計師”，

通過産品經理、程式員、營運、市場經理的視角，闡述了如何成為一名優秀的設計師，同樣是1-2歲的設計師學習的好書。

《騰訊傳》

這本書主要講的是騰訊公司的成長經曆，吳曉波花了五年時間寫的，

寫的非常的細緻，騰訊公司在中國網際網路行業是非常牛的，

比如這個公司開發的産品，微信，QQ，王者榮耀，

全是非常火的産品，通過這本書的閱讀

可以讓我們對中國超級網際網路的産品設計有一個很深的認知，

産品設計指的就是UI設計，到于學使用者體驗幫助非常的大。

使用者體驗也稱UE是學UI必學的知識點。

《喬布斯傳》

這本書講的是全世界第一的網際網路公司，

蘋果公司的創始人喬布斯的故事，是所有UI設計師都值得一看的書，

要知道現在的UI設計之是以這麼火，

很大一部分原因就是蘋果手機引起的，

自從蘋果4上線以來，全球的手機市場，UI市場，發生了非常大的變化，

增長非常的快，喬布斯也号稱全世界最偉大的産品經理，

通過本書的學習可以讓我們了解全世界第一的UI設計作品是怎麼設計出來的。

優質網站：

靈感枯竭的時候，覺得自己審美不夠的時候，都可以去下面網站逛逛，尋找靈感，提高審美，陶冶情操。

下面是 網際網路公司UED部門網站：

幹貨很多，值得學習，百度搜尋名稱

騰訊CDC

騰訊ISUX

阿裡巴巴UED

百度使用者體驗中心UXC

網易使用者體驗設計中心UEDC

360 UXC使用者體驗設計中心

各類App：

各種榜單、推薦應用的賬号上新出來的App都可以關注，App集郵能力，就是你資曆的一部分，很多超越也是在巨人的肩膀上改出來的。

4、練手

光說不練假把式啦~

參加比賽：

現在手機主題設計、App皮膚設計各種比賽到處都是，有一定技術之後可以參加比賽，都是鍛煉人能力，嶄露頭角的好地方，作品被選上的話就直接拿獎金了。

網上接單：

雖然聽上去有點微妙，但臨摹能力、技術能力，這些都能在接私活中慢慢培養起來，而且還有真實收入。很有可能，你之後面試的作品就是私活帶來的。

就業實習：

既然要入行，當然要去裡面自己體會下個中滋味，如果有幸去了大公司，很好你就能熟悉一套規範的設計工作流程；

如果去的是小公司，那你可能就要成為獨當一面的全能手了。總之，出去曆練，是走向社會的第一步。

5、一點醒腦劑

最後說一點自己的想法

很多人說網際網路寒冬來了，眼看着找不到工作的學弟學妹逃離北上廣深，縮招裁員越來越明顯，

就極力遊說周圍的人别再從事程式員、設計師、産品經理等與網際網路相關的崗位。

其實我始終不太贊同這個觀點，這隻是前幾年網際網路過度樂觀膨脹發展後終于回歸理性而已。

回歸理性，意味着已經過了人有多大膽，地有多大産的時代。

回歸理性，意味着行業從野蠻生長逐漸轉向遵循市場規律。

回歸理性，意味着企業對人才需求仍在，但要求漸高。

是以，做一個不那麼恰當的比喻，

多才多藝的設計師就像一線城市的房價，盡管開價很高但還是供不應求。 學藝不精的設計師就像十八線城市的房價，在一路下跌的頹勢再也硬不起來。 核心技能點是人才流通市場上永遠的硬通貨。

那麼有想真心想學好UI設計，掌握一門技術，從事UI設計師，請點選文字連結，檢視我們的全能UI設計師教育訓練班課程，來進行系統的學習。

課程介紹：UI設計全能就業班，零基礎學習UI，四個月入職網際網路公司，逆襲成為年薪20萬的UI設計師。