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