論遊戲資訊網的版面設計與文章內容──以Inidenova為例

本篇文章於2017年10月05日在Indienova發佈
https://www.indienova.com/home/blogread/4102


引言:
這是一篇有關如何回應批評者對於Indienova的版面設計與內容抱怨的個人見解。這篇文章的靈感來自於匿名用户(發佈於2017/06/29與09/30,www.zhihu.com/question/60486444)以及Viskem的留言。


從他們的批評中,Inidenova的文章傾向艱澀難讀,版面缺乏簡明量化的訊息,在我看來,這是一種標準的資本主義式思考模式,以標準系統化、簡化原則以及商業考量為主的邏輯。這些人一直不斷地問Inidenova的定位在哪,张珺在知乎上講得明確,它是作為長城以內傳遞獨立遊戲的門戶,同時扮演協助獨立遊戲的發行商。既然定位明確,本文意旨在解析版面設計與文章內容,為了不陷入匿名用户所說的「不要以更爛的例子去對照Indienova的優點」的方式辯論,所以我的舉例都會用原來他們相提並論的網站材料,並增添一些具指標性的遊戲資訊網參照。

一、版面設計
Indienova的版面設計嚴格說起來不是創新的,是現代主流的設計風格,自20世紀開始,尤其在建築與工藝設計上,推崇的極簡與幾何形式,汽車、建築的流線形式與採光,到近年大量被運用在遊戲中的低多邊形(Low Poly)與Window 10的格狀圖格,都一再地驗證村上隆說的:「這是一個扁平化的時代」。網站設計也受到這股潮流影響,得以增加效能速率與簡明清新的視覺感受。
圖1. Indienova2017/06/29頁首圖片取自於www.zhihu.com/question/60486444

從最代表性的Polygon與Medium,就可以察覺到Indienova在版面設計上的相似,Steam在這方面也是佼佼者,他們都是讓遊戲透過自己的視頻或圖片自我介紹。觀眾讀者第一眼看到的是從遊戲提取出的圖像,然後才會看到下方的標語文字,圖片大過於文字的比例也是要強化這種視覺刺激,Polygon甚至直接用粉色濾鏡套用在每張圖上,增加視覺統合性,而Indienova則是透過大格小格來區分時間發佈先後與網站推廣的重點外,增加版面的活潑度。在視覺心理學上,早已提過人類在觀看影像與文字時有明顯接收訊息速度的落差,才會有人類是視覺性動物的說法,而視覺絕對具有意義,怎麼可能無法傳遞內容,如果這樣說,那遊戲畫面不就是毫無意義。
圖2. 頁首圖片取自於2017/10/04的www.polygon.com

我們在看看其他遊戲網類似的設計差異,遊戲時光(vgtime)和國外老牌評分網Gamespot恰好都對同一款遊戲設為頁首頭條,左圖雖然圖片大過於文字大小,但因為幾乎文字佔滿整個畫面,也就失去以圖說故事的意義,而右圖則是提供評分與遊戲評測一語,剩下的是那輛跑車美圖,當讀者開始感興趣並將鼠標移到圖片上時,文字才開始提供更多訊息,這是非常高明的層次,讓讀者可以階段性地決定到底要不要繼續看內文。
圖3.頁首圖片取自於2017/10/04的www.vgtime.com與www.gamespot.com

所以我們回頭來看匿名用戶說:「進入網站以後發現分類不夠明朗,我甚至不知道我的鼠標要去點哪裡,不同類型的內容都被混在一起了。」這種說法很明顯是一種無法自主思考的單向行為,自己不能決定想要接收的訊息,正如我剛才所舉例的,不只是Indienova這樣做,幾乎所有遊戲資訊網都是把跟「遊戲」有關的資訊匯集在一起,從傳統的文字編排改變成以圖為主的版面,讓觀眾自主地透過圖像吸引力來決定想要閱讀的文字。如果依照匿名用戶的抱怨,那硬核網和U-ACG雜食性複合媒體不就更混亂了嗎,甚至還有核眾食堂(笑),所以只要欄位上有清楚分類,版面主要放置的內容可以透過圖片或短語來吸引觀眾,這樣就可以提供只想看特定分類與隨興點閱的讀者群。
圖4. 頁首圖片取自於2017/10/04的www.g-cores.com

以Indienova在2017/06/29版面來說,匿名用戶認為編輯精選文章與會員內容應該要優先於Steam特價訊息。乍看之下他說的「為什麼要在這樣一個注重獨立遊戲的網站上看到如此大量的關於steam夏促的信息?」似乎很合理,其實很容易就被反駁,透過引介這些特價訊息讓大眾有機會便宜買到Indienova推薦過的獨立遊戲,幫助到獨立開發者!至今為止有成千上萬數量遊戲在Steam上架。尤其在這種短期的特賣活動中,玩家要如何選擇購買的便宜卻有意義的遊戲,就必須透過獨立網站資訊來引介玩家即時地參考,如果將訊息放到版面最下方,就喪失即時性的作用。
圖5. Indienova 2017/06/29頁首圖片取自於www.zhihu.com/question/60486444

姑且不論Gamelook是一個商務投資的遊戲網,而Taptap是個手遊銷售平台,兩者的商業性質和Indienova不甚相同。我特別要以Gamelook標題來論,標題幾乎都有「數字」,這些數字意味著市場趨向,就是跟錢有關。在21世紀大數據神話時代中,從每日一目十行到成千上百條目,人們講究的是效率和利益,看的是每月報表和如何獲益的方法,就跟20世紀初美國經濟大蕭條前百姓炒股借貸的行為沒什麼兩樣。此外Gamelook的文章不完全是原創,大量引入的新聞很常犯了媒體的荒謬,舉例來說:「在英國只有7%的成年人觀看電競賽事」、「遊戲評分爭議多 但為何卻一直是香餑餑」、「Switch是遊戲業催化劑 掌機已無市場空間」,甭說這種為了增加點閱率而內容空洞的標題,有些甚至還會誤導讀者。
圖6. Gamelook和Taptap 2017/06/29圖片取自於www.zhihu.com/question/60486444

二、文章內容
首先我非常認同Indienova在撰寫格式上仍然有值得改進的地方,尤其是遊戲中英對照的部份,比方我要搜尋《Firewatch》這個遊戲的資訊,因為定名不一再加上沒有關鍵字可以串連每一篇有關的文章,反而會漏掉相關信息。不過也逐步開始有統一格式與校正錯字的稿件要求。

註:https://indienova.com/u/indienova/blogread/3802

以下將分析匿名用戶曾批評的數篇Indienova文章:

在《延續DreamPunk的記憶》一文引言中:「不知道大家是否還記得那款Back to Bed,亦為類似夢遊先生的作品,或也可以稱為“第四人稱”的表達,雖然其時只是學生作品的後續補完,但充滿了達利一般超現實表達,縱有潛意識等玄幻概念,以一人一狗表現亦有溫情。」儘管在語句簡短地像文言文,但句子結構沒有問題,並沒有誤用複句的用法,同時引言提點出此文正是要談製作Back to Bed之後的新遊戲Figment特點有哪些。
https://www.indienova.com/indie-game-news/dreampunk-figment/

《類似回聲探路,Stifled讓你聽見內心的恐懼》是一篇在替未上市的遊戲前瞻的文章,立意非常清楚,一方面找到Stifled在遊戲史上可相互比較的Dark eco來評比,也同時透過這些聲音遊戲來延伸思考盲人是否能透過聽覺來遊玩這些遊戲,抑或是有其他感官刺激的遊戲更適合盲人,進一步提到這個盲人遊戲的需求市場,讓文章的格局就此開闊。
https://www.indienova.com/indie-game-news/stifled-preview-1/

《索取靈魂之人-黑魂玩後記》是一篇夾敘夾議的玩後筆記,儘管在排版上較為緊湊,但是作者很少用情緒性的字眼,反而相當深刻地去解釋無限重複性與存檔的關係,以及遊戲中各種事物的象徵意義,必定是要對於這款遊戲熟悉到一定程度才有辦法達成行雲流水的寫作風格。
https://www.indienova.com/indie-game-review/ask-for-your-souls-dark-souls/

《NieR:Automata:愛的形式主義,悲劇是將人生有價值的部分毀滅給你看》雖然在匿名用戶看來這篇評價較好,但嚴格說來是我覺得最雜亂繁複的一篇,不是寫得不好,而是作者用了太多台灣慣用表達主觀情緒的用語,明顯傳達個人體驗後的激昂心境,讀者也許就得玩到和作者一樣程度才有辦法感同身受,但這種把個人情感與他所要討論的愛與悲劇在遊戲中的緊密關係混為一談的方式,多半時候反而偏離作者要講述的重點,反倒是更像是作者自己的喃喃自語,預期或期望遊戲如何諸如此般。再者,在遊戲敘事分析上,作者引用許多歷史與理論名詞,如古希臘悲劇、聖經典故、女性主義以及人工智慧等「關鍵字」,卻很可惜地往往是流水帳地帶過。縱使這篇文章仍然圍繞在愛與悲劇相輔相成的語境中,但因為使用許多通俗流行用語表達對遊戲的好惡上,時常讓語句脫離主題,進入作者個人內心世界。
https://www.indienova.com/indie-game-review/nier---aautomata/

結語:
整體感覺Indienova的環境是相當「開放友好」,你可以在同一個地方看到各種論點,不分男女老少學富高低,徹底地落實馬克思與其最原始的共產主義所提倡的革命為了解放人民,從社會文化各種層面推動自由發展,這也就是在「獨立」這個概念上最重要的意義,獨立意味著自由表達的能力,而反對者無法理解文章邏輯或敘述方式,進而否定文章的重要性,不見得每篇文章都是晦澀艱難,也不會因為有些文章較為難懂而讓普通觀眾難以介入到獨立遊戲圈。Indienova就像是一個複合體,喜歡深度評測的就會看其所好,喜歡前瞻引介的就會看其所好,喜歡作者天馬行空也同樣會投其所好,倘若你無法同意作者所述的,也可以有所回應。倘若無法對於這些文章感到興趣,那也沒必要佇留於此,外頭還有成千上百個遊戲資訊網。


留言

這個網誌中的熱門文章

我對像素遊戲的一點點心得

大安排骨飯,106台北市大安區大安路一段238號餐廳