contents
前言
上次沒有好好地將遊戲內容進行擷取說明,單純對介面設計原則做說明,介面設計會根據裝置操作有所不同吧,那遊戲介面是否又能如此?
要把法則呈現在遊戲中又是另一回事,畢竟遊戲跟網頁又有點差別,當然也有人認為認知風格跟遊戲性不相干,倒不如說會跟遊戲內容有關,遊戲內容決定介面設計方向,若要根據認知風格設計,想必會是一道難題。
遊戲內容的多寡將決定運行的流程、架構,遊戲介面越簡潔越好,最後的演化就是什麼 都沒有最好 ,除非有人喜歡儀表板,那就另當別論。隨著遊戲必要才出現的介面,會導致程式撰寫相當麻煩,要用排除法來防止奇葩的流程走向。
不僅介面擺設需要考量,還要有觸發時間、方法,以及浮現效果,這些會影響到使用者是否知道可以使用,大部分的介面以文字為主,那串接效果影響不大。為了提升使用者體驗,最好是使用圖示為主,但這會造成跟背景融合的一體感,可能會造成無法被使用者察覺可觸發,必須在圖示效果加點功夫。
就像虛擬實境課程內容所提及的漸進式效果會比較好,對於使用者有如虛擬實境,也就是說介面出現的時間跟方法不能太過迅速。關於上虛擬實境課程的那些小事,有如在上影像處理課程的虛擬實境呢。
以上內容,僅本人觀察。
Github
如果圖片看不到,請至 Github 中的 doc 目錄下查閱本篇附圖。
遊戲執行檔和開源代碼都在其中,當然還有遊戲的編輯器。更多的遊戲截圖在裡頭,只支持 windows 平台。
Animate
Info | Demo |
---|---|
Menu Enter/Select | |
Button Enter | |
Popup Menu | |
Menu Focus | |
Lighting | |
Fog | |
Use Props | |
Caption |
Screenshot
Menu Design
選單使用方向鍵和滑鼠點擊操控,同時提供大綱說明。
Info | Demo |
---|---|
How to Play | |
Story | |
Test Room | |
Achievement | |
Options |
Tutorial Design
使用教學關卡,步入遊戲元素與操作。
Info | Demo |
---|---|
Tutorial |
Game UI Design
遊戲介面細節設計
Info | Demo |
---|---|
Tip | |
Control Information | |
Exit Warning | |
Props View 1 (Scroll up) | |
Props View 2 (Scroll down) | |
Level Complete | |
Level Fail |
Game Element
遊戲元素效果
Info | Demo |
---|---|
Hide | |
Use | |
Test Room |
Option Design
遊戲配置設計
Info | Demo |
---|---|
Sound | |
Difficult |
Story Design
過場 (eyecatch) 劇情的介面設計
Info | Demo |
---|---|
Story | |
Story branch 1 | |
Story branch 2 |
Other Mode
遊戲模式設計
Info | Demo |
---|---|
Time Mode 1 (Time Count) | |
Time Mode 2 (Time Up) | |
Time Mode 3 (Time Over) |
Feature
考量的設計並沒全部去實作,提供設計參考。
Menu Layout
Info | Demo |
---|---|
Old 1 | |
Old 2 | |
X-Box | |
Andriod | |
Hexagon | |
Overview 1 | |
Overview 2 |
Game Layout
Info | Demo |
---|---|
Origin | |
Clear | |
Icon With props 1 | |
Icon With props 2 | |
Exit Menu |
Option Setting
Info | Demo |
---|---|
Keyboard 1 | |
Keyboard 2 |
Over Layout
Info | Demo |
---|---|
Popup |
Game Flow
Info | Demo |
---|---|
With Over | |
With Eyecatch |
Game Caption
Info | Demo |
---|---|
Balloon |