国产日韩欧美一区二区三区三州_亚洲少妇熟女av_久久久久亚洲av国产精品_波多野结衣网站一区二区_亚洲欧美色片在线91_国产亚洲精品精品国产优播av_日本一区二区三区波多野结衣 _久久国产av不卡

?

游戲界面設(shè)計風格理論及方法研究

2021-05-05 14:44冷維思
中國教育理論 2021年6期

冷維思

摘要:蒸汽朋克風格是英國維多利亞時代工業(yè)革命背景下由于人們對于機械硬核美學(xué)的憧憬和熱愛中產(chǎn)生,本文從蒸汽朋克風格的文化背景及藝術(shù)特征出發(fā),通過對蒸汽朋克風格游戲界面設(shè)計進行研究,并對其具體藝術(shù)表現(xiàn)形式進行深入分析,分析其中蒸汽朋克風格的審美內(nèi)涵及其運用方法,綜合提煉出蒸汽朋克風格能夠應(yīng)用在游戲界面設(shè)計中的部分,結(jié)合具體游戲案例分析蒸汽朋克風格與游戲界面設(shè)計的可結(jié)合因素,并歸納二者結(jié)合的表現(xiàn)形式,闡明蒸汽朋克風格應(yīng)用于游戲界面設(shè)計中的藝術(shù)價值,讓蒸汽朋克風格為游戲界面設(shè)計提供有力的創(chuàng)意支撐,明確了蒸汽朋克風格是游戲界面設(shè)計中獨特的藝術(shù)表現(xiàn)形式,展現(xiàn)出蒸汽朋克風格游戲界面設(shè)計的藝術(shù)性與趣味性。

關(guān)鍵詞:蒸汽朋克風格 游戲界面設(shè)計 機械美學(xué)

電子游戲從20世紀60年代末開始,到現(xiàn)在電子游戲成為世界上最獲利的娛樂產(chǎn)業(yè)之一,被稱為“第九藝術(shù)”,改變了人類們對游戲方式和對游戲一詞的定義。隨著現(xiàn)如今科學(xué)技術(shù)的不斷發(fā)展和進步,游戲行業(yè)也在不斷地發(fā)展,并且游戲種類選擇范圍變得更多,游戲題材越來越豐富,游戲設(shè)定更吸引人,游戲畫面更加精致,游戲交互邏輯更為友好,游戲玩法更加多樣化等。伴隨著人們審美水平的提高,對游戲界面的設(shè)計專業(yè)水平提出更高需求,如果想從當今眾多精美的游戲中脫穎而出,就必須從游戲整體界面設(shè)計的實用性、藝術(shù)性等方面去不斷進行完善。游戲界面作為向玩家傳遞信息,讓玩家去了解游戲規(guī)則、內(nèi)容的重要途徑,發(fā)揮著不可或缺的作用,因此游戲界面設(shè)計尤為重要,值得去深入研究探索。

蒸汽朋克作為一種新興的奇幻藝術(shù)風格,出現(xiàn)在二十世紀八十年代,近年來廣泛應(yīng)用在游戲、插畫、服裝、影視等藝術(shù)領(lǐng)域中,蒸汽朋克風格的藝術(shù)作品相繼涌現(xiàn),誕生了許多優(yōu)秀的蒸汽朋克風格作品,復(fù)古的蒸汽朋克風格同樣適用于游戲界面設(shè)計,因為游戲界面設(shè)計不僅要求在視覺上具有藝術(shù)性、美觀性,還更加注重其背后的文化底蘊,蒸汽朋克風格是在英國維多利亞時代工業(yè)革命背景下產(chǎn)生的一種文化,維多利亞時代被稱為是視覺元素最為豐富的年代之一,蒸汽朋克風格繼承了維多利亞時代的文化背景,具有較為深刻的歷史底蘊,在元素表現(xiàn)形式上呈現(xiàn)多樣化。因此,在游戲界面設(shè)計中可以加入蒸汽朋克風格元素,蒸汽朋克風格多樣化的藝術(shù)表現(xiàn)形式可以增強游戲視覺趣味性,烘托游戲的整體氛圍,塑造復(fù)古風格人物形象,使得玩家充分體驗到硬核機械的美感,領(lǐng)悟到蒸汽朋克的獨特魅力,最終讓玩家獲得優(yōu)質(zhì)的游戲體驗,所以蒸汽朋克風格在游戲界面設(shè)計中是一個重要的視覺元素。本文以蒸汽朋克風格為例,分析其在游戲界面設(shè)計中的具體設(shè)計方法。

一 蒸汽朋克風格文化背景及審美特征

蒸汽朋克是一個合成詞,象征穿梭于歷史與幻想之間有著獨立風格的代名詞,由蒸汽(steam)和朋克(punk)兩個詞構(gòu)成。這兩個詞分別代表西方世界兩大標志性時代,前者指的是“蒸汽時代”,即18世紀第一次工業(yè)革命時期,由于蒸汽機的出現(xiàn),代替了傳統(tǒng)的手工工具,成為了工業(yè)革命的內(nèi)在動力。因此,蒸汽代表工業(yè)革命時期以蒸汽機作為動力的巨大機械,表示西方世界在物質(zhì)領(lǐng)域掌握主宰。朋克一詞起源于搖滾樂,繼承了朋克挑戰(zhàn)的精神以及創(chuàng)新的核心,代表西方世界在精神領(lǐng)域的自我批判和反省,這兩個詞既包含蒸汽朋克風格的懷舊情懷,還有其中叛逆的情感特征,蒸汽朋克風格作為一種跨界美學(xué),懷舊情懷和叛逆情愫的強烈對比,成為蒸汽朋克風格的一大標志性特征。蒸汽朋克風格起源于科幻小說《差分機》,它是歷史上第一部真正意義的蒸汽朋克風格小說,書中的差分機雖然在外觀上有缺陷,但它所展示的夸張的機械形象設(shè)計、精密的內(nèi)部結(jié)構(gòu)是蒸汽朋克風格的造型基礎(chǔ),時至今天,已然成為一種獨特的設(shè)計風格。

蒸汽朋克風格的第一個審美特征是夸張的機械造型,夸張之處指粗獷的、不加修飾的機械風格,因為蒸汽機作為蒸汽朋克風格世界的唯一能源,所以大多數(shù)都是以蒸汽機作為機械動力,而這種風格產(chǎn)生的根本原因源于人們對機械的癡迷,使得其已經(jīng)超越了僅僅作為能源供應(yīng)源的需求。蒸汽朋克風格的第二個審美特征是維多利亞時代的裝飾元素的運用,維多利亞時代裝飾元素來源于維多利亞時期英國的紳士文化,這一時期的紳士文化非常注重禮儀。蒸汽朋克風格背景下的人物造型設(shè)計借鑒了維多利亞時代紳士文化的裝飾元素(如禮帽、懷表、拐棍等),女性服飾的裝飾則吸納了荷葉邊、蝴蝶結(jié)、裙撐、蕾絲等元素。裝飾風格還會運用不對稱元素,以及強調(diào)不合常規(guī)卻機械感十足的金屬配件(如護目鏡等)從而實現(xiàn)突破傳統(tǒng)約束,在無形中契合了蒸汽朋克風格的審美特征。

二 蒸汽朋克風格在游戲界面設(shè)計中的應(yīng)用方法

1.視覺中心點

“視覺中心點”這個詞語一般出現(xiàn)在視覺藝術(shù)領(lǐng)域中,對于這個詞有著兩種不同的釋義,一種是指在繪畫藝術(shù)領(lǐng)域中一個視覺上的主題物,這個主體物一般最先被看到并且視覺注視率高,或者是視覺上所凝聚的焦點,也就是視覺興趣點,如果沒有“視覺中心點”,一幅畫將會變得平淡無奇:“視覺中心點”的另一種釋義是它是指人的視野落在平面中的中心點。無論在圖標、界面還是其他藝術(shù)創(chuàng)作中,都會用到視覺中心點,即視覺凝聚的焦點,視覺中心點不一定在畫面中央,通常是一幅畫面中主要內(nèi)容所在的位置,比如肖像畫中的一張臉,房間中的一個人等,但一般是畫面中主要內(nèi)容的位置。在畫面中會運用構(gòu)圖、元素、形狀、顏色、虛實、透視等方式塑造視覺中心點。在游戲界面設(shè)計中,圖標設(shè)計作為界面的組成部分,本身的功能性使其必須易于識別,因此設(shè)計視覺中心非常重要??拷曈X中心點的地方圖形設(shè)計顯得更為復(fù)雜精細,還可以通過調(diào)整高光亮度和色彩明度的方式去塑造視覺中心點。圖標設(shè)計中除了合理運用以上方法,還需要對打光進行設(shè)計,在圖標中運用點光源比較多,因為點光源會使圖標這個主體物在視覺上更加易于識別。點光源需要通過讓光從物體受到光源直射的地方向周圍慢慢進行衰減,來表現(xiàn)出光源衰減的效果。除了點光源之外,圖標中也會用到平行光,但并不是所有風格都適合運用平行光,平行光只適合用于一些清新明快的游戲風格中,用平行光并不是沒有視覺中心點,還可以通過對圖標中塊面、線條等其他方面的對比,從而塑造出視覺中心點。在游戲UI設(shè)計中,由于圖標設(shè)計是界面設(shè)計中的一個重要的視覺元素,圖標會引導(dǎo)玩家進入想要的界面,退出界面或者進行其他操作,這個過程中充分顯示出圖標的重要存在意義,因此圖標本身的功能指代作用使得圖標必須讓人易于識別。在圖標設(shè)計中也需要塑造出“視覺中心點”,只有這樣圖標的功能屬性才不會被破壞。因此,圖標中“視覺中心點”的塑造非常重要,通過對以上方法的熟練運用以及對于不同光源的設(shè)計和把握,會讓圖標這個看似不起眼的按鈕發(fā)揮出最大效果,不僅是圖標設(shè)計,游戲界面設(shè)計也會運用到塑造視覺中心點的方法。

2.圖形化思維

圖形在人們的生活中司空見慣,然而除了語言,人們可以通過圖形來認識事物,可見圖形的作用是不可忽視的。在圖標必須向玩家傳遞有效的功能信息的前提下,游戲UI設(shè)計師在設(shè)計圖標的過程中可以利用圖形化思維去突破固有的思維方式,從而創(chuàng)作出簡潔又美觀的圖標作品。

游戲的功能圖標中圖形化思維的應(yīng)用非常多,功能圖標是指擁有代意義且可進行功能標識的圖形,它不僅是一種圖形,更是一種標識,它具有高度濃縮、便于記憶、快速傳遞信息的特性。在設(shè)計功能圖標的時候,一般保持簡潔外輪廓的同時要對圖標的“內(nèi)形”(內(nèi)在的圖形、形狀)進行反復(fù)設(shè)計,修改,這是圖形化思維在圖標設(shè)計中具體應(yīng)用的重要環(huán)節(jié)。一般功能圖標的設(shè)計大致分為兩類:一類是具象類的圖標設(shè)計,一類是抽象類的圖標設(shè)計(抽象類的圖標設(shè)計還可以細分為兩種:一種是以線條為主要表現(xiàn)形式的線性圖標,一種是用大塊面來設(shè)計的塊面圖標)。

圖形化思維的使用主要針對的是抽象類圖標的設(shè)計,在設(shè)計中通過對圖標內(nèi)在形狀的把握而達到不需要許多體積的塑造也可以創(chuàng)造出醒目的視覺效果的目的,但如果不通過大量塑造體積來達到視覺效果,就需要圖標內(nèi)在圖形的設(shè)計更為精致、細膩,要對真實物件進行概括和簡化,并且細節(jié)也要處理的很豐富。內(nèi)在的圖形設(shè)計還需要控制線條或塊面的粗細、間距、大小等,注意它們之間的對比關(guān)系,從而將線條或塊面設(shè)計得更精簡好看,同時小細節(jié)的起伏轉(zhuǎn)折也可以襯托大的塊面的設(shè)計。除此之外,正負形之間的穿插也可應(yīng)用到內(nèi)形的設(shè)計中,通過對圖標視覺中心點的位置增加一些正負形來豐富內(nèi)在形狀的設(shè)計。

總之,圖形化思維是對客觀事物重要特點的精準提煉和完美再現(xiàn),它讓功能圖標更為簡潔快速、目標明確地傳達信息,圖形化思維也是功能圖標中創(chuàng)意表現(xiàn)的關(guān)鍵,圖形化思維的養(yǎng)成有利于設(shè)計師打破思維定勢,為設(shè)計者帶來更多靈感和創(chuàng)意,創(chuàng)造出更多的可能性。

3.簡潔的外輪廓

輪廓是指構(gòu)成任何圖形或物體邊緣的線條,在繪畫領(lǐng)域中可以稱之為塑造對象的“外形”。在西方的繪畫作品中,對外輪廓的處理極為精細,可以將形體的外輪廓理解成一個“狹窄的面”,外輪廓的虛實、軟硬也是表現(xiàn)空間感的必要手段之一,輪廓線側(cè)面反映出物體內(nèi)部的結(jié)構(gòu)穿插,而外輪廓也是由形體的內(nèi)部結(jié)構(gòu)所決定的。曾有研究表明比起復(fù)雜的輪廓線條,人眼首先會注意到的是簡潔的輪廓線條,往往有時不需要對物體內(nèi)部進行描繪,單憑正負形和輪廓線,人們就可以判斷出這是什么形體,所以外輪廓的應(yīng)用和對于物體內(nèi)部體積的塑造,光影的表現(xiàn)和色彩的描繪同樣重要。

在游戲圖標設(shè)計中,繁雜的輪廓線反而會分散玩家的注意力,違背了圖標簡潔清晰的設(shè)計原則,圖標設(shè)計中力求簡潔的外輪廓,這樣和內(nèi)部復(fù)雜的“內(nèi)形”也可以形成對比,不管多么復(fù)雜的圖標設(shè)計,在外輪廓的表現(xiàn)上一定是簡單而又明確的。另一方面來講,人們會將抽象的概念具體化,通過圖標設(shè)計中的藝術(shù)手法再現(xiàn)抽象概念的形象,從而將抽象概念凝結(jié)成圖標。簡潔的圖標外輪廓設(shè)計也是為了保證圖標的隱喻性,來提示人們提取出的抽象概念凝結(jié)成的圖標的含義和功能,讓玩家快速無阻礙地認識、理解圖標的內(nèi)涵,避免由于對圖標的誤解而產(chǎn)生的操作失誤,提升圖標的使用效率,增加玩家的游戲體驗感。

4.統(tǒng)一的風格

在游戲中圖標并不是作為單獨的個體而存在,通常會由幾個不同的圖標組成一套圖標,這注定要讓一套圖標形成一個統(tǒng)一的風格,而不是拼湊在一起不成套系的圖標。雖然不同套系的圖標之間視覺風格各不相同,但是一套圖標必須有一個整體的視覺風格,統(tǒng)一的風格會從以下進幾點進行分析:

(1).圖形風格的統(tǒng)一:為不同圖標添加相同的圖形元素可以實現(xiàn)圖形風格的統(tǒng)一,例如一套圖標的拐角是圓潤的還是尖銳的,為一套圖標添加統(tǒng)一的圖形元素會讓圖形風格在視覺上形成聯(lián)系,即便圖標設(shè)計的是不同的事物也會因此呈現(xiàn)出整體的、統(tǒng)一的的視覺風格。另外還可以通過控制圖形線條的粗細、長短等來增強圖形的視覺統(tǒng)一性。

(2).塑造方式的統(tǒng)一:統(tǒng)一的塑造方式是指一套圖標中的造型設(shè)計、材質(zhì)處理、光源方向等都需要保持一致,這是由界面的整體設(shè)計風格來決定的,如果界面需要設(shè)計成寫實的風格,那么圖標的塑造手法也需要在造型、色彩、材質(zhì)上體現(xiàn)出寫實風格的特點,對于其他風格的游戲圖標也是如此。

(3).色彩區(qū)間的統(tǒng)一:實現(xiàn)圖標色彩區(qū)間的統(tǒng)一有兩種方法:一是將圖標本身的色彩完全統(tǒng)一,但這樣設(shè)計會顯得圖標單調(diào)乏味,所以應(yīng)用的較少?;蛘呓o一套圖標賦予相同色彩的背景,這種方法經(jīng)常被用于扁平化圖標中,相同色彩背景的圖標給人強烈的秩序感,會降低圖標本身給玩家?guī)淼囊曈X干擾。另一種方法是在一套圖標里不同圖標的顏色不一樣的情況下,將色彩的跨度保持統(tǒng)一,需要確保每個圖標的色彩在明度、純度、飽和度三個維度保持一致,將一套圖標的色彩調(diào)和在同一色彩跨度中。

(4).透視角度的統(tǒng)一:游戲圖標的透視角度一般不會設(shè)計的很夸張,通常情況下會在水平正視的角度進行繪制,這個角度也利于設(shè)計師去概括圖標的圖形,但也有一些圖標需要一點透視角度,這種情況下要統(tǒng)一一套圖標的透視角度,避免出現(xiàn)錯亂的透視,也要規(guī)避一些非常規(guī)透視角度的圖標設(shè)計。

(5).圖標尺寸的統(tǒng)一:圖標之間的大小也需要統(tǒng)一規(guī)范,統(tǒng)一的尺寸讓圖標看起來更成套系,一般會將一套圖標中的每個圖標放在用圓形或方形框內(nèi),對它們的大小進行統(tǒng)一,如果沒有框體來約束的時候,需要將每個圖標放在等邊矩形里繪制,讓每個圖標的尺寸大致相似。

(6).復(fù)雜程度的統(tǒng)一:在以上幾點都滿足的情況下,讓每個圖標的制作或繪制程度保持一致,防止幾個圖標設(shè)計的很復(fù)雜,其他又看起來很簡單的情況,在視覺上會顯得不整體,游戲圖標的這六點設(shè)計原則讓圖標統(tǒng)一的風格成為可能。

5.醒目的元素設(shè)計

每個游戲都具有自己不同的世界觀和設(shè)定,因此圖標中元素的設(shè)計也從側(cè)面體現(xiàn)出整個游戲的風格特點。在游戲UI設(shè)計中,一般一個圖標中的設(shè)計元素最多不超過3種,即便是一個圖標中有幾種設(shè)計元素也需要有主次之分,因為太多的元素會致使圖標的識別性受到嚴重影響。醒目的元素設(shè)計不僅是為了滿足圖標功能性的需求,在視覺層面上也尤為重要,因為圖標中醒目的元素設(shè)計不僅會和游戲的風格定位相匹配,而且圖標中元素的風格需要和界面中元素的風格相一致,如果兩者間的風格不同,會讓游戲產(chǎn)生嚴重的拼湊感,降低游戲品質(zhì)。如果兩者間搭配合適的話,圖標會和整個界面的風格相呼應(yīng),無形中會和界面融為一體。不管是什么風格的圖標設(shè)計都需要對設(shè)計元素進行提煉,可以從客觀事物中提取主干元素,然后在圖標設(shè)計中再創(chuàng)造。

此面具圖標的設(shè)計是典型的日本的和風風格,狐妖是日本傳說中的妖怪之一,九尾狐玉藻前在日本神話中也非常有名,狐貍在日本被視為稻荷神,是人類和神之間的信使,這個圖標便是根據(jù)現(xiàn)實中日本妖狐面具的形象來設(shè)計的。

對于圖標元素的設(shè)計靈感的來源不僅是現(xiàn)實中的形象,對于小說中或者架空世界中的抽象概念進行二次設(shè)計也是重要的靈感源泉。

雖然蒸汽朋克是架空世界中的幻想風格,但這張圖標卻表現(xiàn)出蒸汽朋克風格的特點,圖標中運用了齒輪等蒸汽朋克的設(shè)計元素,黃銅的顏色和復(fù)古的色調(diào)一起構(gòu)成了這組特征明顯的蒸汽朋克風格的圖標。

左圖是為美劇《權(quán)力的游戲》中設(shè)計的家族徽章,最中間、左下角、右下角的徽章分別是坦格利安家族、蘭尼斯特家族和史塔克家族,這三大家族分別象征著龍、獅子、冰原狼。右側(cè)中間的玫瑰是象征著富裕的提利爾家族,鹿代表著拜拉席恩家族,徒利家族的徽章是下方的銀色鱒魚,最上三個圖標分別代表鷹巢城的艾林家族,鐵群島的葛雷喬伊家族和陽戟城的馬泰爾家族。

上圖中的家族徽章之所以非常好識別、記憶都是由于其醒目的元素設(shè)計,在徽章中提煉出了最具有代表性的家族特征。游戲圖標設(shè)計中也是如此,醒目的元素設(shè)計不管在圖標的功能意義還是視覺層面中都具有意義和價值。

6.界面功能性

在游戲界面設(shè)計中,功能性作為滿足游戲界面流暢使用的首要因素,決定了界面設(shè)計質(zhì)量的高低,需要在滿足功能性的前提下,追求界面的美觀性,因為游戲界面會像玩家傳遞重要信息,玩家通過操作和游戲建立聯(lián)系,在這個互動過程中,游戲界面需要具有一定的實用價值,并且能引導(dǎo)玩家和游戲之間形成良性交互,以此保障游戲界面的功能性。游戲界面的功能性具有以下幾個特點:

(1).實用性:首先界面作為聯(lián)系玩家和游戲之間紐帶,游戲通過界面向玩家傳遞游戲中的重要訊息,界面又將玩家的操作反饋給游戲,在這個相互溝通的過程中如果沒有界面的存在,將無法實現(xiàn)這些功能,因此游戲界面具有一定的實用性。

(2).引導(dǎo)性:界面功能性的第二個特點是引導(dǎo)性,對于一些玩家,一開始接觸到的可能是游戲界面部分,而游戲界面設(shè)計可以讓玩家進一步了解自己的游戲任務(wù)、解鎖技能等,引導(dǎo)著玩家進行下一步的操作,最終實現(xiàn)玩家和游戲之間的良性交互。游戲功能性的實現(xiàn)需要界面的引導(dǎo),如新手玩家對游戲理解不足的情況下,游戲界面中也會出現(xiàn)相應(yīng)的引導(dǎo)界面,界面中一些操作提示、警示提示會去幫助玩家快速理解游戲的相關(guān)操作,指引玩家進行流暢的操作。在玩游戲的時候,也需要界面提示玩家任務(wù)注意事項、完成進度等,這個過程無形中提高了玩家的游戲體驗感。

7.信息識別性

在游戲中玩家所需要獲取的信息都會在游戲界面中顯示出來,這要求界面要表達和傳遞的信息都能夠被玩家清楚的識別出來,如果信息無法被玩家識別甚至被誤解,那么界面的設(shè)計即是不完整的。

第一步,設(shè)計師必須整理界面要傳達給玩家的信息,對界面中的主、次信息分別進行區(qū)分和排布,根據(jù)玩家對游戲的認知架構(gòu)去簡化信息,力求設(shè)計出簡潔且沒有多余信息的界面,將信息的視覺等級(主次關(guān)系)清晰呈現(xiàn)在玩家面前。

其次,雖然需要簡化信息,但是信息的識別性要求界面設(shè)計中不要破壞一些公認的具有默認含義的符號和圖形,因為這種圖形符號本身就具有“可讀性”。比如關(guān)閉符號、返回符號、音量符號、設(shè)置符號等,不需要對這些符號進行重新設(shè)計,有關(guān)這些符號的控件設(shè)計可根據(jù)不同的游戲風格進行調(diào)整,但也不需太過復(fù)雜,要將這些最重要的信息的層級突出出來,也會方便玩家的尋找和操作。

除了上述的具有默認含義的符號之外,游戲界面中還會用到“+”、“-”這種符號,“+”代表添加,“-”代表減去,這些符號都具有確切的指示意義,用其將文字信息符號化,可以代替文字來傳遞信息。

雖然游戲界面中的信息很多,但也要將界面中的信息進行科學(xué)的、合理的安排和布局,將界面中的信息分出主次(調(diào)整字體的大小、顏色,調(diào)整信息所占的區(qū)域比重等),可以把重要的信息安排在界面中視覺中心的位置,讓玩家最大限度地掌握對自己有用的信息,提高對于游戲界面信息的可控性,避免雜亂無序的信息形成視覺干擾。最后可以通過設(shè)計折疊式、沉浸式、嵌套式的菜單層級,將畫面中的次級信息在不需要的時候隱藏起來。

8.操作合理性

游戲界面是玩家與游戲之間溝通的媒介,也可以理解為一種操作方式,所以游戲界面設(shè)計的合理性是非常重要的。繁瑣或者不人性化的操作流程都會讓玩家對游戲本身喪失興趣,玩家通過對界面的不同操作來了解游戲,只有將界面這個媒介設(shè)計的合理,才能增加玩家與游戲的之間粘合度,才能帶給玩家良好的游戲體驗感并且取得玩家的好感。

首先游戲界面設(shè)計一開始為了保證其操作的合理性,需要設(shè)計出界面的交互布局圖,用單純的圖形表示出界面的大體布局,這個過程要把界面之間的邏輯關(guān)系整理清楚,也需要考慮到界面各元素布置的合理性(控件的位置,信息欄的間距等),圖形和文字用黑白灰去設(shè)計,方便去觀察界面的整體效果。根據(jù)不同的游戲類型交互布局會不一樣,因為不同類型的游戲會有自己獨特的操作模式,同時交互布局要和玩家的心理預(yù)期相符合,符合不同游戲界面的操作方式,例如一些戰(zhàn)斗類游戲界面會用左手控制角色的方向,右手控制角色的技能施放。界面操作合理性還具有以下幾個特點:

(1).便捷性:便捷性需要考慮到玩家的操作習慣,它直接關(guān)系到玩家在游戲過程中體驗感的流暢程度。便攜性體現(xiàn)在一些細節(jié)上,例如每個界面都有返回主界面的按鈕,這樣會很大程度上方便玩家的操作,便捷性還要求游戲界面的層級設(shè)計必須合理,界面無需設(shè)計過多層級,如果一個操作需要連續(xù)點擊四個不同層級的界面才可以完成,或者特效設(shè)計過多致使游戲操作出現(xiàn)卡頓的現(xiàn)象,這些都會降低游戲的便捷性。

(2).流暢性:在設(shè)計游戲界面的時候保證玩家操作的流暢性是一開始需要考慮的問題,同時流暢性的提高也對便捷性有很大幫助,許多界面共同構(gòu)成了游戲的交互環(huán)境,因此游戲界面的流暢性體現(xiàn)在界面之間的跳轉(zhuǎn)是否連貫,界面之間邏輯順序的布置是否合理這些地方,這都關(guān)系到游戲界面設(shè)計的流暢性。

(3).一致性:對于游戲界面中一些相同功能的元素在交互設(shè)計上必須統(tǒng)一,如關(guān)閉按鈕(居于界面右上角)、角色頭像(居于界面左上角)在每張界面上都要處于統(tǒng)一的位置,在此基礎(chǔ)上還要讓同一交互功能的按鈕的形狀大小、操作方式保持一致,盡量不要打破玩家熟悉的交互習慣,讓玩家在玩游戲的過程中對游戲產(chǎn)生親切感、熟悉感。

9.主題一致性

不管什么類型的游戲界面從頭至尾都要有一個主題貫穿其中,這和游戲所要展現(xiàn)的世界觀是相符合的,這就需要協(xié)調(diào)游戲風格,以游戲世界觀為基準將游戲風格進行規(guī)范統(tǒng)一,并且游戲的整體風格和細節(jié)設(shè)計也要統(tǒng)一。

首先,對游戲的設(shè)定進行詳細的研究,將游戲定位在什么樣的目標人群,不同年齡段的人們對于游戲界面的認知和操作的習慣都有所不同,因此在游戲界面操作的難易程度等設(shè)計上要以絕大多數(shù)人的認知范圍和交互習慣為標準,除此之外,還需要對目標人群的審美偏好、文化背景等進行嚴格分析,對其信息資料進行整理,參考同類型游戲的界面交互布局和常用視覺元素的設(shè)計,然后設(shè)計出符合目標人群的游戲界面,這樣游戲界面的主題就已經(jīng)初步確定了。

其次,在確定游戲界面設(shè)計所針對的目標人群后,然后需要定義游戲的世界觀,即定義此游戲的游戲類型(如解密類游戲、休閑類游戲、恐怖類游戲、少女類游戲等),明確了這些后再開始詳細制作每張界面。在制作界面的過程中,游戲中的場景設(shè)計、人物原畫和游戲圖標與界面設(shè)計的主題都需要保持一致,并且要根據(jù)游戲類型和游戲的故事背景來設(shè)計,游戲的界面風格也要根據(jù)游戲場景和原畫的設(shè)計來不斷調(diào)整。

最后,主題一致性要求游戲界面中所有層級的界面風格都要統(tǒng)一,這樣不僅符合游戲設(shè)定還在視覺上讓玩家感到舒適。根據(jù)游戲主題的不同,游戲風格會和游戲主題相一致,從圖形、文字、色彩等方面的表現(xiàn)都要和游戲世界觀協(xié)調(diào)統(tǒng)一起來,如果有較大反差則會讓玩家感覺脫離游戲氛圍,造成對游戲的脫離感。

10.風格美觀性

游戲界面的設(shè)計是一個追求平衡的過程,美觀性指的是界面中的文字、圖形和色彩三者的設(shè)計中體現(xiàn)出的界面的美感,圖形、文字這些元素的排列組合會產(chǎn)生不同的視覺效果,三者之間搭配出和諧美觀的效果,從中展現(xiàn)出界面的美觀性。

(1).文字之美:在游戲界面中不同的文字會給界面設(shè)計帶來不一樣的視覺效果,要依據(jù)信息的層級關(guān)系設(shè)計字體,包括字體的樣式、字號、斜度、粗細等都會影響到界面的最終效果,字體的大小、顏色,位置的擺放都需要仔細斟酌,這會影響到玩家對游戲規(guī)則的識別和對游戲本身內(nèi)容的解讀。根據(jù)不同的游戲風格,對字體的設(shè)計也會不同,字體的選擇合適與否會成為玩家決定試玩這款游戲的重要因素之一。

(2).色彩之美:色彩是游戲界面中視覺元素的重要表現(xiàn)形式之一,游戲界面中色彩的設(shè)計不僅需要根據(jù)游戲風格來定位,還要結(jié)合玩家的審美習慣來設(shè)計。在具體的設(shè)計過程中,因為色彩的設(shè)計要將界面的空間關(guān)系體現(xiàn)出來,所以要將字體的顏色和底板以及背景的顏色加以區(qū)分,一般遵循深色底淺色字或者淺色底深色字的原則。其次,在界面設(shè)計中色彩的配色比例一般是6:3:1,6是主色所占比例,3是輔助色占的比例,1是點綴色占的比例,主色決定游戲界面的主色調(diào),輔助色的作用是襯托界面中的主色,維持畫面平衡,并且可以讓界面顏色變得更有層次,點綴色一般使用主色或輔助色的互補色、對比色,因為主色和輔助色如果是同類色或鄰近色,就需要輔助色來打破這個過于平穩(wěn)的色調(diào),讓界面顏色變得更生動、豐富。點綴色一般用在界面中的重要按鈕上,起到突出視覺效果的作用,讓玩家更易辨識出重要的控件。

(3).圖形之美:圖形是游戲界面中重要的視覺構(gòu)成元素,色彩的表達需要圖形作為依托和載體,圖形設(shè)計無論在界面的繪制還是圖標的制作中都是需要提前考慮的因素。從整體上講,圖形可以切割游戲界面,起到劃分界面版式的作用,讓游戲界面充滿形式感,沖擊力更強。從細節(jié)上看,精細的圖形設(shè)計讓游戲界面效果顯得更為細膩。

11.元素統(tǒng)一性

玩家在一開始接觸到一款游戲的時候,對游戲的主觀感受很大程度來自于游戲界面中不同的視覺元素(文字、圖形、色彩),由這些視覺元素共同構(gòu)成了玩家的游戲視覺感受。在同一款游戲的界面中,各元素需要在視覺上保持和諧、統(tǒng)一、平衡,不同風格的游戲運用的視覺元素也各不相同。

下圖是不同風格的確定按鈕的樣式,可以明顯看出每一種風格所對應(yīng)的按鈕設(shè)計的樣式是不同的,假如將中國風的游戲字體放在歐美風樣式的按鈕之上,勢必會造成風格的不搭,在游戲界面中更是如此,每一種風格的視覺元素都要實現(xiàn)在圖形、字體、色彩設(shè)計上搭配的統(tǒng)一,不會出現(xiàn)脫離游戲風格的元素,導(dǎo)致游戲風格的混亂。

12.細節(jié)趣味性

一款游戲界面的品質(zhì)不只是在界面的整體效果中展現(xiàn)出來,還需在細節(jié)上體現(xiàn)界面的設(shè)計精度和趣味性。細節(jié)的趣味性也是彰顯一款游戲個性和美麗的地方,是游戲界面設(shè)計發(fā)揮自己優(yōu)勢的領(lǐng)域。游戲界面中的細節(jié)趣味性主要體現(xiàn)在以下幾個方面:

(1)擬物化設(shè)計:擬物化設(shè)計在近年來的游戲UI設(shè)計中越發(fā)流行,擬物化設(shè)計不僅在圖標中被大量應(yīng)用,在游戲界面中也是出現(xiàn)。例如下圖的游戲《大航海之路》的界面,商城界面中充當?shù)装宓牟糠直辉O(shè)計成了貨架的樣式,這種設(shè)計方式打破來了傳統(tǒng)平面式底板設(shè)計的呆板、無趣的視覺感受,主動尋求視覺上的突破并且讓貨架成為了游戲界面中的視覺中心,擬物化設(shè)計將游戲界面變得更生動形象,易于讓玩家產(chǎn)生代入感,只要擬物化設(shè)計中視覺元素的應(yīng)用和游戲整體風格相一致即可。

(2)打光的設(shè)計:不僅是圖標,游戲界面中的打光設(shè)計也很重要。游戲界面中的打光可分為整體和局部兩種,兩種都需要把握光的衰減,但無論哪種方式都可以讓游戲界面變得更有層次感、空間感。在整體統(tǒng)一光源下打光可以暈染游戲界面的氛圍,為游戲界面增加更多色溫變化,讓游戲界面看起來不生硬。局部的打光可以為界面潤色,突出界面視覺設(shè)計點等,和游戲的整體打光一樣重要。

(3)裝飾的設(shè)計:在游戲界面中裝飾設(shè)計是突顯游戲界面風格的部分,裝飾設(shè)計可分為擬物和抽象兩種。下圖的游戲界面中運用的裝飾元素:燈籠、花瓣等都并不多余,反而突出了古風類游戲界面柔美的感受,裝飾的設(shè)計為游戲界面的風格服務(wù),裝飾元素的選擇也要符合游戲主題和類型。

13.關(guān)聯(lián)信息分組法

在進行游戲界面中文字等信息的排版時,都需要遵循信息分組的方法,它指的是將游戲界面中相關(guān)聯(lián)的信息歸納在一起,將這些信息移動到相互靠近的位置,拉近彼此的物理位置,使其被視為一個視覺單元,不會在視覺上被認為是孤立存在的一部分,在游戲界面中還要注意同類信息盡量放在一起,不要跨區(qū)太多。假如信息間并無關(guān)聯(lián)性,那么這些信息便不具備進行分組的條件,在物理位置上也不應(yīng)該靠近,關(guān)聯(lián)性的運用相當于對信息進行了分類,使得信息不管從界面視覺上還是信息理解上都變得很有條理,能夠更加清楚得表達信息、傳遞信息,因此玩家可以迅速識別和記憶界面中的有效信息組,知曉信息具體從哪里開始,又到哪里結(jié)束。在一些新手設(shè)計師設(shè)計的游戲界面中,會將界面安排的很滿,幾乎沒有任何留白,適當?shù)牧舭讜尳缑婵瓷先ビ懈嗟目臻g,不會顯得太擁擠,但是如果一個游戲界面中沒有留白和空間,反而會讓玩家無法獲取到游戲中的有效內(nèi)容,信息分組法讓界面空白部分變得更美觀、更有條理。

根據(jù)信息分組法來理解上圖游戲界面的排版,會發(fā)現(xiàn)相關(guān)信息的物理位置會離得較近,人眼至少會在界面中停留兩次,分別是左邊的信息組和右邊的信息組,在視覺上人們會自動將距離近的信息歸為一組,在遵循信息分組法的同時在界面中適當?shù)牧舭祝奖阃婕覍τ螒蛐畔⒌牟檎液捅嬲J。

由圖可見,根據(jù)信息分組法,攻擊圖標后面是人物的攻擊數(shù)值,生命圖標后面是人物的生命數(shù)值,由于攻擊圖標和攻擊文字的物理位置很近,可以讓人清晰辨認出哪些圖標屬于哪些信息。信息分組法并不意味著信息都要相互靠近,而是建立在某些信息之間存在關(guān)聯(lián)性的基礎(chǔ)上,并且在此基礎(chǔ)上,有意識地控制信息間位置的疏密程度,讓信息變得有組織、有條理,這才是分組法的本質(zhì)。

14.視覺元素對比法

對比原則是增強游戲界面效果的重要途徑之一,是在界面不同視覺元素中建立層次結(jié)構(gòu)的有效辦法。對比原則可以幫助游戲界面制造視覺焦點,達到吸引玩家注意力的目的,不僅如此,對比原則還可以組織界面信息,讓界面中的信息層級清晰可見,在游戲界面中對比原則主要運用在大小、顏色和空間這幾個方面。

下圖界面中可見,中間的人物所占面積最大,在視覺上成為界面中的主體,可以看出在點擊狀態(tài)下人物的顯示情況,游戲界面中不同的元素所占的空間不同,因此會形成對比,突出重點元素。一般情況下游戲界面中的空間不會平均分配,除了特殊情況下,例如PK界面等。空間分配的比例不同意味著元素的主次地位得不同。

除此之外,游戲界面中的顏色對比也用的較多,顏色對比用來突顯重要信息,形成視覺引導(dǎo)。顏色對比手法在游戲Maguss中非常明顯,在冷色的烘托下,暖色作為光效應(yīng)用于界面中,讓整個界面呈現(xiàn)出非常棒的效果。顏色對比也可用于界面的整體布局之中,下圖中的游戲界面整體呈現(xiàn)出淡淡的灰冷色調(diào),而開始游戲按鈕則使用了暖色調(diào),一下拉開的界面的空間關(guān)系,讓最重要的一級控件突出出來,和界面中人物頭像、商店按鈕等暖色相呼應(yīng),讓游戲界面顯得非常舒服。

游戲界面中的大小對比主要是指文字、圖形的大小對比,下圖中不同的字體大小讓游戲界面中主要和次要信息得以區(qū)分。

15.控制對齊間距法

控制對齊間距法可以分為兩部分,對齊方法是在布局游戲界面的過程中必須遵循的重要一環(huán),游戲界面中如果缺乏對齊會導(dǎo)致設(shè)計顯得雜亂,合理地運用對齊方法可以制造出一個安靜的空間,讓設(shè)計的表達更清晰明了。對齊方法指的是畫面中任何一個元素的位置都不可以隨意擺放,每個元素的位置都要與界面上的某個內(nèi)容之間存在視覺聯(lián)系。如果界面中某些元素是對齊的,即便元素的物理位置是分開的,但是在視覺上,也會有一條看不見的線將他們彼此聯(lián)系在一起,對齊原則使元素間即使沒有緊密地排列在一起,人們也會將它們視為同一組。

如圖中白線所示,這條看不見的對齊線很明確,為三組不同的元素提供了一個邊界,這個邊界讓游戲界面的布局產(chǎn)生力度,不會讓邊界看起來是軟的。在游戲界面中,對齊的種類可以分為左對齊,右對齊和中心對齊,需要注意的幾點是:

(1).不要切邊對齊

(2).不同層級的信息可以使用不同的對齊線

(3).相關(guān)聯(lián)的信息之間需要有內(nèi)在的對齊線

如上圖中左側(cè)灰色框體和右側(cè)灰色框體之間雖然沒有用頂對齊或者底對齊的形式,但是兩個框體區(qū)域使用了中心對齊,這條有著內(nèi)在聯(lián)系的對齊線讓界面中整個空間的布局既不會顯得空曠,更不會顯得散亂。

間距方法即在游戲界面中,不同元素之間需要保持一定的距離,不需要將整個空間全部填滿,而信息與邊框之間的間距,也會成為展現(xiàn)視覺裝飾效果的地方。

16.復(fù)雜又細致的機械結(jié)構(gòu)

雖然很多時候蒸汽朋克風格的機械造型顯得體積龐大,但是其結(jié)構(gòu)卻極盡復(fù)雜精細,例如一些具有明顯蒸汽朋克風格的機械元素:活塞、旋鈕、齒輪、管道、鉚釘、軸承、閥門、飛艇、螺旋槳、蒸汽機等,這些元素通過不同的排列方式與機械造型一起呈現(xiàn)出整體又和諧的視覺效果,雖然元素復(fù)雜,但卻并不雜亂,這要求對機械元素進行設(shè)計的時候要符合基本的設(shè)計原理和方法。在設(shè)計蒸汽朋克的機械造型時,也會從現(xiàn)實的機械設(shè)計中汲取靈感,學(xué)習其中機械設(shè)計的方法,在符合工程學(xué)的基礎(chǔ)上,充分體現(xiàn)出機械造型設(shè)計的想象力和創(chuàng)造力。下圖中蒸汽朋克風格的游戲圖標設(shè)計足以體現(xiàn)出“精致”二字,除去偏寫實的塑造方式的因素外,蒸汽朋克機械本身精密合理的結(jié)構(gòu)設(shè)計也讓復(fù)雜精致成為了蒸汽朋克的圖標設(shè)計的魅力所在。蒸汽朋克中復(fù)雜精致的結(jié)構(gòu)還體現(xiàn)在機械各部位的鏈接處,盡顯機器美學(xué)中的精密之美。

17.古樸龐大的機械體量感

在現(xiàn)代焊接技術(shù)未發(fā)明之前,大量的金屬結(jié)構(gòu)的拼接都需要依靠鉚釘來連接和固定,因此在蒸汽朋克的機械造型作品中不乏古樸巨大、造型古舊的形象,這和其精細復(fù)雜的結(jié)構(gòu)形成了鮮明對比,而精細的造型結(jié)構(gòu)又反襯出機械的體量感。雖然體積龐大但并不乏味,因為龐大身軀內(nèi)內(nèi)置的或者裸露在外的復(fù)雜結(jié)構(gòu)(如縱橫的管道、復(fù)雜的鋸齒等)讓蒸汽朋克的造型充滿了藝術(shù)性和趣味性,龐大的身軀也是機械力量感的體現(xiàn),在視覺上突出主體并且造成夸張的效果,這使得蒸汽朋克的機械造型既有外表上粗糙的金屬美感,也擁有機械零件之間精密運作的復(fù)雜精細的美感。

18.繁復(fù)的機械裝飾元素

蒸汽朋克時代的機械裝飾繁瑣又復(fù)雜,從側(cè)面反映出維多利亞時代崇尚奢華的裝飾風格,在游戲界面設(shè)計中會用這種裝飾風格來表現(xiàn)蒸汽朋克的特點,傳達出蒸汽朋克的設(shè)計理念。

(1).齒輪疊加:齒輪是工業(yè)革命時期的產(chǎn)物,來源于差分機中齒輪的精細的組合、排列方式,是蒸汽朋克里最傳統(tǒng)的設(shè)計元素,雖然與現(xiàn)如今的許多機械工具相比齒輪效率低下,但在工業(yè)文明初期,齒輪卻是精密的動力傳動零件。在機械設(shè)計中齒輪所代表的含義不僅僅是工業(yè)和機器,齒輪是邏輯關(guān)系清晰的機械工具,齒輪之間精密的咬合關(guān)系也代表著精細又嚴謹?shù)臋C械設(shè)計和遵從理性秩序的美感。在游戲界面設(shè)計中,齒輪是體現(xiàn)蒸汽朋克風格的核心要素,經(jīng)常在界面中被反復(fù)使用。如下圖所示,通過對齒輪和齒輪間的大小、位置、穿插、疊加設(shè)計的把握和對畫面中的點、線、面的元素進行再設(shè)計,將這個蒸汽朋克元素靈活應(yīng)用于游戲界面中。游戲界面中將齒輪元素進行不同的排列組合,展現(xiàn)出機械所獨有的緊密感和界面的空間層次感,圖中作品還將齒輪和鐘表結(jié)合起來設(shè)計,對鏤空表盤中的齒輪元素進行拆解和組合。

(2).管道拼接:除了齒輪元素,蒸汽朋克風格的另一特點是外裸的機械結(jié)構(gòu),這種裝飾方式可以理解為為了凸顯機械感,雖然現(xiàn)今看來這種機械結(jié)構(gòu)會有些許落后,但在工業(yè)文明時期卻代表著當時人們對于工業(yè)技術(shù)的崇拜和敬畏。機械內(nèi)部結(jié)構(gòu)裸露這種形式的出現(xiàn),除去當時工業(yè)技術(shù)并不發(fā)達的客觀原因,也歸因于這種形式會讓人們更有安全感,人們的本能會對可預(yù)知的部分充滿自信,內(nèi)部機械結(jié)構(gòu)的暴露恰好滿足了可確定性強這一點。如果用“曝光效應(yīng)”(人們會偏好自己熟悉的事物)來解釋,人們更傾向于把機械制作成人們便于理解的事物,讓人們可以清楚地看到機械內(nèi)部的工作過程,隨著蒸汽朋克文化的發(fā)展,機械內(nèi)部結(jié)構(gòu)的裸露一直作為一種裝飾元素流傳了下來,內(nèi)部的零件和結(jié)構(gòu)反而成為一種蒸汽朋克所獨有的裝飾風格。在許多蒸汽朋克作品中可以看到,外裸的機械結(jié)構(gòu)并不是將機械的所有結(jié)構(gòu)暴露在外,只會露出一部分結(jié)構(gòu),這種形式反而讓畫面充滿節(jié)奏感。

在游戲界面設(shè)計中,將裸露的機械結(jié)構(gòu)這一元素進行提煉,形成了管道拼接的形式,管道拼接通常會作為游戲界面底板中的邊框這一裝飾元素出現(xiàn),再配以蒸汽朋克的裝飾元素,借此烘托游戲界面中蒸汽朋克風格的氛圍。

19.低純度的復(fù)古色調(diào)

提起蒸汽朋克不能忽視的一點就是其塑造出的復(fù)古懷舊的氛圍,這和蒸汽朋克的復(fù)古風格關(guān)系密切。由于維多利亞時代新材料和新技術(shù)的發(fā)展,使得更多的物品擺件等裝飾得以應(yīng)用于蒸汽朋克風格,蒸汽朋克追求細節(jié)上的質(zhì)感,這些物品擺件的粗糙質(zhì)感會凸顯出蒸汽朋克復(fù)古的氣質(zhì),因此蒸汽朋克風格適合和一些破舊材質(zhì)的小零件進行相互搭配,例如破舊的皮革、紐扣、紙張、罐子、粗麻布、黃銅管(不同于其他冷硬的金屬材質(zhì),讓人感到安心、溫柔,是蒸汽朋克塑造復(fù)古色調(diào)的一大重要設(shè)計元素)等,不管是手工藝制品還是手繪插畫等,都會用到這種形式。在蒸汽朋克題材的游戲中,也會用一些暖色調(diào)來烘托出復(fù)古的情調(diào),僅僅依靠著破舊金屬零件的小面積亮色來提升金屬的整體明度,因此在色彩上讓人感受到如同時間穿越般的懷舊感。在蒸汽朋克的世界里,復(fù)古懷舊這個主題是它的核心特點之一,正因如此,蒸汽朋克風格和賽博朋克以及一些其他的工業(yè)風格是不同的,雖有相同之處,但是內(nèi)核卻有很大差別,蒸汽朋克通過叛逆又夸張的表達方式來反映出它內(nèi)在的核心價值:懷舊、浪漫、溫暖。同時,蒸汽朋克風格的主色調(diào)一般是低純度的,無不彰顯其復(fù)古氣息。純度指的是色彩的鮮艷程度,一方面這個特點是由蒸汽朋克之前色彩設(shè)計的特征引申而來,另一方面,蒸汽朋克的色彩風格之所以用低純度的顏色是因為借鑒了古典主義的塑造手法:醬油色調(diào)。低飽和度的顏色和蒸汽朋克要去塑造的懷舊氛圍很是貼合,但這并不意味著蒸汽朋克的游戲界面作品中不可以用高飽和度的顏色,在塑造蒸汽朋克風格的金屬的時候,為了塑造出其真實質(zhì)感,可以人為的控制它們的色彩純度。在游戲界面中可以用純度稍高的暖色為界面打光,暖色光和蒸汽朋克溫暖又懷舊的色彩風格相呼應(yīng),但也不乏用到冷色去打光的情況。

20.工業(yè)背景下重工業(yè)色彩

在工業(yè)革命背景下形成的蒸汽朋克風格無疑會沾染上重工業(yè)的色彩,蒸汽朋克的質(zhì)感通過物體表面的顏色、材質(zhì)、紋理等細節(jié)來展現(xiàn),像在游戲《機械迷城》里隨處可見的斑駁的金屬物件,布滿劃痕的管道等。在下圖的蒸汽朋克風格游戲《音符斗士》中,畫面顏色以咖色為主,題頭欄用了偏紅的咖色,而最重要的音符則用的黑色,畫面中的鋼琴鍵盤一反現(xiàn)實中鋼琴光滑的外表,而是將鋼琴鍵盤塑造成類似紙張的質(zhì)感,琴鍵比較寬,是為了配合蒸汽朋克有點笨重的設(shè)計風格。蒸汽朋克的機械和金屬制品多以黃銅色為主,例如下圖中的金屬小人。蒸汽朋克風格偏愛黑色、咖色,這兩個顏色可以作為蒸汽朋克的代表顏色??屓巳菀茁?lián)想到蒸汽朋克懷舊復(fù)古的情調(diào),是蒸汽朋克的情緒基調(diào)最精準的體現(xiàn),咖色也是代表著蒸汽朋克的機械美學(xué)的顏色,因為咖色是蒸汽朋克中破舊零件的金屬色澤。黑色又神秘而穩(wěn)重,兩者的搭配將設(shè)計師想要由此傳達的機械美學(xué)理念和想去塑造的濃厚氛圍完美體現(xiàn)出來。

三 蒸汽朋克在游戲界面中的審美特征

1.硬核的機械美學(xué)

蒸汽朋克風格中機械美學(xué)的產(chǎn)生并非偶然,而是隨著工業(yè)革命發(fā)展過程中的必然趨勢,這個時期機器的出現(xiàn)和使用,打破了人們以往認知中對工業(yè)世界的理解,人們由對宗教的信仰轉(zhuǎn)向?qū)τ跈C器的崇拜,時代造就的新的信仰在蒸汽朋克風格中得到印證。主觀方面,人們認可機械,并且認為機械蘊含美感,想通過各種表現(xiàn)方式來展示機械蘊藏的美感,因此,蒸汽朋克風格的機械美學(xué)是精細雕琢的,其中蘊含著人們對于機械美感的追求,在它冷硬的外表下反而透露出粗樸又純粹的美,這既符合人們對機械邏輯的理性認識,又契合了大眾追求新奇的心理傾向??陀^方面,蒸汽朋克風格的機械裝飾看起是繁瑣復(fù)雜的,這也是由于受到維多利亞時代古典主義的影響,人們探尋從繁瑣的金屬裝飾中尋找視覺上的平衡點,以滿足人們內(nèi)心對于“豐富”的視覺表現(xiàn)的追求,在這個背景下的人們有著追求機器功能美和形式美的美學(xué)訴求,甚至是形式上的美感略大于功能上的美感。機械美學(xué)是蒸汽朋克風格中最為核心的審美特征。

2.后現(xiàn)代拼湊關(guān)學(xué)

維多利亞時代的藝術(shù)風格是復(fù)雜,并不是一種單一、統(tǒng)一的風格,這個藝術(shù)風格的過渡期為蒸汽朋克風格提供了可發(fā)揮的舞臺。拼湊美學(xué)是后現(xiàn)代主義美學(xué)的重要特征之一,也是蒸汽朋克風格中的一種藝術(shù)表現(xiàn)手法,蒸汽朋克風格中的拼湊美學(xué)主要體現(xiàn)在:蒸汽朋克風格中的兩種精神內(nèi)核,一是懷舊,二是叛逆,兩種看似沒有關(guān)聯(lián)的風格結(jié)合起來,形成蒸汽朋克風格的核心要義,但蒸汽朋克風格中懷舊的成分大于叛逆,一是因為維多利亞時代古典主義為蒸汽朋克風格發(fā)揮其懷舊精神提供養(yǎng)料,另一方面是由于機械本身的粗糙材質(zhì)感,也會凸顯蒸汽朋克風格懷舊的氣質(zhì)。蒸汽朋克風格主要借助朋克精神中的叛逆成分來達到自省的目的,喚起人們對科技的深度思考和對于非主流邊緣文化的認知和理解,而不是單純的反烏托邦式的叛逆,這也是源自于對維多利亞時期的科技樂觀主義的繼承。

四 蒸汽朋克在游戲界面中的應(yīng)用發(fā)展前景

1.場景化的融入

伴隨著蒸汽朋克風格的游戲UI設(shè)計的不斷發(fā)展,使得蒸汽朋克元素也被應(yīng)用于各類游戲之中,場景化的融入成為未來蒸汽朋克風格的游戲界面設(shè)計的一大趨勢,因為這樣可以讓游戲界面融入場景設(shè)計之中,由此讓玩家在游戲中產(chǎn)生更多代入感,在界面設(shè)計中,不僅是背景層可以進行場景化的設(shè)計,也可以將底板層的設(shè)計場景化,場景化融入游戲界面設(shè)計具有以下幾個特點:

(1)空間上的縱深感:場景設(shè)計為游戲界面在空間維度上提供了另一個層次,豐富了游戲界面的維度,讓界面變得更有縱深感,在一些古風類游戲的界面中經(jīng)常會將屏風后的山水風景展現(xiàn)出來的,在增加了畫面層次的同時也讓游戲界面背景的層次變得更加豐富、耐看,在不打破游戲界面背景層層次和影響游戲功能性的前提下用空氣透視的方法去塑造出場景式的游戲界面。

(2)角色更多沉浸感:從平面上看,游戲場景的設(shè)計元素和游戲界面的設(shè)計元素應(yīng)保持一致,這樣具有統(tǒng)一感設(shè)計有助于烘托游戲的氣氛,通過弱化游戲界面底板部分的存在感,使它和場景融為一體,另外場景設(shè)計也可以用來傳達的游戲世界觀,游戲場景中的色調(diào)搭配、塑造方式、元素選擇和一些細節(jié)都從側(cè)面展現(xiàn)出游戲的各種設(shè)定,這些設(shè)計可讓玩家獲得更深層次的游戲沉浸感。

(3)豐富游戲故事性:普通的游戲界面設(shè)計通過讓玩家閱讀大量文字信息來獲取游戲主線的劇情內(nèi)容或者游戲玩法操作的相關(guān)信息,游戲中可以將場景設(shè)計搭配文字信息,通過場景的變換和文字的解說變相推進游戲主線劇情進度,避免讓玩家閱讀大量文字的途徑來獲取重要信息,場景設(shè)計讓玩家更方便快捷去閱讀和了解故事劇情,讓枯燥的劇情和操作變得更有趣,無形中豐富了游戲的故事性,增強了玩家的體驗感,而不是通過單純的文字向玩家傳遞游戲中的重要信息。

2.游戲動效的設(shè)計

特效,指特殊的效果。游戲特效通常是指由電腦軟件制作出的現(xiàn)實中一般不會出現(xiàn)的特殊效果。游戲特效具有很強的視覺沖擊力,可以為游戲增加逼真性,讓玩家自行帶入到游戲的虛擬環(huán)境中,特效分為很多種,有場景特效、圖標特效、角色特效等。游戲動效在特效的基礎(chǔ)上運用AE等軟件為游戲圖標等增加動態(tài)效果,由于動效的多樣性極大增加了游戲的可玩性,是游戲設(shè)計中不可缺少的一環(huán)。

游戲動效和游戲呈現(xiàn)出的風格密切相關(guān),不同風格的游戲動效設(shè)計也會不同,有著各自基于游戲本身風格而設(shè)計的特點,在此基礎(chǔ)上動效設(shè)計也需要注意和玩家之間的交互性。游戲中的場景動效包括游戲打光、場景細節(jié)設(shè)計等,角色的動效根據(jù)角色不同的職業(yè)等呈現(xiàn)不同效果,圖標動效主要包括技能圖標和結(jié)算圖標等,游戲中技能基本分為水、火、風、電、土系,每種技能的動效根據(jù)游戲角色技能的特點來設(shè)計。在游戲中需要通過動效設(shè)計來展現(xiàn)游戲的個性,增加玩家對游戲的辨識度,彰顯游戲獨特的風格,游戲的動效可以和游戲聲音特效結(jié)合起來設(shè)計,將現(xiàn)實世界的聲音還原到游戲的虛擬世界中,增強玩家在游戲的過程中帶來的沖擊感,加強沉浸感,在視覺上和感官上給玩家?guī)黼p重的感官體驗。