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 | ![]() |

















































