體驗《Florence》 設計中的細節

5 人贊了文章

本來想著詳細地寫，但其實知乎上的大佬們已經從各方面解析地挺透徹的了，不管是信息架構、劇情還是交互細節。

但是對我來說，值得學習的還多得很。那就把這些有意思的細節記錄下來好了。

我從不認為手游能做出多厲害的交互，直到我玩了《Florence》

優雅的交互時刻打動著人心——Florence體驗報告

做數學題

展現主人公在做數學題，遵循遊戲中一切從簡的風格，只需要拖動相應的數字卡片即可。如果是輸入的話，會大大破壞沉浸感與增加操作成本。

時間流逝

這裡展現時間變化的方式實在是太美妙了！首先擬物的感覺十分直觀：玩家順時針轉動錶盤時，主角就會慢慢長大、與朋友有了間隔，並最終孤身一人，有些太真實了...

玩家像是無形的推動者，在主動參與遊戲的同時還能體會到情感的變化。沒有廢話連篇的同時，完整地表現出了主角的人生歷程。

追尋音樂

這也是一個想像與現實結合的美妙畫面。主角在走路時聽到了音樂，玩家則看到了音符。玩家通過點擊音符，彷彿是在主動欣賞和聆聽音樂。

剛開始畫面是灰色和藍色的結合，飄來的音符則是鮮艷的黃色。通過色彩的搭配簡潔有力地展現出主角心情的變化。而從【走】變成【漂浮】則更是現實和想像的結合，儘管「不真實」，但玩家卻能強烈地感受到主角快樂洋溢的心情。

攝影與圖像

交互和界面真的是十分美妙。

在茫茫世界中看到男主的一抹亮黃色（也是音符的顏色），畫面處於失焦的狀態。主角為了努力看清男主，玩家需要通過滑動下面兩個刻度盤進行對焦，與真實的復古攝影對焦體驗十分類似，加上逼真的音效，可以讓我滑上一天！

類似的，也是圖像失焦變形，需要通過調節才能看清畫面。

此處是主角騎車摔倒了，腦子一片混亂。玩家進行調節，主角也恢復過來。這樣的設計使得玩家能充分體驗到主角的心情與感受。

滑動動效

之前看過的動效教程中，提到 不同層次或不同對象之間的滑動速度區別開，能夠使畫面生動。這裡便是一個很好的體現：背景的滑動速度比上層的慢一些，看起來畫面生動了許多。

探索

這裡的場景是：男主正在訴說他的夢想。

不知道是我的話會怎麼表現??但這裡的設計真的太妙了！結合了生活中的物品：刮獎。玩家探索男主的夢想，就像刮獎一般，像是在期待著一個驚喜。大概這就是優秀的情感體驗設計吧。

抽出

剛開始我並不知道怎麼玩這裡...點了很多次但沒有反應，直到我無意間把它滑動了一下。不是單純的點擊，而是像女主一樣把它從床底下抽出來。是一個非常小的細節，但也足以令我敬佩。

推

推男主去音樂學院，簡單卻又真實。這部遊戲總是能以非常簡潔的方式表現出最關鍵的關係，還能讓玩家體會到其中的情感。 在這裡，如果不點擊，男主就會往後退，只有飛快地點擊多次，才能把男主送進學院。多麼真實。

成像

又是一個復古攝影的體驗：晃動照片成像。一開始我還真的沒有發現呢。

交流

遊戲中的溝通體現地十分精妙：每一句話都是由不同的卡片組成，是對生活的絕妙提煉。而不同的話語又能通過不同形狀、顏色的方塊體現出情感的差異。

這是第一次約會的時候，主角需要花很長時間組織話語。相應的，玩家需要將多塊卡片拼起來。

而在吵架的時候，不光語言簡練，連速度也有了要求。這也直接體現在卡片數目減少，要求玩家快速拼貼。當某一方話說得快時，還會像另一方傾斜。

吵架時的尖銳的話語更體現在卡片的連接上。

正是這許許多多的小細節讓體驗更加真實，讓這部遊戲的情感體驗如此強烈。