當(dāng)前位置:首頁 >  科技 >  IT業(yè)界 >  正文

建議收藏!UI設(shè)計的入行要點

 2021-07-02 14:50  來源: 互聯(lián)網(wǎng)   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

在互聯(lián)網(wǎng)飛速發(fā)展的當(dāng)下,企業(yè)越發(fā)意識到用戶界面的重要性,更加注重利用設(shè)計思維來規(guī)劃產(chǎn)品形態(tài),對于UI設(shè)計師的需求量正在逐年遞漲。

據(jù)統(tǒng)計,目前我國UI設(shè)計人才缺口達(dá)40萬之多,而市場每年至少產(chǎn)生15萬的人才缺口,UI就業(yè)市場供不應(yīng)求。UI設(shè)計目前已成為熱門的高薪職業(yè),新入行UI設(shè)計的人,只增不減。但到底應(yīng)該如何入門UI設(shè)計呢?本文將帶你一起探討。

在此之前,先要了解UI設(shè)計師的工作內(nèi)容:

「UI設(shè)計師」 —— 從事對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計工作的人。

一名UI設(shè)計師,其主要工作在于注重頁面的呈現(xiàn)效果,在考慮界面美觀程度對用戶體驗的影響下,來進(jìn)行設(shè)計。

從網(wǎng)頁UI設(shè)計師來舉例: 當(dāng)你打開一個網(wǎng)頁,看到其中的導(dǎo)航欄、界面元素或icon等等,這些視覺產(chǎn)物都是UI設(shè)計師的作品。當(dāng)然,在設(shè)計過程中UI設(shè)計師也要參照團(tuán)隊方案和參考產(chǎn)品經(jīng)理的想法,來進(jìn)行深入設(shè)計。

綜上所述,不難發(fā)現(xiàn)UI設(shè)計師所需要具備的綜合能力不僅僅只是繪畫,大致可以分為以下幾點:

「軟件技法」 ? 熟練掌握Sketch、Pixso等UI設(shè)計軟件

「界面設(shè)計能力」 ? 理解UI產(chǎn)品受眾,掌握美術(shù)基礎(chǔ)知識

「交互思維」 ? 理解產(chǎn)品交互功能邏輯、理解用戶

「品牌塑造能力」 ? 了解品牌定位邏輯

「團(tuán)隊協(xié)作能力」 ? 與產(chǎn)品、研發(fā)完美配合,完成產(chǎn)品設(shè)計

1、 UI視頻教程

雖然是自學(xué),但其實網(wǎng)上有非常豐富的教程資源,有系統(tǒng)的UI課程,也有比較零散的功能課程。

有經(jīng)濟(jì)和時間基礎(chǔ)的新手,可以從系統(tǒng)教程看起。

01 網(wǎng)易云課堂《UI教程--UI界面設(shè)計零基礎(chǔ)入門》

—— 免費教程,對UI有所興趣的群體可以先在這個平臺對UI先進(jìn)行了解。

02 中國大學(xué)MOOC 《UI及交互技術(shù)》

—— 由南京郵電大學(xué)的教授授課,旨在如何更好地理解用戶研究方法并應(yīng)用于交互設(shè)計項目中。課程有一定系統(tǒng)性,適合入門。

此外,這個網(wǎng)站里有許多國內(nèi)知名高校的經(jīng)典課程,非常推薦大家進(jìn)入官網(wǎng)自行搜索適合自己的。

03 慕課網(wǎng) 《UI入門小錦囊》

—— 同樣適合入門選手的免費課程,相較于上兩類視頻更生動,但不夠系統(tǒng)。

04 B站 《從零基礎(chǔ)入門到精通UI設(shè)計(2021最新全集)》

—— B站除了能看鬼畜,也有不少高質(zhì)量的教程視頻,比如這套時長18小時的系統(tǒng)UI入門視頻。

2、 UI設(shè)計書籍

UI相關(guān)的書籍不少,但更建議具體的功能操作通過視頻教程來學(xué)習(xí),畢竟步驟演示更直觀。

但并不代表設(shè)計類的書籍就不值得一看,可以通過書籍,了解設(shè)計的理論基礎(chǔ)知識與心得經(jīng)驗。

像諾曼的《設(shè)計心理學(xué)》系列就是學(xué)習(xí)設(shè)計相關(guān)心理學(xué)知識,從生理層面開始認(rèn)知;這一部分的書籍能從用戶角度入手,闡述意識對圖形的反應(yīng)與關(guān)聯(lián)行為,讓UI設(shè)計師更好地從交互心理去揣摩、設(shè)計。

? 《設(shè)計心理學(xué)》

? 《界面設(shè)計模式》

? 《簡約至上》

? 《認(rèn)知與設(shè)計》

3、 勤練

好記性不如爛筆頭,這句話放到UI設(shè)計中也是適用的。

光看視頻不自己動手設(shè)計永遠(yuǎn)都不知道圖該怎么做。

三、需要學(xué)習(xí)哪些軟件

UI設(shè)計發(fā)展至今已有數(shù)十載,設(shè)計軟件市場的天下也從單一的Photoshop,演變成了sketch、figma等百花齊放的現(xiàn)狀。

設(shè)計師軟件早已不再是追求大而全的時代了,越來越多小而美的專業(yè)設(shè)計類軟件涌現(xiàn),例如近幾年突飛猛進(jìn)的sketch就是UI矢量設(shè)計軟件類別中的代表作。

作為專業(yè)的UI設(shè)計師,已經(jīng)不再只局限于PS這一款軟件了,如今的UI設(shè)計軟件市場上,這幾款軟件都是非常好的設(shè)計利器:

01 Pixso:

專門的矢量設(shè)計軟件,中文生態(tài), 功能簡潔但齊全,利于新手入門 ;

在線設(shè)計 ,無需下載軟件,對電腦無要求;

同時支持團(tuán)隊協(xié)作 ,能夠多人同時在線設(shè)計,交付時發(fā)送鏈接即可完成 ,讓溝通與協(xié)作都更簡單。

點擊鏈接,試一試吧 ? Pixso.design

02 Sketch:

傳統(tǒng)設(shè)計軟件,功能齊全,擁有強大的插件生態(tài),但只能macOS運行

03 Figma

線上版的sketch,可以完成從原型、設(shè)計到交付的一系列流程,但目前暫無中文版,只能安裝插件使用。

04 XD:

Adobe公司推出的UI設(shè)計軟件,操作習(xí)慣與PS類似,利于PS、AI用戶上手;但相較于Sketch,UI設(shè)計功能不夠齊全。

————————————————

做UI設(shè)計,沒有強制規(guī)定哪一款軟件是必備的,能熟練的運用工具高效完成設(shè)計,這才是根本。

四、分享資料網(wǎng)站

設(shè)計并不是一件平地起高樓的活,而是需要大量的經(jīng)驗、素材積累而成

平時多瀏覽素材網(wǎng)站,多學(xué)習(xí)、揣摩大佬作品,對自己的幫助也很大~

01 Behance —— 高質(zhì)量設(shè)計社區(qū)

擁有眾多優(yōu)質(zhì)案例的設(shè)計網(wǎng)站,可以輸入中文進(jìn)行搜索,缺點是需要翻墻。

02 coolors —— 配色網(wǎng)站

coolors是一個不需要翻墻且免費的調(diào)色網(wǎng)站, 能生成眾多經(jīng)典模板,你可以直接在模板的基礎(chǔ)上進(jìn)行修改,確定好模板后可以導(dǎo)出在設(shè)計文件中進(jìn)行使用。

03 Pinterest —— 設(shè)計素材網(wǎng)站

Pinterest云集了眾多優(yōu)秀的設(shè)計人才,匯集了非常多的優(yōu)質(zhì)設(shè)計案例,當(dāng)沒有靈感的時候可以去觀摩一下大家作品。

04 UI中國 —— 國內(nèi)高質(zhì)量設(shè)計師交流社區(qū)

聚集了國內(nèi)大量的優(yōu)秀設(shè)計師,人氣最高的設(shè)計師交流平臺,可以直接在設(shè)計師作品下留言,相互交流經(jīng)驗。

再分享一些設(shè)計類的網(wǎng)站,都挺值得一看:

https://www.designboom.com/

Awwwards - Website Awards - Best Web Design Trends

www.deviantart.com

UI設(shè)計是一門適合自學(xué)的職業(yè),但想要學(xué)精并不是那么容易,希望皮皮的回答能對看到這里的你有所幫助~

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關(guān)文章

熱門排行

信息推薦