什么是UI設(shè)計(jì)？UI設(shè)計(jì)需要學(xué)習(xí)哪些軟件？

時(shí)間：2022-07-29 00:09:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-07-29 00:09:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

1.UI設(shè)計(jì)是什么？

UI 是指圖形用戶界面設(shè)計(jì)，從廣義上來(lái)講產(chǎn)品的功能架構(gòu)、頁(yè)面布局、內(nèi)容信息都屬于 UI 的范疇，但是實(shí)際上前面那些工作都會(huì)去交給交互設(shè)計(jì)師來(lái)完成，自己主要負(fù)責(zé)視覺部分，包括：產(chǎn)品視覺風(fēng)格的定義、圖標(biāo)設(shè)計(jì)（包括 App 啟動(dòng)圖標(biāo)和頁(yè)面內(nèi)部的具體圖標(biāo)）頁(yè)面設(shè)計(jì)（包括banner、各種控件元素、特殊頁(yè)面、特殊狀態(tài)、市場(chǎng)圖等等）、視覺規(guī)范制定甚至設(shè)計(jì)系統(tǒng)。

很多人會(huì)分不清交互設(shè)計(jì)、UI設(shè)計(jì)和UX設(shè)計(jì)之間的關(guān)系，交互設(shè)計(jì)師（行業(yè)里一般稱為 UE 或 UX ）和 UI 設(shè)計(jì)師（主要側(cè)重視覺設(shè)計(jì)）同屬互聯(lián)網(wǎng)行業(yè)的兩個(gè)重要職位，工作上需要密集銜接但又各有側(cè)重。當(dāng)前，同時(shí)具備交互設(shè)計(jì)能力和 UI 設(shè)計(jì)能力的全鏈路設(shè)計(jì)師正逐漸成為主流。

你可以看一看我的這一篇回答，相信你會(huì)對(duì)這三者有個(gè)清晰的認(rèn)識(shí)。

2.UI設(shè)計(jì)需要學(xué)習(xí)的軟件

這里首先要提醒的一點(diǎn)就是，軟件是UI設(shè)計(jì)師工作過(guò)程中所必備的工具，但是對(duì)于軟件技能的學(xué)習(xí)需要點(diǎn)到為止，千萬(wàn)不可陷入到專研軟件的漩渦里。

設(shè)計(jì)師最為重要的能力是設(shè)計(jì)師的專業(yè)能力。我們?nèi)魏我粋€(gè)產(chǎn)品從一開始，就要先去做用戶研究，要去理解這個(gè)產(chǎn)品的用戶是什么樣的，用戶研究并不是我拍腦袋去做，他有一系列的標(biāo)準(zhǔn)的這些方法。 比如說(shuō)一開始你要理解用戶，然后你怎么做產(chǎn)品的概念，你怎么去建立產(chǎn)品的原型，你怎么后續(xù)一步一步做，從無(wú)到有，這些就體現(xiàn)出了我們的專業(yè)能力。

如果你想提高你的專業(yè)能力，我這里向你推薦一下知群的設(shè)計(jì)免費(fèi)訓(xùn)練營(yíng)。在這里你可以進(jìn)一步系統(tǒng)的學(xué)習(xí)UI設(shè)計(jì)的基礎(chǔ)知識(shí)，同時(shí)可以參與設(shè)計(jì)實(shí)戰(zhàn)，做出一份成果的設(shè)計(jì)作品集，這樣對(duì)你之后的發(fā)展也會(huì)更有幫助。

做設(shè)計(jì)師要用到的工具軟件

1.基礎(chǔ)工具

Office 系列必須會(huì)用，這是職場(chǎng)人的基礎(chǔ)，這里不再多說(shuō)了，使用 Mac 的同學(xué)也要會(huì)用 Pages、Keynote、Numbers。另外藍(lán)湖、石墨、語(yǔ)雀等在線工具也有很多團(tuán)隊(duì)用于協(xié)作，這些工具大家都有一定的基礎(chǔ)，學(xué)起來(lái)也不難。

2.信息架構(gòu)工具

這些也不用多說(shuō)了，UI 設(shè)計(jì)師和交互設(shè)計(jì)師、前端設(shè)計(jì)師、產(chǎn)品經(jīng)理都要保持密切協(xié)作，甚至有很多 UI 設(shè)計(jì)師具備全鏈路的能力，如果不想當(dāng)一個(gè)只會(huì)畫圖、沒(méi)有思維的工具人，這些必須要掌握。

3.原型制作工具

UI 設(shè)計(jì)師在實(shí)際工作中可能不需要深入使用這些工具，但是為了了解交互、和交互設(shè)計(jì)師協(xié)作，這些軟件多少要有了解。

4.圖形處理工具

這就是 UI 設(shè)計(jì)師的核心了，PS 是使用最廣泛的，用 Sketch（Mac）和 XD（Windows）的也很多，Sketch/XD 比較輕量級(jí)，基本能滿足 UI 設(shè)計(jì)師的日常工作需要，如果想在插畫方面深入學(xué)習(xí)的話，可以學(xué) AI?，F(xiàn)在很多團(tuán)隊(duì)也開始使用 Figma，大家也可以去了解。

設(shè)計(jì)師每天工作都要打開 PS ，都要運(yùn)用到 Sketch ，這些是看得著的工具，還有一系列的思考和分析的方法，這同樣也需要設(shè)計(jì)師能夠把這些方法運(yùn)用起來(lái)形成一定的思維模式。

因此，大家在學(xué)習(xí)軟件的時(shí)候一定不能顧此失彼，陷入到軟件炫技的漩渦里去，對(duì)于設(shè)計(jì)是而言，軟件只是工具，不需要過(guò)于精通，軟件學(xué)到一定水平就要將重心放到設(shè)計(jì)理論的學(xué)習(xí)、設(shè)計(jì)思維的訓(xùn)練上來(lái)。

通過(guò)哪些軟件能夠?qū)W習(xí) UI 設(shè)計(jì)的知識(shí)、理論和方法

1.Dribbble（http://dribbble.com）

Dribbble 是一個(gè)著名的設(shè)計(jì)師作品分享平臺(tái)，全球設(shè)計(jì)大神云集，在網(wǎng)站上搜索英文關(guān)鍵詞便可看到相關(guān)作品。作品包括品牌設(shè)計(jì)、手繪插畫、動(dòng)效、排版、網(wǎng)頁(yè)和移動(dòng)端 UI 設(shè)計(jì)，是所有專業(yè)設(shè)計(jì)師尋找靈感、了解當(dāng)今設(shè)計(jì)潮流、趨勢(shì)不可錯(cuò)過(guò)的網(wǎng)站。


2.Awwwards.（http://awwwards.com）

Awwwards. 是一個(gè)世界各地優(yōu)秀設(shè)計(jì)師的聚合點(diǎn)，他們?cè)谶@里尋找靈感、傳授知識(shí)和經(jīng)驗(yàn)、相互聯(lián)系并分享具有建設(shè)性和富有尊重的批評(píng)。網(wǎng)站的口號(hào)是：“始終質(zhì)疑”，“不斷發(fā)展”，旨在表彰世界上最優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)師、開發(fā)人員和代理機(jī)構(gòu)的才能和努力。

在這里我們可以看到 UI 設(shè)計(jì)、藝術(shù)插畫、攝影、建筑、時(shí)尚、房地產(chǎn)、游戲、電商等 25 個(gè)分類下的作品。


3.花瓣（http://huaban.com）

花瓣網(wǎng)是國(guó)內(nèi)的社交分享網(wǎng)站，網(wǎng)站允許用戶創(chuàng)建和管理主題圖片集合。用戶收集了來(lái)自各個(gè)網(wǎng)站的優(yōu)秀設(shè)計(jì)，在這里可以看到海量的優(yōu)秀設(shè)計(jì)作品，你在查看一個(gè)作品時(shí)能夠?yàn)槟阃扑]更多優(yōu)秀的同類作品，是設(shè)計(jì)師尋找靈感創(chuàng)意不可錯(cuò)過(guò)的網(wǎng)站。

花瓣網(wǎng)的頁(yè)面采用流式，用戶瀏覽時(shí)內(nèi)容自動(dòng)加載，無(wú)需翻頁(yè)，用起來(lái)簡(jiǎn)直不要太輕松！


會(huì)用梯子的同學(xué)可以常去 pinterest 和 behance 。

在知群設(shè)計(jì)圈（App）學(xué)習(xí)理論

設(shè)計(jì)圈旨在為設(shè)計(jì)師、產(chǎn)品經(jīng)理提供同頻次的職業(yè)交流平臺(tái)。在這里你可以學(xué)習(xí)和設(shè)計(jì)、產(chǎn)品相關(guān)的理論知識(shí)；臨摹分析規(guī)范作品集；搜索查看高清圖片素材、設(shè)計(jì)流程；和同行業(yè)產(chǎn)品經(jīng)理、UI設(shè)計(jì)師、UX設(shè)計(jì)師交流，共同成長(zhǎng)為界面設(shè)計(jì)和產(chǎn)品設(shè)計(jì)專家。

下載鏈接：知群設(shè)計(jì)圈


各大應(yīng)用商店搜索“知群設(shè)計(jì)圈”下載

通過(guò)「產(chǎn)品設(shè)計(jì)天天學(xué)」學(xué)習(xí)產(chǎn)品和設(shè)計(jì)理論

每日一更，都是很干貨的產(chǎn)品經(jīng)理、交互設(shè)計(jì)、UI 設(shè)計(jì)相關(guān)的文章，大家可以關(guān)注「知群」公眾號(hào)訂閱學(xué)習(xí)。

還要多體驗(yàn)優(yōu)秀的產(chǎn)品

最美應(yīng)用公眾號(hào)（官網(wǎng)：http://zuimeia.com）

最美應(yīng)用是老牌的應(yīng)用推薦平臺(tái)，一直以推薦“好看、好用、好玩”的移動(dòng)端產(chǎn)品為使命，大家可以關(guān)注“最美應(yīng)用”推薦的產(chǎn)品和專題。最美應(yīng)用推薦的產(chǎn)品往往在功能、設(shè)計(jì)、交互方面有著獨(dú)到的地方，在各個(gè)領(lǐng)域都已經(jīng)成為紅海的今天，這些產(chǎn)品為什么能脫穎而出？值得大家深入研究和思考。