電子發(fā)燒友App
在互聯(lián)網(wǎng)飛速發(fā)展的當(dāng)下，企業(yè)越發(fā)意識到用戶界面的重要性，更加注重利用設(shè)計(jì)思維來規(guī)劃產(chǎn)品形態(tài)，對于UI設(shè)計(jì)師的需求量正在逐年遞漲。
據(jù)統(tǒng)計(jì)，目前我國UI設(shè)計(jì)人才缺口達(dá)40萬之多，而市場每年至少產(chǎn)生15萬的人才缺口，UI就業(yè)市場供不應(yīng)求。UI設(shè)計(jì)目前已成為熱門的高薪職業(yè)，新入行UI設(shè)計(jì)的人，只增不減。但到底應(yīng)該如何入門UI設(shè)計(jì)呢？本文將帶你一起探討。
在此之前，先要了解UI設(shè)計(jì)師的工作內(nèi)容：
「UI設(shè)計(jì)師」?—— 從事對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)工作的人。
一名UI設(shè)計(jì)師，其主要工作在于注重頁面的呈現(xiàn)效果，在考慮界面美觀程度對用戶體驗(yàn)的影響下，來進(jìn)行設(shè)計(jì)。
從網(wǎng)頁UI設(shè)計(jì)師來舉例：當(dāng)你打開一個網(wǎng)頁，看到其中的導(dǎo)航欄、界面元素或icon等等，這些視覺產(chǎn)物都是UI設(shè)計(jì)師的作品。當(dāng)然，在設(shè)計(jì)過程中UI設(shè)計(jì)師也要參照團(tuán)隊(duì)方案和參考產(chǎn)品經(jīng)理的想法，來進(jìn)行深入設(shè)計(jì)。
綜上所述，不難發(fā)現(xiàn)UI設(shè)計(jì)師所需要具備的綜合能力不僅僅只是繪畫，大致可以分為以下幾點(diǎn)：
「軟件技法」??熟練掌握Sketch、Pixso等UI設(shè)計(jì)軟件
「界面設(shè)計(jì)能力」??理解UI產(chǎn)品受眾，掌握美術(shù)基礎(chǔ)知識
「交互思維」??理解產(chǎn)品交互功能邏輯、理解用戶
「品牌塑造能力」??了解品牌定位邏輯
「團(tuán)隊(duì)協(xié)作能力」??與產(chǎn)品、研發(fā)完美配合，完成產(chǎn)品設(shè)計(jì)
1、?UI視頻教程
雖然是自學(xué)，但其實(shí)網(wǎng)上有非常豐富的教程資源，有系統(tǒng)的UI課程，也有比較零散的功能課程。
有經(jīng)濟(jì)和時間基礎(chǔ)的新手，可以從系統(tǒng)教程看起。
01?網(wǎng)易云課堂?《UI教程--UI界面設(shè)計(jì)零基礎(chǔ)入門》
—— 免費(fèi)教程，對UI有所興趣的群體可以先在這個平臺對UI先進(jìn)行了解。
02 中國大學(xué)MOOC?《UI及交互技術(shù)》
—— 由南京郵電大學(xué)的教授授課，旨在如何更好地理解用戶研究方法并應(yīng)用于交互設(shè)計(jì)項(xiàng)目中。課程有一定系統(tǒng)性，適合入門。
此外，這個網(wǎng)站里有許多國內(nèi)知名高校的經(jīng)典課程，非常推薦大家進(jìn)入官網(wǎng)自行搜索適合自己的。
03?慕課網(wǎng)?《UI入門小錦囊》
—— 同樣適合入門選手的免費(fèi)課程，相較于上兩類視頻更生動，但不夠系統(tǒng)。
04 B站?《從零基礎(chǔ)入門到精通UI設(shè)計(jì)(2021最新全集）》
—— B站除了能看鬼畜，也有不少高質(zhì)量的教程視頻，比如這套時長18小時的系統(tǒng)UI入門視頻。
2、?UI設(shè)計(jì)書籍
UI相關(guān)的書籍不少，但更建議具體的功能操作通過視頻教程來學(xué)習(xí)，畢竟步驟演示更直觀。
但并不代表設(shè)計(jì)類的書籍就不值得一看，可以通過書籍，了解設(shè)計(jì)的理論基礎(chǔ)知識與心得經(jīng)驗(yàn)。
像諾曼的《設(shè)計(jì)心理學(xué)》系列就是學(xué)習(xí)設(shè)計(jì)相關(guān)心理學(xué)知識，從生理層面開始認(rèn)知；這一部分的書籍能從用戶角度入手，闡述意識對圖形的反應(yīng)與關(guān)聯(lián)行為，讓UI設(shè)計(jì)師更好地從交互心理去揣摩、設(shè)計(jì)。
?《設(shè)計(jì)心理學(xué)》
?《界面設(shè)計(jì)模式》
?《簡約至上》
?《認(rèn)知與設(shè)計(jì)》
3、?勤練
好記性不如爛筆頭，這句話放到UI設(shè)計(jì)中也是適用的。
光看視頻不自己動手設(shè)計(jì)永遠(yuǎn)都不知道圖該怎么做。
三、需要學(xué)習(xí)哪些軟件
UI設(shè)計(jì)發(fā)展至今已有數(shù)十載，設(shè)計(jì)軟件市場的天下也從單一的Photoshop，演變成了sketch、figma等百花齊放的現(xiàn)狀。
設(shè)計(jì)師軟件早已不再是追求大而全的時代了，越來越多小而美的專業(yè)設(shè)計(jì)類軟件涌現(xiàn)，例如近幾年突飛猛進(jìn)的sketch就是UI矢量設(shè)計(jì)軟件類別中的代表作。
作為專業(yè)的UI設(shè)計(jì)師，已經(jīng)不再只局限于PS這一款軟件了，如今的UI設(shè)計(jì)軟件市場上，這幾款軟件都是非常好的設(shè)計(jì)利器：
01 Pixso：
專門的矢量設(shè)計(jì)軟件，中文生態(tài)，功能簡潔但齊全，利于新手入門；
在線設(shè)計(jì)，無需下載軟件，對電腦無要求；
同時支持團(tuán)隊(duì)協(xié)作，能夠多人同時在線設(shè)計(jì)，交付時發(fā)送鏈接即可完成，讓溝通與協(xié)作都更簡單。
點(diǎn)擊鏈接，試一試吧?Pixso.design
02 Sketch：
傳統(tǒng)設(shè)計(jì)軟件，功能齊全，擁有強(qiáng)大的插件生態(tài)，但只能macOS運(yùn)行
03?Figma：
線上版的sketch，可以完成從原型、設(shè)計(jì)到交付的一系列流程，但目前暫無中文版，只能安裝插件使用。
04 XD：
Adobe公司推出的UI設(shè)計(jì)軟件，操作習(xí)慣與PS類似，利于PS、AI用戶上手；但相較于Sketch，UI設(shè)計(jì)功能不夠齊全。
————————————————
做UI設(shè)計(jì)，沒有強(qiáng)制規(guī)定哪一款軟件是必備的，能熟練的運(yùn)用工具高效完成設(shè)計(jì)，這才是根本。
四、分享資料網(wǎng)站
設(shè)計(jì)并不是一件平地起高樓的活，而是需要大量的經(jīng)驗(yàn)、素材積累而成
平時多瀏覽素材網(wǎng)站，多學(xué)習(xí)、揣摩大佬作品，對自己的幫助也很大~
01?Behance?—— 高質(zhì)量設(shè)計(jì)社區(qū)
擁有眾多優(yōu)質(zhì)案例的設(shè)計(jì)網(wǎng)站，可以輸入中文進(jìn)行搜索，缺點(diǎn)是需要翻墻。
02?coolors?—— 配色網(wǎng)站
coolors是一個不需要翻墻且免費(fèi)的調(diào)色網(wǎng)站，能生成眾多經(jīng)典模板，你可以直接在模板的基礎(chǔ)上進(jìn)行修改，確定好模板后可以導(dǎo)出在設(shè)計(jì)文件中進(jìn)行使用。
03?Pinterest?—— 設(shè)計(jì)素材網(wǎng)站
Pinterest云集了眾多優(yōu)秀的設(shè)計(jì)人才，匯集了非常多的優(yōu)質(zhì)設(shè)計(jì)案例，當(dāng)沒有靈感的時候可以去觀摩一下大家作品。
04?UI中國?—— 國內(nèi)高質(zhì)量設(shè)計(jì)師交流社區(qū)
聚集了國內(nèi)大量的優(yōu)秀設(shè)計(jì)師，人氣最高的設(shè)計(jì)師交流平臺，可以直接在設(shè)計(jì)師作品下留言，相互交流經(jīng)驗(yàn)。
再分享一些設(shè)計(jì)類的網(wǎng)站，都挺值得一看：
https://www.designboom.com/
https://dribbble.com/
Awwwards - Website Awards - Best Web Design Trends
www.deviantart.com
UI設(shè)計(jì)是一門適合自學(xué)的職業(yè)，但想要學(xué)精并不是那么容易，希望皮皮的回答能對看到這里的你有所幫助~
?
工商網(wǎng)監(jiān)
評論