1. UI 設計師的技能組成
要成為一名優(yōu)秀的設計師，包含兩部分能力，一部分是顯性的，一部分是隱性的。
顯性能力即一些容易系統(tǒng)學會并輸出的技能，如軟件水平、界面設計、動效設計等。隱性能力，是不容易展示且比較難展開學習的技能，包含理論掌握、規(guī)范認識、團隊協(xié)作等。
在經(jīng)過認真的篩選后，我們將 UI 設計師在前期需要掌握的這兩部分技能制作成圖，大家可以看下技能圖：
雖然每個細分領域的技能都可以無窮無盡的進行深入，但我們不可能把有限的時間投入到無限的學習里。
所有技能的掌握，都是為了滿足在真實項目中有效輸出和落地，后續(xù)的分享我們也將圍繞在這個目標中展開。先掌握每個領域的必要基礎內(nèi)容，對完整的輸出流程有概念以后，再開始深入某個領域?qū)Ｑ，這才是正確的學習方式。
2. 顯性技能介紹
UI 設計師的顯性技能必然是我們首先要掌握的東西，雖然想法、思路、經(jīng)驗都很重要沒錯。但是想讓別人了解你靈魂前，他們肯定更在意外貌……
作為設計師，UI 產(chǎn)出物最直觀的就是我們每天都會看見的圖標和界面。
圖標即出現(xiàn)在界面中的圖形標識符號以及應用的啟動圖標。圖標雖然有大量的素材可以用，但是想滿足項目自身需求、風格統(tǒng)一的圖標，基本只能依靠獨立繪制來完成。
界面設計，則是輸出界面的視覺能力，我們定義的界面視覺能力是在不受外力干擾下，你可以輸出符合規(guī)范、基本交互、平面要素的美觀界面，簡稱就是飛機稿輸出能力。
動效設計，是在輸出靜態(tài)頁面基礎上，豐富使用體驗的手段。通過增加一些有趣、簡單的動效，來讓操作效果更生動，或者作為情感化設計的一部分。
在項目設計中，拋開產(chǎn)品、體驗這些內(nèi)容和基本視覺樣式，最讓人關注的東西是對項目設計規(guī)范的搭建與應用。如何在多個頁面中保持視覺風格的一致性。
最后，就是前面這些內(nèi)容都輸出完了，需要將設計的內(nèi)容提交給程序員進行樣式的開發(fā)，那么就要實現(xiàn)對設計內(nèi)容進行標注和切圖文件的輸出。
顯性技能對于新手來說，最大的優(yōu)點就是知識點是相對固定的，練習方法也是固定的，只要通過刻意練習的方法，就可以積累和提前。
3. 隱性技能
隱性技能相對就是一些比較抽象的能力，它們不再像顯性的這些這么容易進行訓練和制定客觀的標準。
首先就是理解規(guī)范，沒有規(guī)范是必然輸出不了界面的。但移動端的設計規(guī)范，并不是你們想的官方準備個文檔，里面數(shù)值寫清楚了，你背下來就行。而是理解哪些規(guī)范是必須要遵守的，哪些是可以靈活變動的（而可以自定義的是大多數(shù)）。
交互思維，則是如何讓產(chǎn)品和界面操作起來合理的思維能力。平心而論，這種能力是只能依靠自己的 “多學多看” 積累的。交互書籍帶來的幫助只是解釋你留意到的現(xiàn)象原因，但不會告訴你遇到問題的時候具體應該怎么做。
團隊協(xié)作能力，則需要比較具體的工作經(jīng)驗和技術認知了。我們?nèi)绾斡行У睦斫庠O計的需求，將設計的意圖傳遞給別人，高效的評審和過稿，都是團隊協(xié)作能力的體現(xiàn)。
審美水平，是一個設計師的品味。品味的高低是可以在作品集中感受出來的，怎么布局，怎么用配圖，怎么選用設計風格。審美的落差很多時候可以填補技術上的缺陷。
最后就是理論掌握了，基本上上面所有講過的細分技能點都有各自的理論、術語。設計領域中，不管多有用的理論，脫離實踐都毫無意義。理論掌握的正確時機是在實踐過程中查找并融匯貫通的。
隱性技能都是在實踐過程中逐步積累的，在后續(xù)的分享里，我會將各種觀點、理論，融入到具體的案例和實踐步驟中說明。盡可能幫助大家增長這方面的知識。
1. 學習 UI 用的設備建議
相對其它設計類型來說，UI 設計對硬件的要求可以說相當?shù)牡，只要有一臺不是太老的電腦，無論是蘋果 Mac 還是 Windows，對前期學習來說是毫無壓力的。
下面簡單介紹下做 UI 所需的電腦配置和系統(tǒng)，如果已經(jīng)滿足這個條件，可以在前期不用考慮買新電腦的事。盡量在未來掌握好基礎軟件特性，明確的知道配置不夠用時，再根據(jù)需要升級電腦，降低前期的經(jīng)濟壓力。
- CPU：15 年以后購買的 i5 以上的 CPU
- 內(nèi)存：不低于 8G，如果能升級可以換成 16G
- 硬盤：只要是固態(tài)硬盤就可以，對速度沒有太大要求
- 顯卡：對顯卡沒有要求，只要正常能用就行
可以說，如果是蘋果電腦用戶，15 年以后的 Macbook Pro 筆記本、一體機都沒有問題。而 Windows 用戶只要不是之前買早期上網(wǎng)本的也大多可以滿足。
如果實在是想換設備，就只建議購買 Mac 了，雖然 Windows 有些軟件可以替代，但更多的 UI 生產(chǎn)力工具只有 Mac 才有。
Mac 電腦中，主要推薦 Macbook Air M1 和 Mac Mini M1，M1 芯片的性能完全能滿足從學習到工作的生產(chǎn)力性能需求，盡量把內(nèi)存加到 16G 即可。而且相對來講價格更便宜，到某寶或者 PDD 找第三方渠道會比官網(wǎng)便宜很多。
最后建議一定要配一塊 24 寸以上的外接顯示器，至少有 1080P 以上的分辨率，更大的內(nèi)容區(qū)域?qū)τ?a href="https://www.uisdc.com/tag/%e8%ae%be%e8%ae%a1%e8%bd%af%e4%bb%b6" class="tag_a" target="_blank" style="text-decoration: none; border-bottom: none; word-break: break-all; color: rgb(82, 82, 82); cursor: text;">設計軟件的學習和輸出來說至關重要。至于具體應該什么型號沒有限制，對色彩也沒有要求，自己外觀看著喜歡的即可。
2. 所需學習軟件安裝
UI 設計相關的軟件主要包含三大類：圖形、界面、動效。
圖形軟件主要指的就是 Adobe 的 PS 和 AI，用來處理復雜圖形樣式的軟件，例如復雜的圖標、字體、H5 視覺等。是每個平面相關設計師都繞不開的兩座大山。
界面軟件，就是設計 UI 界面和排版的專用軟件。目前市場主要使用的工具有 Sketch / Figma / Adobe XD 三個，Sketch 只支持 Mac 系統(tǒng)，Adobe XD 因為更新太慢功能太少，已經(jīng)不建議再花時間了解。所以主要建議從 Figma 開始學習。
動效軟件，則是用來處理交互動效的工具。新手多數(shù)以為動效必須由 Adobe Effect 來完成，其實它最適合制作的是動效中的矢量動畫，但不能輸出完整的動效原型。目前市面上做的最好，Windows 也支持的動效工具是 Protopie，掌握它就可以忽略類似 Principle、Origami 等其它同類軟件。
軟件的安裝可以看我們下一篇準備發(fā)布的前期學習的說明合集。
至于不是直接涉及到 UI 產(chǎn)出的工具，類似待辦事項、番茄、筆記工具，就根據(jù)大家自己喜好決定。
3. 相關材料準備
還有，一些必備的素材、資料也提前幫大家做了篩選，包括下面這些內(nèi)容。
首先就是蘋果 iOS 規(guī)范，我們制作了一個獨立的翻譯 PDF 文件，大概有 200 頁，是前期必定要看完的，以及 iOS 官方提供的組件庫。
然后就是針對安卓系統(tǒng)的資源，因為安卓的規(guī)范變動非常頻繁，所以沒有做翻譯，大家可以打開下面的規(guī)范官網(wǎng)，通過瀏覽器翻譯來查看。同時，我們安卓所需的官方組件素材等我們也提供出來了。
然后就是字體文件，包含蘋果官方要求的蘋方中文字體，SF 系列英文字體，以及安卓的思源黑中文字體，以及 Roboto 英文字體。
最后，就是常用的圖標素材庫了，這里建議收藏 iconfont 和 iconpark 兩個網(wǎng)站，它們提供了大量的開源圖標素材，可以直接應用。
承擔因您的行為而導致的法律責任，
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。