UI原型設(shè)計(jì)圖

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于UI原型設(shè)計(jì)圖的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

• 1、UI設(shè)計(jì)那些繪圖軟件有什么區(qū)別，為什么都要學(xué)？

• 2、UI設(shè)計(jì)是什么？

• 3、什么是UI設(shè)計(jì)？

• 4、UI設(shè)計(jì)總共需要用到哪些軟件？

一、UI設(shè)計(jì)那些繪圖軟件有什么區(qū)別，為什么都要學(xué)？

學(xué)習(xí)UI設(shè)計(jì)，軟件只是UI設(shè)計(jì)的第一階段，新手或者零基礎(chǔ)的小伙伴可以從軟件入手，到后面的設(shè)計(jì)理論，規(guī)范，交互這些設(shè)計(jì)思維學(xué)起。

學(xué)習(xí)UI設(shè)計(jì)，首先要明白UI設(shè)計(jì)師需要做的工作，大致介紹就是界面、圖標(biāo)、動(dòng)效、交互、切圖、標(biāo)注等，這些內(nèi)容都需要用到不同的軟件。

在這里主要列舉UI設(shè)計(jì)常用的四款軟件：PS，AI，AE、ARP、XD、另外還有一些輔助軟件偶爾也會(huì)用到

Adobe Photoshop

Adobe Photoshop，簡稱“PS”，是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。 Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具，可以有效地進(jìn)行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。PS可以用來從事，平面設(shè)計(jì)，網(wǎng)頁設(shè)計(jì)，UI設(shè)計(jì)等多種設(shè)計(jì)工作。在UI設(shè)計(jì)中PS的使用率在90%以上，所以作為一個(gè)合格的UI設(shè)計(jì)師。PS是肯定得掌握的。PS可以在UI設(shè)計(jì)中，繪制界面設(shè)計(jì)，圖標(biāo)設(shè)計(jì)等

Adobe illustrator

Adobe illustrator是一種應(yīng)用于出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件，作為一款非常好的圖片處理工具，Adobe Illustrator廣泛應(yīng)用于印刷出版、海報(bào)書籍排版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁面的制作等，也可以為線稿提供較高的精度和控制，適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目。在UI設(shè)計(jì)中AI的使用率也是非常之高，主要可以用來繪制圖標(biāo)，界面等設(shè)計(jì)，插畫等

Adobe After Effects

Adobe After Effects簡稱“AE”是Adobe公司推出的一款圖形視頻處理軟件，適用于從事設(shè)計(jì)和視頻特技的機(jī)構(gòu)，包括電視臺(tái)、動(dòng)畫制作公司、個(gè)人后期制作工作室以及多媒體工作室。屬于層類型后期軟件。在UI設(shè)計(jì)中主要主要是用來做動(dòng)效設(shè)計(jì)，交互效果，

Axure RP

Axure RP是美國Axure Software Solution公司旗艦產(chǎn)品，是一個(gè)專業(yè)的快速原型設(shè)計(jì)工具，讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。作為專業(yè)的原型設(shè)計(jì)工具，它能快速、高效的創(chuàng)建原型，同時(shí)支持多人協(xié)作設(shè)計(jì)和版本控制管理 。

Axure RP已被一些大公司采用。Axure RP的使用者主要包括商業(yè)分析師、信息架構(gòu)師、可用性專家、產(chǎn)品經(jīng)理、IT咨詢師、用戶體驗(yàn)設(shè)計(jì)師、交互設(shè)計(jì)師、界面設(shè)計(jì)師等，另外，架構(gòu)師、程序開發(fā)工程師也在使用Axure。

在UI設(shè)計(jì)中主要起的作用主要是用來做交互原型圖

Sketch

這里重點(diǎn)介紹一下Sketch，它是個(gè)很好的界面設(shè)計(jì)工具，很方便，完全就是為扁平化界面而生的。這在做做流行的扁平化界面設(shè)計(jì)方面確實(shí)方便，比ps效率會(huì)高，現(xiàn)在很多UI設(shè)計(jì)師都喜歡用，但是我們做設(shè)計(jì)，肯定會(huì)接觸到各種東西，你可能要畫個(gè)擬物圖標(biāo)，做個(gè)宣傳海報(bào)，做個(gè)網(wǎng)站bannr，做個(gè)酷炫的字體效果，那就還是得乖乖打開ps，在圖像處理方面目前地球上沒有什么軟件能超過ps，還有一點(diǎn)，目前Sketch只有mac版，如果公司沒有給你配蘋果電腦的話就還是安靜的用Adobe公司的PS和XD吧，能做好東西就行，不要太糾結(jié)一定要用哪個(gè)工具。

Experience Design CC

Adobe XD官方版全稱Adobe Experience Design CC，是Adobe旗下專業(yè)的交互原型設(shè)計(jì)工具。Adobe XD官方版跨平臺(tái)支持Win10 與 macOS，并且所有用戶均可免費(fèi)下載使用。Adobe XD CC 2018可快速進(jìn)行APP設(shè)計(jì)、網(wǎng)站設(shè)計(jì)，UX/UI 產(chǎn)品設(shè)計(jì)，是設(shè)計(jì)師、產(chǎn)品經(jīng)理和開發(fā)者們必備的設(shè)計(jì)工具

Adobe Dreamweaver

簡稱“DW”，中文名稱 "夢想編織者"，最初為美國MACROMEDIA公司開發(fā) ，2005年被Adobe公司收購。DW是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器。利用對 HTML、CSS、JavaScript等內(nèi)容的支持，設(shè)計(jì)師和程序員可以在幾乎任何地方快速制作和進(jìn)行網(wǎng)站建設(shè)。

Cinema 4D

UI設(shè)計(jì)師的附加軟件，最近幾年非常流行的建模軟件，建模渲染效果特別好！因而，成為了設(shè)計(jì)創(chuàng)意工作者的效率生產(chǎn)工具?，F(xiàn)在，無論是影視后期、還是工業(yè)設(shè)計(jì)、或平面設(shè)計(jì)行業(yè)，C4D軟件都得到了廣泛的運(yùn)用。用來做一些平面軟件達(dá)不到的3D效果，視覺效果，能做很多的概念設(shè)計(jì)，這個(gè)軟件，能讓你的設(shè)計(jì)表現(xiàn)力更豐富更有趣。

Mindjet MindManager簡稱思維導(dǎo)圖

MindManager，中文商標(biāo)譯作C，俗稱“腦圖”，又叫“心智圖”，是一款創(chuàng)造、管理和交流思想的通用標(biāo)準(zhǔn)的繪圖軟件，由美國Mindjet公司開發(fā)，界面可視化，有著直觀、友好的用戶界面和豐富的功能。在UI設(shè)計(jì)中主要用來整理交互邏輯思維層。

藍(lán)湖

藍(lán)湖，產(chǎn)品設(shè)計(jì)協(xié)作平臺(tái)＆原型制作工具。中文版、全免費(fèi)，支持Mac、Web、iOS。 支持從Sketch一鍵分享、在線討論、自動(dòng)為設(shè)計(jì)圖生成標(biāo)注，而且只需簡單幾步就能將設(shè)計(jì)圖變成一個(gè)可以點(diǎn)擊的演示原型，支持分享給同事，讓他也可以在手機(jī)中查看設(shè)計(jì)效果。藍(lán)湖已經(jīng)成為新一代產(chǎn)品設(shè)計(jì)的工作方式。

墨刀

一款在線原型設(shè)計(jì)與協(xié)同工具，借助墨刀，產(chǎn)品經(jīng)理、設(shè)計(jì)師、開發(fā)、銷售、運(yùn)營及創(chuàng)業(yè)者等用戶群體，能夠搭建為產(chǎn)品原型，演示項(xiàng)目效果。墨刀同時(shí)也是協(xié)作平臺(tái)，項(xiàng)目成員可以協(xié)作編輯、審閱 ，不管是產(chǎn)品想法展示，還是向客戶收集產(chǎn)品反饋，向投資人進(jìn)行Demo展示，或是在團(tuán)隊(duì)內(nèi)部協(xié)作溝通、項(xiàng)目管理

二、UI設(shè)計(jì)是什么？

UI即User Interface直譯過來是用戶界面的意思，這個(gè)翻譯本身就有問題，正確的理解是用戶與界面，簡單來說就是人機(jī)交互時(shí)機(jī)器聽不懂我們的語言，需要一個(gè)翻譯的媒介這個(gè)媒介就是UI。

狹義的UI設(shè)計(jì)指的就是UI界面視覺設(shè)計(jì)，廣義的UI設(shè)計(jì)它包含三部分內(nèi)容，GUI圖形視覺設(shè)計(jì)、UX交互設(shè)計(jì)、UE用戶體驗(yàn)設(shè)計(jì)，這么講對小白用戶可能不好理解，通俗一點(diǎn)舉一個(gè)例子，GUI圖形視覺設(shè)計(jì)好比一個(gè)美女的外貌好看不好看，好看的外貌可以吸引用戶和你主動(dòng)交流，UX交互設(shè)計(jì)就是軟件的信息架構(gòu)合理不合理，好比美女的身材好不好，比例些不協(xié)調(diào)；UE用戶體驗(yàn)就是軟件好不好用，好比美女脾氣好不好相處，一個(gè)好的UI設(shè)計(jì)不僅使軟件個(gè)性化、品味化，而且使軟件的操作舒適、簡單、自由，充分體現(xiàn)了軟件的定位和特點(diǎn)。

從層級(jí)關(guān)系來講我們可以劃分為5個(gè)層級(jí)，戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層，未來UI設(shè)計(jì)師不僅僅只是畫圖，更應(yīng)該懂產(chǎn)品、懂用戶、懂交互設(shè)計(jì)。

三、什么是UI設(shè)計(jì)？

UI設(shè)計(jì)英文叫User Interface翻譯成中文意思就是（用戶界面）。UI設(shè)計(jì)是指對軟件的人機(jī)交互，操作邏輯，界面美觀的整體設(shè)計(jì)。

說到這個(gè)界面設(shè)計(jì)，其實(shí)非常好理解，因?yàn)槲覀兠刻於荚谑褂?。我們手機(jī)里面的APP軟件，QQ和微信的界面圖標(biāo)設(shè)計(jì)都屬于UI設(shè)計(jì)師的工作內(nèi)容

移動(dòng)端互聯(lián)網(wǎng)時(shí)代，每位同學(xué)都有一部智能手機(jī)，手機(jī)里面看APP界面圖標(biāo)，我們可以稱為用戶界面，也就是我說的UI設(shè)計(jì)。簡單的來說，UI設(shè)計(jì)師就是負(fù)責(zé)設(shè)計(jì)這些在電子屏幕上顯示的產(chǎn)品，（包括游戲UI，網(wǎng)頁端，手機(jī)，以及目前比較火的VR,AR，其他設(shè)備端等）

比如微信界面、里面的圖標(biāo) 文字 圖片整個(gè)操作點(diǎn)擊 都屬于UI設(shè)計(jì)師要設(shè)計(jì)的范疇。所以UI設(shè)計(jì)一直存在于我們的生活！

UI設(shè)計(jì)起源于美國硅谷，UI設(shè)計(jì)是2012年由硅谷傳入中國，UI設(shè)計(jì)隨著互聯(lián)網(wǎng)行業(yè)的興起和智能手機(jī)的普及而火的一發(fā)不可收拾。

UI設(shè)計(jì)是最近幾年在國內(nèi)火起來的，目前UI設(shè)計(jì)師的平均薪資是國內(nèi)設(shè)計(jì)界薪資最高的行業(yè)，在北上廣深杭這些一線城市UI設(shè)計(jì)師的平均薪資1萬以上。從薪資不難看出UI設(shè)計(jì)這個(gè)行業(yè)目前在國內(nèi)真的很火。

UI設(shè)計(jì)師需要做的工作有，APP界面圖標(biāo)設(shè)計(jì)，視覺設(shè)計(jì)，運(yùn)營插畫設(shè)計(jì)，交互動(dòng)效設(shè)計(jì)，原型圖設(shè)計(jì)，平面設(shè)計(jì)，小程序設(shè)計(jì)等。

好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

UI設(shè)計(jì)按行業(yè)一般分為4種行業(yè)

分別是移動(dòng)端UI設(shè)計(jì)，PC端UI設(shè)計(jì)，游戲端UI設(shè)計(jì)，以及其它端UI設(shè)計(jì)。

第一種：移動(dòng)端UI設(shè)計(jì)

那么什么叫移動(dòng)端UI設(shè)計(jì)呢，移動(dòng)端UI設(shè)計(jì)就是手機(jī)平板上的APP設(shè)計(jì)，比如微信聊天界面，QQ聊天界面，手機(jī)桌面，手機(jī)上看到的所有圖標(biāo)界面點(diǎn)了后會(huì)有反應(yīng)的我們都可以理解成移動(dòng)端UI設(shè)計(jì)。

那么我們來講解一下移動(dòng)端UI設(shè)計(jì)師的工作內(nèi)容有哪些？移動(dòng)端UI設(shè)計(jì)師的工作就是我們的APP界面圖標(biāo)文字按鈕等，這一塊就是我們移動(dòng)端UI設(shè)計(jì)師要做的工作，要做好這份工作的話我們需要學(xué)習(xí)的東西有很多，比如說要懂理論，要懂用什么顏色，要用什么字體，要用什么版試這些都是需要學(xué)習(xí)的，看似簡單的一個(gè)設(shè)計(jì)往往來說難度性都挺高的，并沒有看上去那么簡單。不然現(xiàn)在的UI設(shè)計(jì)師的工資也不會(huì)這么高了。

第二種：PC端UI設(shè)計(jì)

PC端UI設(shè)計(jì)就是我們電腦上的軟件和網(wǎng)頁按鈕，比如電腦版的QQ，微信，電腦管家和網(wǎng)頁的一些按鈕圖標(biāo)等都屬于PC端UI設(shè)計(jì)。

其實(shí)移動(dòng)端UI設(shè)計(jì)和PC端UI設(shè)計(jì)是差不多的，只不過平臺(tái)不一樣。PC端的載休是電腦，移動(dòng)端的載體是手機(jī)。

第三種游戲UI設(shè)計(jì)

那么什么是游戲端UI設(shè)計(jì)咧？比如王者榮耀，英雄聯(lián)盟和一些其它游戲中的登錄界面、都是屬于游戲端UI設(shè)計(jì)。

目前游戲端UI設(shè)計(jì)在近幾年發(fā)展并以前沒有那么好了，主要是因?yàn)楝F(xiàn)在騰訊網(wǎng)易這些大公司已經(jīng)把游戲的市場站領(lǐng)了，其它的都是一些小公司，所以這個(gè)行業(yè)發(fā)展沒有之前那么好了。而且游戲UI對美術(shù)基礎(chǔ)要求也比較高。

這就是類似游戲的界面，這里面的按鈕就是游戲UI設(shè)計(jì)師用手繪板畫出來的，做這個(gè)工作的話必需要有美術(shù)基礎(chǔ)，大公司還要求科班出身，所以這個(gè)工作也是比較累的，所以我建議大家做UI工作的話可以選擇移動(dòng)端UI設(shè)計(jì)，因?yàn)槟壳耙苿?dòng)端UI設(shè)計(jì)比較火。

第四種：其它UI設(shè)計(jì)

最后一種就是其它端UI設(shè)計(jì)，像VR界面、AR界面、銀行取款機(jī)界面、這些都屬于其它端UI設(shè)計(jì)，其它端UI設(shè)計(jì)用戶較少，但又需要，未來有可能很火，有可能保持現(xiàn)狀。

四、UI設(shè)計(jì)總共需要用到哪些軟件？

1、PS，Adobe Photoshop，是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。相信不是設(shè)計(jì)行業(yè)的小伙伴也對它久仰大名，更是設(shè)計(jì)專業(yè)人員必須掌握的設(shè)計(jì)工具。 Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像，其重點(diǎn)在于對圖像的加工處理。

2、AI, Adobe illustrator，是一種應(yīng)用于出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件。它的功能強(qiáng)大，用戶界面體貼，是大多數(shù)設(shè)計(jì)師選擇矢量編輯軟件的不二選擇。

3、AE,Adobe After Effects,Adobe公司推出的一款圖形視頻處理軟件?，F(xiàn)如今動(dòng)效設(shè)計(jì)在UI設(shè)計(jì)界面中越來越常見，國內(nèi)很多互聯(lián)網(wǎng)公司也開始重視動(dòng)效設(shè)計(jì)了。產(chǎn)品中的動(dòng)效設(shè)計(jì)可以給用戶帶來很好的視覺感受，更好的表達(dá)產(chǎn)品特色，讓產(chǎn)品操作體驗(yàn)更加流暢。

4、Axure ,它是一款專業(yè)的快速原型設(shè)計(jì)工具，它可以快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖 、原型設(shè)計(jì)圖。作為專業(yè)的原型設(shè)計(jì)工具，它能快速、高效的創(chuàng)建原型，同時(shí)支持多人協(xié)作設(shè)計(jì)和版本控制管理。Axure不僅是UI設(shè)計(jì)師需要掌握的工具，在互聯(lián)網(wǎng)行業(yè)也要求產(chǎn)品經(jīng)理熟悉該工具的使用。

以上就是關(guān)于UI原型設(shè)計(jì)圖相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服QQ: 1454722008（同微信）進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

ui設(shè)計(jì)（ui設(shè)計(jì)軟件）

杭州ui設(shè)計(jì)學(xué)校

ui設(shè)計(jì)主要學(xué)什么內(nèi)容（ui設(shè)計(jì)需要學(xué)的軟件）

什么叫做品牌策劃(什么叫做品牌策劃)

百家號(hào)藍(lán)v認(rèn)證有什么用？百家號(hào)企業(yè)藍(lán)V認(rèn)證的好處