7000多字，梳理出一份全面的 UI 設計師專業知識大綱

隨著互聯網的不斷發展，特別是移動互聯網的不斷成熟，視覺設計師也進行了迭代與細分。衍生出的 UI 設計也從突發性暴增到趨于平緩。相較于前幾年來說，UI 這個關鍵詞已經變得司空見慣了，隨著市場的不斷飽和與迭代，也給很多設計師帶來新的挑戰。

雖然 UI 設計的準入門檻已經越來越高，但是依然有很多設計新人涌入這個行業。最近也經常遇到很多零基礎的伙伴來咨詢現在是否還能入行，或者如何去學習提升等問題。

綜合最近遇到的問題，為了給即將步入這個行業的設計小伙伴一個專業能力需求梳理，特意進行了 UI 設計準入門檻的專業知識大綱梳理，希望能夠帶給大家一點幫助。

UI 設計師的日常工作

既然想要入門 UI 設計，那么對 UI 設計師日常在工作中具體負責完成什么內容需要有個清晰的認知，免得后期入行后發現這樣的工作狀態并非自己所想要的，耗費了時間和精力。

下面通過不同形式的公司對 UI 設計師的能力要求進行分析，希望可以幫你了解他們的工作日常。

1. 中小團隊

在一些小團隊里面通常人力配備很少，有時候就一個設計師，對設計師的專業能力要求相對低一點，廣度相對較大。日常工作需求比較雜，一切與視覺相關的內容可能都會成為你的工作內容，移動端界面設計、網頁設計、運營活動設計、平面設計、其它視覺支持等等。需要你是一個多面體，哪里需要隨時可以頂上，對專業能力的要求是全面，不一定很深入，有時候可能連 PPT 美化都是你的工作職責。

如果有上線的產品，比較好的狀態是有產品經理，甚至有些小團隊老板就是產品，提出一個大概的想法，剩下的都是你的活兒。所以在中小團隊生存，你需要掌握的東西會比較雜，換言之也能提升你很多方面的實戰經驗。

綜上所述，個人不建議設計新人進入太小的團隊，如果只有你一個設計師，那很難有進步，你都是在掏空自己的能力存儲，沒有前輩傳授你新的技能與經驗。

小結：在中小團隊中需要具備專業廣度，從最全面的需求來看你可能會遇到這些工作：logo 設計、宣傳物料設計、活動專題頁設計及推廣需求設計、移動端界面設計、網頁設計、基礎攝影與修圖、PPT 美化等等一切視覺支持。延展技能可能需要有產品思維和交互輸出能力等。

2. 半成熟團隊

半成熟團隊通常是有三個以上的設計師，里面也是有設計專屬的領導，可能是一個小的項目組或者獨立團隊。一般配備是至少需要有一個高級資深左右的設計師，這樣才能帶領團隊獨立完成需求。

在半成熟團隊設計師除了專業廣度以外，也會有自己獨立負責的方向，有些 UI 設計師偏向于產品方向，除了可以完成項目需求以外，也需要不斷跟蹤產品反饋，優化設計層面的表現。一般很多時候上線效果不一定理想，我們要試著在迭代的時候去推進一點感官體驗。

小結：除了視覺層面的設計能力以外，你需要具備獨立完成項目的能力，主動跟進產品情況，發現優化的方向。這樣你才能有更好的上線作品，不然以后出去，沒有什么拿得出手的上線作品。

3. 成熟團隊

成熟的團隊里面通常設計師配備還是算齊全的，一般招進去的大部分屬于高級資深左右的設計師，可以獨立完成項目需求。每個設計師都有自己獨立負責的業務板塊，比較看重專業深度上面的能力。

除了項目需求的發揮以外，也需要善于進行設計經驗總結與梳理，可以輔助團隊整體設計能力的提升。

小結：需要具備很好的專業深度，會有獨立的設計舞臺讓你發揮。要研究設計方法論，總結設計經驗，幫助新人設計師進行專業強化。研究產品，可以提出設計優化方向，制定設計規劃等。

4. 團隊設計工作流程

工作流程因公司具體情況會有所差別，規定是死的人是活的，變化是難以控制的。大家需要結合自身團隊因素，選擇性采用。

5. UI 設計師技術對接流程

下面給大家展示的是團隊里面設計師對接技術的一些流程，設計稿完成只是工作的一部分，最重要的還是技術最終的產出。

每個團隊都有自己的一些對接流程，流程多與少、簡單與繁瑣都是次要的，最終都是希望可以更加規范的掌控好每一個關卡，讓產品可以順利上線，達到預期。

你需要掌握哪些軟件

軟件操作能力是你入行設計最基本的要求，如果連軟件基礎都解決不了，有再多的想法就沒辦法很好的還原呈現，就等于空想了。軟件只是工具而已，會軟件不代表會設計，但是要會設計，這是你必須要打通的關卡，下面我們一起來看看你至少需要具備哪些軟件基礎。

1. Adobe Photoshop（簡稱 PS）

這是優先要學會的軟件，普及度很高的一款軟件，只要熟練掌握以后，對學習后面的一些軟件將會有很大的幫助。對于 UI 設計師來說這款軟件主要用于：界面布局設計、圖片處理與合成、插畫創作、運營需求設計等等。

現在市面上很多 PS 教程書籍，買本案例實戰的即可，最好是最近年限的。一般跟著上面的案例做，剛開始的基礎章節要挨個學習，熟練基本操作以后，后面的案例可以跳著做，不同的案例講了同樣的工具操作，可以適當跳躍一些重復的練習，快速把更多的工具學習完成。

PS 入門教程：https://uiiiuiii.com/photoshop/12121781.html

2. Adobe Illustrator（簡稱 AI）

AI 軟件，是一款矢量圖形設計軟件，在矢量插畫、圖標設計、LOGO 圖形設計、字體設計、排版等方面都有非常大的優勢，配合 PS 軟件將會大大提高我們的工作效率。學習方法和 PS 一樣，只要你先學會了 PS 軟件，那么這款軟件學習起來將會事半功倍。

AI 入門教程：https://uiiiuiii.com/illustrator/12122680.html

3. Sketch

這是一款輕量，易用的矢量設計工具，在 UI 設計行業里面也是近年來非常火熱的軟件。最近更新的 54 版本已經實現原裝中文版，給各位設計師帶來了更加便利的操作。只要你有 PS 和 AI 軟件的基礎，這款軟件就非常容易上手了，基本一兩周即可。沒有用過的設計師可能沒有太大的感覺，但是當你接觸之后就會喜歡上這款效率非常高的軟件。

由于目前只能在 Mac 電腦里面運行，所以也受到了一定的局限。如果沒有 Mac 電腦的同學想要學習一下，win 電腦安裝雙系統也是可以學習使用的，以此方式曲線救國，打點基礎也是好的。

△ 官方：https://www.sketch.com/

Sketch 入門教程：https://uiiiuiii.com/knowledge/121211571.html

4. Adobe XD

Adobe XD 是一款專為 UX/UI 設計師提供的設計利器，設計師可以利用該軟件進行移動應用和網頁設計與原型制作等。由于是 Adobe 家族的產品，和旗下別的軟件相互之間的配合親密無間，提高了設計配合之間的效率。更方便的一點是這款軟件沒有操作系統的限制，無論是 Mac 電腦還是 win 電腦皆可安裝使用，但是你需要注意系統的最低版本要求，這個官方有相關說明。

△ 官網：https://www.adobe.com/cn/products/xd

Adobe XD 知識樹：https://uiiiuiii.com/knowledge/121281225.html

5. Axure RP

Axure RP 是一款專業的快速原型設計工具，雖然現在一些公司的交互設計師也在運用 Sketch 軟件進行，但 Axure RP 還是很多交互設計師的選擇。Axure RP 的使用者主要包括商業分析師、信息架構師、產品經理、IT 咨詢師、用戶體驗設計師、交互設計師、UI 設計師等。這是一款普及度比較廣的軟件，入門相對簡單，想要深入下去會比較難些，作為 UI 設計師，這款軟件的基本操作還是需要掌握的。

雖然現在市面上有很多的第三方平臺工具，但是這個是軟件，也許第三方平臺工具更便捷，但是作為軟件的學習我們還是需要具備這個基礎，萬一以后團隊有限制，我們也不至于無從下手。

△ 官網：https://www.axure.com

6. 動效設計軟件

近些年對動效制作能力的要求也越來越普遍，很多招聘需求都對這個能力有所需求，特別是在下一個 5G 時代的到來，微動效輔助產品體驗將會更為全面普及，這個時候對 UI 設計師的動效要求也會更普遍。

現在實現動效的軟件和平臺也比較多了，比如：Adobe After Effects（簡稱 AE）、Principle、Adobe Flash、Pixate、Origami、Hype 3、Flinto 等等。個人一般主推的是 AE 軟件，沒有操作系統限制，市面上的學習資源也比較多。Principle 也是比較流行的，現在用的設計師也還算多，由于目前只支持 Mac 電腦，也存在一定的局限。

動效軟件學起來相對難度要大一點，一個案例可能要花費好幾個小時，很多小伙伴總是堅持不下來。不管難度多大，你也要在今后的時間里面攻破它。

AE 入門教程：https://uiiiuiii.com/aftereffects/12121499.html

7. 思維導圖軟件

思維導圖又叫心智導圖，是表達發散性思維的有效圖形思維工具，它簡單卻又很有效，是一種實用性的思維工具。無論做什么都要先把思路理出來，這樣你才不會思維混亂，執行的時候才會更加清晰明了，也能更好的將項目前后環節流程打通。

思維導圖的軟件很多，也有一些在線的工具，比如：Mindnode、MindManager、XMind、Popplet、FreeMind、MindMeister、百度腦圖、MindLine 等等，這里就不一一列舉了，大家搜索關鍵詞思維導圖軟件即可發現很多。我個人比較常用的是 Mindnode，大家根據自己的習慣選擇即可。

8. 文檔編輯工具

寫作能力是高級/資深設計師需要不斷養成的技能，無論大小的團隊，設計總結總是避免不了的，最好是要養成專業經驗輸出的習慣。寫文章的工具很多，比如：Pages、Microsoft Word、WPS Office 等等軟件，還有像石墨文檔、印象筆記、有道云筆記之類的在線工具。

我個人在電腦上面一般使用 Pages 進行寫作，如果是移動形式我會用石墨文檔進行寫作，然后同步到電腦本地端。有時候在外面有靈感或者空余時，可以利用手機寫作和記錄自己的碎片思路，我的很多文章都是在手機上面完成的，最后再整理出來進行配圖。

我們要善于利用自己的碎片時間整理思緒，也要不斷地輸出自己的一些心得感悟與經驗。為了寫作而看書是一種主動吸收的方式，比起被動讀書，這樣的方式轉化會更好。

9. 提案演示工具

在公司我們會經常需要向領導或者需求方進行設計提案，如果你還是隨便做幾個圖發過去，那么你這樣的職業態度不是一個專業設計師的態度。無論項目的大與小，我們都要進行簡單的設計提案演示制作，至少你也得制作一個三頁以上的演示 PPT。

制作 PPT 的工具根據操作系統和大家的習慣會有所差別，主要有：keynote、PowerPoint、WPS Office 等等。個人常用的是 keynote，也能和一些設計軟件相結合，比如設計一些小圖標可以直接拷貝加入 keynote 進行排版，處理的一些圖片也是可以快速進行置入的，動畫效果里面的神奇移動也不錯。

以上只是一些常用的軟件工具，根據行業的不同可能大家還會遇到別的工具，希望大家平時多多操作，基礎的內容必須熟練，這樣才能實現自己的創意。

你需要具備哪些技能

除了掌握基本的軟件操作以外，你還需要更多軟實力，會軟件不代表會設計，下面我們一起來看看你需要具備哪些技能。

1. 產品方向

如果往產品方向思考，我們除了滿足視覺層面設計以外，需要具備基本的產品思維。通常這部分 UI 設計師主要的職能方向是產品設計方向，我們的設計是解決用戶需求，通過設計引導用戶達成目的。不僅僅是產出美觀的設計，還需要符合用戶體驗和商業需求，你需要不斷體驗產品，也要加強交互設計能力。

推薦閱讀書籍：《破繭成蝶》、《用戶體驗方法論》、《簡約至上》、《騰訊網UED體驗設計之旅》、《U一點》、《方寸有度》、《用戶體驗要素》、《設計心理學》等等，書籍很多就不一一列舉了，大家可以到一些書城平臺查看最新的一些動態，書不在于多，而在于你有沒有吸收轉化。

2. 視覺 UI 表現層面

有了產品的思考與交互體驗方面的概念，那設計也得要具備美感，加強用戶感官體驗。俗話說道理說得頭頭是道，作品做得一塌糊涂，這樣不適合做設計執行。如果你以后帶團隊，你可以偏向于管理與理念傳達，只要具備驗收的審美能力和項目的把控能力即可。現在，你需要把設計做好。

多關注新的設計趨勢，跟蹤一些大平臺產品的迭代動向，讓你的設計不斷保持與時代同步。也要加強日常練習，提升設計效率，也能隨時把新的設計表達運用在練習稿中，以后項目需要可以立馬跟上。

設計趨勢：http://www.czdes.cn/tencent-isux-2020-design-trend

3. 運營設計能力提升

雖然很多 UI 設計師都不想設計運營相關的內容，但是現實總是刺骨的。一個專題頁的設計、一個 banner 設計、一個推廣配圖等等總是難以避免，你需要具備基本的運營設計能力。

4. 插畫設計能力

雖然我知道你不是科班出身，不會手繪是你的理由。但是，在需求方眼中，我只要結果，至于別的是你的事情。

插畫都是練出來的，達芬奇畫雞蛋的故事相信大家都聽過，技法層面的東西都是需要一點堅持和反復再反復地進行強化。情感化插畫可以提升產品與用戶之間的親和力，這也是 UI 設計師的基本能力訴求。

5. 品牌思維與基礎

無論做什么產品，設計都是為了傳遞某個品牌的服務價值，在同質化的當下，很多產品都如同來自于同一家整形機構，把名字去掉我們都傻傻的分不清。

在未來對 UI 設計師的要求不僅需要產品交互層面的能力，也要不斷反思如何設計出差異化的產品，結合品牌的特性進行表達也是需要我們不斷深挖的。

你需要如何熏陶自己

之前有一部熱播電視劇叫《延禧攻略》，里面有一個小橋段大致講述了在練習插花的過程中的一個感悟，出身民間的主角在練習插花，無論怎么努力都很難達到出生大世家的先皇后，因為她從小就在這樣的環境中熏陶。

因此，技法層面的訴求我們都可以通過刻苦磨練短時間內得到提升，但是設計的感覺、感知能力、審美與眼界等是需要一定時間的熏陶。

1. 看優秀的作品需要吸收轉化

很多設計師都忽略「看」帶來的吸收轉化，俗話說見多識廣，多看優秀的作品肯定可以提升你的審美與眼界。

但是，不是讓你一天看個夠，很多設計師知道這個道理就三分熱度，今天熬夜采集，甚至想要一次性把別人采集的幾千上萬個作品搬到自己的硬盤，以為擁有就代表吸收。看，需要循序漸進，不要在意今天看了多少，而是要記住多少，分析轉化多少，堅持每天吸收才能逐步形成記憶與轉化。

2. 體驗生活中的變化

創意來源于生活，也是存在一定的道理。沒有生活的體會你是無法感受別人強加給你的感知描述，只有經歷過了才是感知體驗而非他人描述。

你不去奢侈品店逛一圈，怎么知道原來這樣的設計居然可以值這個價格；你不去山頂吶喊，怎么知道這個角度看你生活的城市原來別有一番體驗；你不去大賣場購物，怎么知道氛圍的營造是要因環境而不同…...

3. 利用周末熏陶藝術細胞

你的周末是不是在家玩游戲、組團逛商場、在家睡覺等等，平時忙于工作，就算看東西學習也是互聯網的形式。周六日休息時間是你接觸外面世界的機會，那么如何利用好這部分時間是很重要的。

美術館：可以利用周末時間去逛一下美術館，關注一下美術館動態，遇到有畫展的時間一定要抓住機會。藝術細胞是需要培養的，不是網上看看作品就有提升，零距離接觸畫作，感受藝術家的生活與故事，才能不斷地提升你的藝術感知能力。

博物館/城市規劃館/畫廊：不同城市都有各類藝術相關的展館，也會舉辦一些藝術展之類的，這也是你獲取熏陶機會的來源。畫廊可以觀看一些藝術家的作品，也可以知道藝術作品的估價，偶爾逛一下還是非常值得的。

博覽會：在城市的一些大型展館會經常舉辦各類博覽會，不一定是設計、藝術相關的才看，別的類型也可以感受科技、行業等的變化。

藝術主題園區：一些打造的藝術園區也是值得經常逛逛的，比如 798 藝術區、中華藝術宮、M50 創意園、環鐵國際藝術區、西湖創意谷、宋莊原創藝術聚集區、二十二院街藝術區、800 藝術區等等，每個城市都有非常多的這樣的地方，這里就不一一列舉了。這些都是充滿藝術與生活相結合的場景，相信肯定可以帶給你不一樣的體會。

還有很多不同類型的戶外場地，只要你改掉自己睡懶覺和宅的習慣，相信你可以發現更多更有趣的生活體驗。

4. 要主動吸收而非被動接受

想要熏陶自己，就要把這些當成習慣，變成你生活中的一部分。這樣才是主動的吸收，如果被動接受注定是會被淡忘的。

你需要養成哪些習慣

上面說了很多生活形式與職場技能提升的方法，但是方法是死的，人是活的，養成習慣才是最重要的。

1. 你需要養成早起的習慣

雖然你覺得半夜才是你靈感爆發的時候，但是我們不要透支自己的身體，健康才能使你長久地做自己喜歡的事情。我有一個朋友她堅持每天 5:30 起床看書和寫作，而且堅持在群里定時呼叫大家，這樣的一個好習慣也讓她收獲了自己想要的工作環境。希望從明天開始你可以堅持改變一點習慣，我們都能具備良好的專業和健康的身體。

2. 你需要養成運動的習慣

為了讓我們時刻保持「年輕」的身體，我們一起努力吧。我也在每個周末盡量都和家人一起爬山鍛煉，出去出出汗，養成習慣了發現每次都懷念山里安靜的環境和清新的空氣。

3. 你需要養成看書/資訊的習慣

我們不能只有輸出沒有吸收，那樣總有窮盡的時候。要堅持經常看書學習，給自己一個閱讀計劃，比如一個月讀一本書應該是最低要求了。也要經常看一些資訊，關注行業動態，這樣你才是不斷跟上時代的年輕人。

4. 你需要養成寫作的習慣

很多設計師一看到寫作就說自己專業能力不夠，以后再說。寫作并不只是專業文章輸出，一些心得體會、讀書筆記，生活感悟與經驗分享等也是可以進行總結輸出的。我認識一個朋友就經常輸出一些感悟體會和讀書筆記，一年輸出十萬多字數的總結，她已經養成這樣的習慣。其實寫作不難，難的是你一直認為自己不行，就從來沒去嘗試，希望今天以后可以看到你的第一篇分享。

當然，肯定還有更多的習慣等你去養成，這里就不一一列舉了，總之希望大家都能利用好的習慣安排好自己的每一分鐘，讓它們都過的很有價值。

黑馬青年文章列表：

• 《可能是最全面的設計師圖片設計入門手冊！》
• 《在家也能賺錢！超詳細的UI 設計師接單指南》
• 《超全面！每個 UI 設計師需要熟知的平面基礎》
• 《從這5個維度出發，讓你的APP設計更精致！》
• 《網易資深視覺設計師：24個容易忽略的App設計細節》

刻意練習的重要性

無論道理說得多好，付諸實踐才是主要的。不然我們將成為道理說得頭頭是道，作品做得一塌糊涂。

1. 刻意練習從制定時間規劃開始

光說不練假把式，制定好時間規劃，一個月輸出一套作品或者一篇文章，拆分這些目標，每天完成兩個界面，兩周的時間你足夠利用業余時間完成一套作品。第一周整理出文章大綱，兩周時間填滿內容，第三周配圖與審查，一個月輸出一篇文章是完全沒問題的。

2. 突破舒適區

刻意練習的目的是不斷輸出突破自己瓶頸的作品，不要總是待在自己的舒適區。通過刻意練習強逼自己走出舒適區，所以，你產出的每一個作品都要區別上一個作品，彌補它的不足，不斷成熟穩定。

3. 加強互動交流

永遠不要閉門造車，你需要和更多設計師一起互動交流。很多設計師總喜歡自己一個人孤軍奮戰，雖然你可能內向不喜交流，但是刻意練習的目的不僅是提升專業能力，職場習慣也是要刻意去改變的。

總結

隨著設計師的能力不斷迭代，加上行業的不斷成熟，對 UI 設計師的入門要求也越來越高了。現在市場上初中級設計師比較飽和，我們需要提升自己更多層面的能力值。

產品交互思維層面：現在很多大平臺都在培養和尋找體驗設計師，具備交互設計能力和 UI 視覺設計能力，作為 UI 設計師其實我們具備更好的基礎，至少我們具備審美能力、設計感知能力等，這些都是別人短時間無法獲取的。

視覺表達層面：我們不能只是關注理論層面，你需要花費更多時間不斷強化，多多產出成套作品，加強設計執行力。

希望即將入行的 UI 設計師好好利用好前三年，把自己的設計執行力提升到一個臺階，不要三年過后發現自己拿不出什么像樣的作品。當我們達到 5 年以上工作經驗時，隨著經驗的增長對你來說就有更多的考驗與闖關。

歡迎關注作者的微信公眾號：「行設視覺」