返學費網(wǎng) > 培訓機構 > 游戲設計交流中心
游戲UI的設計一般分成兩個部分,交互功能以及界面美觀。
通常,策劃會使用visio或者word、excel之類的先把功能區(qū)域和按鈕畫好,交給美術來制作皮膚。對美術來說,photoshop就足夠用了。
不過現(xiàn)在比較成熟和有經(jīng)驗策劃會提出更多對于交互體驗的設計要求,使用GUIStudio或者AxureRP都是不錯的交互界面設計軟件。
游戲UI的最終實現(xiàn)需要客戶端程序員根據(jù)設計的需求,編寫代碼實現(xiàn)。這個就要看是什么引擎什么語言了
UI設計需要的知識主要是交互方面的,現(xiàn)在關于UE方面的網(wǎng)頁設計書籍有一大堆,其中大部分在游戲UI設計方面是共通的,不過因為一些特殊習慣方面的不同,以及功能性的區(qū)別,還需要在工作中積累相關經(jīng)驗。
《Don'》
《用戶體驗的要素》
這幾本是交互體驗中比較出名的幾本,推薦閱讀。
ui設計需要用到的軟件很多,現(xiàn)列舉一些ui設計常用的軟件如下:
Photoshop、、、AxureRP、sketch。
(1)Photoshop主要處理以像素所構成的數(shù)字圖像。使用其眾多的編修與繪圖工具,可以有效地進行圖片編輯工作。ps有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。
(2),常被稱為“AI”,是一種應用于出版、多媒體和在線圖像的工業(yè)標準矢量插畫的軟件。作為一款非常好的矢量圖形處理工具,該軟件主要應用于印刷出版、海報書籍排版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁面的制作等,也可以為線稿提供較高的精度和控制,適合生產(chǎn)任何小型設計到大型的復雜項目。
(3)軟件可以幫助您高效且精確地創(chuàng)建無數(shù)種引人注目的動態(tài)圖形和震撼人心的視覺效果。利用與其他Adobe軟件無與倫比的緊密集成和高度靈活的2D和3D合成,以及數(shù)百種預設的效果和動畫,為您的電影、視頻、DVD和作品增添令人耳目一新的效果。
(4)AxureRP是美國公司旗艦產(chǎn)品,是一個專業(yè)的快速原型設計工具,讓負責定義需求和規(guī)格、設計功能和界面的專家能夠快速創(chuàng)建應用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。作為專業(yè)的原型設計工具,它能快速、高效的創(chuàng)建原型,同時支持多人協(xié)作設計和版本控制管理。
(5)Sketch,即Sketch-A-Etch,是一款素描繪畫類的軟件,玩家需要旋轉(zhuǎn)左右兩個旋鈕來控制面板上的畫筆描繪出你想要的圖像,并且可以給它們上色。
UI設計軟件主要有Pixso、Figma、Sketch、Adobe XD等。
一般來說,如果是做APP頁面設計的話,推薦使用sketch,但是sketch有一個缺點,那就是只能夠在mac端上邊進行使用。PS也是肯定需要用到的,在處理一些圖片的時候也可以使用PS,PS畢竟是一個神奇。
設計原則:
1、簡易性界面的簡潔是要讓用戶便于使用、便于了解產(chǎn)品,并能減少用戶發(fā)生錯誤選擇的可能性。
2、用戶語言界面中要使用能反映用戶本身的語言,而不是游戲設計者的語言。
3、記憶負擔最小化人腦不是電腦,在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩(wěn)定,24小時內(nèi)存在約25%的遺忘率。所以對用戶來說,瀏覽信息要比記憶更容易。
一、UI設計主要軟件:PS?即Adobe?Photoshop
對于最細小的軟件圖標,是用矢量繪圖軟件制作的,這樣放大才不會失真,沒有虛邊。比如CorelDraw、、FreeHand等都可以用來做圖標,沒什么限制。但是據(jù)行業(yè)數(shù)據(jù)統(tǒng)計,UI設計行業(yè)中,常用的主要軟件為:PS和AI,其中PS為市場占有率最多,AI通常被用來純矢量圖輔助設計。
二、思維導圖軟件:或XMind?
或XMind都為思維導圖軟件,具體使用哪個軟件并不重要,根據(jù)個人習慣就行。?
思維導圖想必大家在進行策劃分析和頭腦風暴時,都用過。在UI設計中,也是經(jīng)常用到。主要用來整理產(chǎn)品需求思路、產(chǎn)品架構、產(chǎn)品的交互邏輯等等??傊谧鲆曈X之前,他都是大家整理思緒的好幫手。
三、快速原型設計工具:Axure?RP或者Skech?
Axure?RP是一個專業(yè)的快速原型設計工具,Axure?RP是美國Axure?Software?Solution公司旗艦產(chǎn)品,是一個專業(yè)的快速原型設計工具。主要讓定義需求和規(guī)格、設計功能和界面的專家(產(chǎn)品經(jīng)理、UI設計師)能夠快速創(chuàng)建應用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。作為專業(yè)的原型設計工具,它能快速、高效的創(chuàng)建原型,同時支持多人協(xié)作設計和版本控制管理。?
另外還有skech軟件,Sketch讓我們盡可能少的設計,將UI放在了首位,讓我們專注于響應式的設計而不是照片的編輯,關注于交互和動畫而不是人造的材質(zhì),但其市場占有率正在設計的發(fā)展階段,多數(shù)集中于Axure。
四、動效設計:AE軟件?
越來越多的國內(nèi)公司開始關注動效設計了,越來越多的團隊意識到動效在產(chǎn)品用戶體驗中的重要性。?
作為UI設計師,我們?yōu)槭裁葱枰獎有гO計??
終極一點:就是讓用戶更加爽、更加爽的用你的產(chǎn)品(app、軟件、智能硬件端等等)。動效設計可以將本來靜態(tài)的圖片用動態(tài)的邏輯表達出來,大多為了表達抽象的交互體驗設計而制作動效,這樣整個團隊也能對未來產(chǎn)品的各類動態(tài)體驗設計都有一個直觀的認知??傊?,在交互體驗設計中用處太多,太強大了。?
五、前端設計:Dw軟件?
即,是html開發(fā)工具,編寫靜態(tài)頁面和css樣式,提示很給力,設計人員用的多一點。我們UI設計師也是需要了解學習前端的布局和設計的。?
說起設計師希望學前端的初衷,大概還是因為各種華麗的網(wǎng)頁特效/交互太過吸引人,這種感覺大概就是:“Hey,我的設計稿(靜態(tài)圖片)可以做成網(wǎng)頁訪問了呢!?好在,“展示”對于前端技術來說反而是最簡單的部分。所以,放下你對“編程”兩個字的恐懼,從“稱不上是編程語言”的?HTML/CSS?開始,先做點有成就感的東西出來吧!對于設計師來說,最有成就感的一定是“可以看到的東西”,而?HTML/CSS?正是用來干這個的。以至于最后UI設計師們能夠更好的配合前端工程師們做好設計。
學UI設計需要學習一些專業(yè)的設計軟件,比如Adobe Photoshop、Adobe 、Sketch、Figma等。
這些軟件都是業(yè)內(nèi)常用的設計工具,可以幫助你實現(xiàn)各種各樣的設計效果。除此之外,還需要了解一些基礎的設計原理和技巧,例如色彩搭配、排版、構圖等等。
互聯(lián)網(wǎng)行業(yè)目前還是最熱門的行業(yè)之一,學習IT技能之后足夠優(yōu)秀是有機會進入騰訊、阿里、網(wǎng)易等互聯(lián)網(wǎng)大廠高薪就業(yè)的,發(fā)展前景非常好,普通人也可以學習。
想要系統(tǒng)學習,你可以考察對比一下開設有相關專業(yè)的熱門學校了解學校,好的學校擁有根據(jù)當下企業(yè)需求自主研發(fā)課程的能力,能夠在校期間取得大?;虮究茖W歷,中博軟件、南京課工場、南京北大青鳥等開設相關專業(yè)的學校都是不錯的,建議實地考察對比一下。
祝你學有所成,望采納。
北大青鳥中博軟件學校學生課堂實錄