UI原型設計圖

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

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

文章目錄列表:

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

• 2、UI設計是什么？

• 3、什么是UI設計？

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

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

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

學習UI設計，首先要明白UI設計師需要做的工作，大致介紹就是界面、圖標、動效、交互、切圖、標注等，這些內容都需要用到不同的軟件。

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

Adobe Photoshop

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

Adobe illustrator

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

Adobe After Effects

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

Axure RP

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

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

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

Sketch

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

Experience Design CC

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

Adobe Dreamweaver

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

Cinema 4D

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

Mindjet MindManager簡稱思維導圖

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

藍湖

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

墨刀

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

二、UI設計是什么？

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

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

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

三、什么是UI設計？

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

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

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

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

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

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

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

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

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

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

第一種：移動端UI設計

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

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

第二種：PC端UI設計

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

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

第三種游戲UI設計

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

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

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

第四種：其它UI設計

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

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

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

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

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

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

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

推薦閱讀：

ui設計（ui設計軟件）

杭州ui設計學校

ui設計主要學什么內容（ui設計需要學的軟件）

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

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