1.1 UI設計師的技能構(gòu)成

成為一名優(yōu)秀的設計師，能力有兩部分，一部分是顯性的，另一部分是隱性的。

顯性能力是指一些容易學習、系統(tǒng)輸出的技能，如軟件關卡、界面設計、動作設計等。隱性能力是不易展現(xiàn)、難以學習的技能，包括理論掌握、規(guī)范理解、和團隊合作。

經(jīng)過仔細篩選，我們繪制了UI設計師前期需要掌握的兩項技能圖。 你可以看到下面的技能圖：

雖然每個環(huán)節(jié)的技能都可以無限深化，但我們不可能把有限的時間投入到無限的學習中。

所有技能的掌握是為了滿足實際項目中有效輸出和實施的需要，我們在后續(xù)的分享中也將圍繞這個目標。 首先掌握各個領域必要的基礎內(nèi)容，對完整的輸出流程有一個概念，然后再開始對某個領域進行深入研究，才是正確的學習方法。

1.2 顯性技能介紹

UI設計師的顯性技能必須是我們首先要掌握的，即使觀點、想法和經(jīng)驗都很重要。 而在讓別人了解你的靈魂之前，他們必須更加在乎你的外表……

作為設計師，最直觀的UI輸出就是我們每天看到的圖標和界面。

圖標是指界面中出現(xiàn)的圖形符號和應用程序的啟動圖標。 其實圖標的素材有很多，如果想要滿足項目的需要，并且有統(tǒng)一風格的圖標，基本上只能用獨立的草圖來完成。

界面設計是指輸出界面的視覺能力。 我們定義的界面視覺能力是你可以在不受外界干擾的情況下，輸出一個符合規(guī)范、基本交互、元素扁平化的美觀界面。

動態(tài)設計是在輸出靜態(tài)頁面的基礎上豐富用戶體驗的手段。 通過減少一些有趣、簡單的動畫效果，或者作為情感設計的一部分，讓操作效果更加生動。

在項目設計中，拋棄產(chǎn)品、體驗這樣的內(nèi)容和基本視覺風格，最引人關注的就是項目設計規(guī)范的構(gòu)建和運用。 如何在多個頁面之間保持一致的視覺風格。

最后，上述內(nèi)容輸出完畢，需要將設計內(nèi)容提交給程序員進行樣式開發(fā)。 這樣就需要對設計內(nèi)容進行標記，并輸出剪切的圖像文件。

對于菜鳥來說，顯性技能最大的好處就是知識點相對固定，練習方法也固定。 只要刻意練習，就能積累、進步。

1.3 隱藏技能

隱性技能是相對具體的能力，不再像顯性技能那樣容易訓練和制定客觀標準。

首先是了解規(guī)范。 如果沒有規(guī)范，則無法輸出接口。 不過，中國聯(lián)通的設計規(guī)范并不是大家認為的官方文件。 上面的數(shù)值寫得很清楚sketch engine類似應用，可以背誦。 相反，要了解哪些規(guī)范必須遵循，哪些規(guī)范可以靈活更改（而且大多數(shù)都可以定制）。

交互思維就是如何讓產(chǎn)品和界面合理運行。 平心而論，這些能力只能借助自己的“多學多看”來積累。 互動書籍帶來的幫助只是解釋了你注意到的現(xiàn)象的原因，但并沒有告訴你遇到問題時該怎么做。

團隊合作能力需要更具體的工作經(jīng)驗和技術(shù)知識。 如何有效地理解設計的需求、向他人傳達設計的意圖、高效地審核和提交稿件，都是團隊合作能力的體現(xiàn)。

審美水平就是設計師的品味。 品味的高低可以在作品集里體會到，如何布局、如何使用圖片、如何選擇設計風格。 審美上的差距往往可以彌補技術(shù)上的缺陷。

最后一件事是掌握理論。 基本上，里面提到的所有細分技能點都有自己的理論和術(shù)語。 在設計領域，無論理論多么有用，沒有實踐就毫無意義。 理論把握的正確時機是在實踐過程中找到并融入的。

隱藏的技能是在練習的過程中逐漸積累的。 在后續(xù)的分享中，我會將各種觀點和理論融入到具體案例和實際步驟中進行講解。 幫助你盡可能降低這方面的知識。

2.1 學習UI的設備推薦

與其他設計類型相比，UI設計對硬件的要求相對較低。 只要你有一臺不太舊的筆記本電腦，無論是蘋果Mac還是筆記本電腦，早期學習都沒有壓力。

下面簡單介紹一下UI所需的筆記本配置和系統(tǒng)。 如果已經(jīng)滿足這個條件，前期就不需要考慮購買新筆記本了。 以后盡量掌握基礎軟件的特點，明確知道配置不夠的時候，可以根據(jù)需要升級筆記本，減輕前期的經(jīng)濟壓力。

CPU：15年后訂購的i5以上CPU

顯存：不高于8G，如果可以升級，可以更換為16G

硬盤：只要是固態(tài)硬盤即可，對速度沒有太大要求

主板：對主板沒有要求，只要能正常使用即可

可以說，如果你是蘋果筆記本用戶，15年后使用Pro電腦和一體機都沒有問題。 大多數(shù)用戶只要不是之前購買過初代上網(wǎng)本的用戶就可以感到滿意。

如果實在想換設備的話，只建議訂購Mac。 雖然有些軟件可以替換，但更多的 UI 生產(chǎn)力工具只能在 Mac 上使用。

Mac筆記本中主要推薦AirM1和。 M1芯片的性能完全可以滿足從學習到工作的生產(chǎn)力和性能要求。 嘗試把顯存加到16G。 而且相對來說，價格也更加實惠。 去某寶或者拼多多找第三方渠道會比官網(wǎng)實惠很多。

最后，建議24英寸以上配備幀率至少1080P的外接顯示器。 更大的內(nèi)容領域?qū)τ谠O計軟件的學習和輸出至關重要。 使用哪種型號沒有限制，對色調(diào)沒有要求，只要外觀看起來是你喜歡的即可。

2.2 所需學習軟件安裝

UI設計相關軟件主要包括圖形、界面、動效三大類。

圖形軟件主要指Adobe的PS和AI，用于處理復雜圖形的軟件，比如復雜的圖標、字體、H5視覺等，這是每個圖形設計師都無法回避的兩座大山。

界面軟件是設計UI界面和排版的專用軟件。 目前市場上使用的主要工具是/Figma/，僅支持Mac系統(tǒng)。 由于更新太慢，功能太少sketch engine類似應用，不建議花時間去了解。 所以主要建議從Figma開始學習。

動效軟件是用于處理交互式動效的工具。 大多數(shù)菜鳥認為動效必須由Adobe來完成。 雖然它最適合制作運動效果中的矢量動畫，但它無法輸出完整的運動效果原型。 目前市場上最好且支持的動畫工具是，如果你掌握了它，你就可以忽略其他類似的軟件，例如等等。

軟件的安裝請參考我們接下來準備發(fā)布的預習說明合集。

至于與UI輸出沒有直接關系的工具，比如待辦事項、西紅柿、筆記工具等，你可以根據(jù)自己的喜好來決定。

2.3 相關物料計劃

此外，我們還提前為您篩選了一些必要的材料和材料，包括以下內(nèi)容。

第一個是Apple iOS 規(guī)范。 我們制作了一份200頁左右的獨立翻譯PDF文件，前期必讀，還有iOS官方提供的組件庫。

之后就是系統(tǒng)的資源了。 由于規(guī)范變化非常頻繁，因此沒有翻譯。 您可以打開以下規(guī)范的官方網(wǎng)站，通過瀏覽器翻譯查看。 同時我們官方也提供了我們所需的組件材料。

之后是字體文件，包括蘋果官方要求的萍方英文字體、SF系列英文字體、的四源黑英文字體，還有中文字體。

最后還有常用的圖標素材庫。 這里推薦兩個合集和兩個網(wǎng)站，提供了大量可以直接應用的開源圖標素材。

2.4 相關書籍推薦

最后推薦一些UI相關的書籍。 首先我想澄清一下，讀書只是用來拓展我們的視野，為我們提供一些觀點和技能。 僅靠讀書很難有效提高。

因此，我不會推薦完整的參考書目，而是推薦現(xiàn)階段對讀者最有用的參考書目。 排名排名不分先后，大家可以根據(jù)自己的喜好來閱讀。

以上推薦的書籍都可以在網(wǎng)上書店訂購，我們還準備了相應PDF的電子版，也包含在本文分享內(nèi)容的素材包中，大家可以自行搜索。

最后順便推薦一下我自己出版的《給你的UI設計寶典》。 直接在易迅上就可以找到。 有興趣的朋友可以購買支持一下！

以上內(nèi)容是本系列的第二部分，菜鳥應該知道和做的策劃內(nèi)容。 從上一部分開始，我們將具體講解該軟件，并介紹Figma的具體應用邏輯和學習要點。

本文提到的所有相應素材內(nèi)容都可以在我的公眾號中獲取。 關注“超人的電話亭”回復：零基礎學習UI

如有侵權(quán)請聯(lián)系刪除！