UI原型設(shè)計圖

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

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

文章目錄列表:

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

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

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

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

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

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

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

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

Adobe Photoshop

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

Adobe illustrator

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

Adobe After Effects

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

Axure RP

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

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

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

Sketch

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

Experience Design CC

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

Adobe Dreamweaver

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

Cinema 4D

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

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

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

藍(lán)湖

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

墨刀

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

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

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

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

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

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

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

說到這個界面設(shè)計，其實非常好理解，因為我們每天都在使用。我們手機里面的APP軟件，QQ和微信的界面圖標(biāo)設(shè)計都屬于UI設(shè)計師的工作內(nèi)容

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

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

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

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

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

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

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

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

第一種：移動端UI設(shè)計

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

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

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

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

其實移動端UI設(shè)計和PC端UI設(shè)計是差不多的，只不過平臺不一樣。PC端的載休是電腦，移動端的載體是手機。

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

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

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

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

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

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

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

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

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

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

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

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

推薦閱讀：

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

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

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

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

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