科技時代到來,優(yōu)異也隨之而來,我們會去關(guān)注UI 設(shè)計師和交互設(shè)計師有什么不同?游戲動漫設(shè)計制作好學(xué)嗎?,ui游戲設(shè)計和ui交互設(shè)計區(qū)別,比花瓣還專業(yè)!200多款頂級游戲的UI和交互設(shè)計都在這里!,游戲設(shè)計中UI設(shè)計一般使用什么軟件???,還可以通過UI 設(shè)計師和交互設(shè)計師有什么不同?游戲動漫設(shè)計制作好學(xué)嗎?,ui游戲設(shè)計和ui交互設(shè)計區(qū)別,比花瓣還專業(yè)!200多款頂級游戲的UI和交互設(shè)計都在這里!,游戲設(shè)計中UI設(shè)計一般使用什么軟件???進一步去來了解,接下來就跟隨作者一起去看看吧!
拿手機APP做個比喻,UI設(shè)計偏向于視覺的觀感,比如界面、控件圖標等等,而交互設(shè)計則主要是面向操作,比如你點觸某個控件會觸發(fā)什么功能,或者你想使用某個功能的實現(xiàn)路徑是怎樣的。拿房子做個比喻,瓷磚、壁紙等裝修屬于UI,而水電布線等屬于交互。至于動漫設(shè)計制作是否好學(xué),這個看愿意花多少工夫了。
“用戶體驗設(shè)計”(User Design)是個廣義說法,可以包括各種設(shè)計:UI(用戶界面)、交互()、視覺、聽覺、甚至工業(yè)設(shè)計等等?!敖换ピO(shè)計”( Design)指一個產(chǎn)品如何根據(jù)用戶的行為而“行動”,以及如何讓用戶通過一些控制鍵去操縱產(chǎn)品。交互設(shè)計通常通過UI(用戶界面)來體現(xiàn)。所以有的“交互設(shè)計師”也叫“UI設(shè)計師”。
很多時候,做設(shè)計需要找參考。如果是普通的 UI 界面或者 Banner 之類的,在Dribbble、Pinterest、 花瓣、Behance 這樣的網(wǎng)站上翻看一下,至少能夠梳理出一些思路。如果你需要的是更加規(guī)范的指引,這個時候在各種設(shè)計規(guī)范、官方指南以及各種設(shè)計系統(tǒng)的 PSD、Sketch、 Figma 文件里面,能夠?qū)ふ业骄唧w的某一類控件的具體設(shè)計??墒菃栴}在于,如果你要設(shè)計的是一個專業(yè)領(lǐng)域的產(chǎn)品,滿足一些更復(fù)雜的交互,需要應(yīng)對一系列更麻煩的需求,你能找到的參考又有多少?其實,還有一個很重要的設(shè)計參考來源:游戲。不同的游戲,交互差別很大。簡單的交互比如「Flappy Bird」只需要點擊屏幕,甚至不需要考慮點擊的位置就可以完成操作,但是大型即時戰(zhàn)略類游戲比如 Dota2,涉及到的交互就會復(fù)雜很多。游戲集合了很多幾經(jīng)考驗的交互方式,承載著巨大的信息量,有著成熟的設(shè)計,可以說是非常有價值的學(xué)習(xí)對象了。其實,如果真要有針對性的去找游戲交互和UI 參考并不難,但是通常會遭遇到幾種情況:找到游戲后,和游戲界面設(shè)計無關(guān)的搜索結(jié)果太多官方的APP商店,或者游戲官網(wǎng),營銷宣傳內(nèi)容過多自己安裝一個游戲、測試、截圖、分析成本太高同類、同風(fēng)格的游戲信息太分散,整合成本太高這個時候,Interface in Game 這個網(wǎng)站的價值的就體現(xiàn)出來了:Interface in Game網(wǎng)站鏈接: ,界面設(shè)計師在 Behance 和 Dribbble 整合作品,而玩家和開發(fā)者則匯聚在各自的社區(qū)。這大概也是促成 Interface in Game 這個網(wǎng)站誕生的理由之一吧。這個網(wǎng)站搜羅了200 多款最頂級的優(yōu)秀游戲的相關(guān)的 UI 和交互方面的資料。在首頁上,這些游戲會按照「題材」、「元素」、「風(fēng)格主題」以及時間(也就是「最近添加」)來進行劃分,以滿足你尋找資料的不同需求。你可以直接挑選你感興趣的游戲進行瀏覽:不同的界面都根據(jù)它的「元素」和功能進行了劃分,可以使用側(cè)邊欄進行快速的篩選,比如游戲中的操作和交互,其中不僅有截圖,還有短視頻進行動態(tài)演示:比如游戲中所涉及到的菜單,也是被非常全面地被截取出來:在具體的界面截圖當中,你可以看到相關(guān)的標簽,其實這些標簽對應(yīng)的就是游戲界面中的不同的「元素」,點擊它們就能跳轉(zhuǎn)到同類的「元素」的合集界面。另外,通過右下角的功能按鈕來點贊、下載或者返回對應(yīng)的游戲主頁:你可以在單個游戲的頁面中,挑選相應(yīng) UI,也可以通過頂部的 選項,無差別地在所有的游戲截圖和視頻當中,挑選你所需要的類別/元素:比如加載頁面的設(shè)計:雖然網(wǎng)站整體上是服務(wù)于游戲行業(yè)的設(shè)計師,并且它創(chuàng)建的初衷也是面向游戲行業(yè)的,但是它所提供的功能和服務(wù)對于很多其他領(lǐng)域的設(shè)計師同樣有著非常高的參考價值。這些優(yōu)秀的游戲,橫跨多個不同的題材和風(fēng)格,而所有的這些大作,每一個都是一個設(shè)計寶庫,比如封面的字體,配色,布局和整體的視覺風(fēng)格設(shè)計就有很多值得學(xué)習(xí)的地方:Interface in Game 這個游戲界面設(shè)計網(wǎng)站,填補了 UI 界面設(shè)計靈感搜集領(lǐng)域的一個空白,為網(wǎng)站提供游戲界面截圖的,主要是一幫游戲愛好者和需要游戲設(shè)計團隊,他們基于自身的需求來搭建這個網(wǎng)站??傮w上來說,Interface in Game 將游戲界面設(shè)計的靈感參考服務(wù),做到了相當不錯的程度,幫設(shè)計師節(jié)省了相當多的分類和搜集的工作。目前這個網(wǎng)站*的問題可能就是訪問速讀略慢了一點,有梯子的同學(xué)用梯子會快很多。好了,這里是「寫給設(shè)計」-我們一起做一個有福氣的設(shè)計師,安~ 參考來源: 」 PS入門全套筆記 | Adobe 全家桶 | 設(shè)計、廣告、運營人必備神器 | 寫給還想入行UI設(shè)計的你 | 為什么別人家的LOGO值800萬? | 你的一個小時值多少錢?歡迎把文章分享到朋友圈
游戲UI的設(shè)計一般分成兩個部分,交互功能以及界面美觀。通常,策劃會使用visio或者word、excel之類的先把功能區(qū)域和按鈕畫好,交給美術(shù)來制作皮膚。對美術(shù)來說,photoshop就足夠用了。不過現(xiàn)在比較成熟和有經(jīng)驗策劃會提出更多對于交互體驗的設(shè)計要求,使用GUI Studio或者Axure RP都是不錯的交互界面設(shè)計軟件。游戲UI的最終實現(xiàn)需要客戶端程序員根據(jù)設(shè)計的需求,編寫代碼實現(xiàn)。這個就要看是什么引擎什么語言了……UI設(shè)計需要的知識主要是交互方面的,現(xiàn)在關(guān)于UE方面的網(wǎng)頁設(shè)計書籍有一大堆,其中大部分在游戲UI設(shè)計方面是共通的,不過因為一些特殊習(xí)慣方面的不同,以及功能性的區(qū)別,還需要在工作中積累相關(guān)經(jīng)驗?!禗on't make me think》《用戶體驗的要素》這幾本是交互體驗中比較出名的幾本,推薦閱讀。
上文講述了UI 設(shè)計師和交互設(shè)計師有什么不同?游戲動漫設(shè)計制作好學(xué)嗎?,ui游戲設(shè)計和ui交互設(shè)計區(qū)別,比花瓣還專業(yè)!200多款頂級游戲的UI和交互設(shè)計都在這里!,游戲設(shè)計中UI設(shè)計一般使用什么軟件???,大致對UI 設(shè)計師和交互設(shè)計師有什么不同?游戲動漫設(shè)計制作好學(xué)嗎?,ui游戲設(shè)計和ui交互設(shè)計區(qū)別,比花瓣還專業(yè)!200多款頂級游戲的UI和交互設(shè)計都在這里!,游戲設(shè)計中UI設(shè)計一般使用什么軟件???有個簡單了解,如還需深了解請聯(lián)系作者。