為了展現頁面的主題或者是貼近游戲的氛圍，常常會看見游戲的頁面中運用了許多不同類型的光效的渲染，一個簡單的元素有時候加上一點光效就可以化腐朽為神奇。那么光效究竟是如何具體地影響頁面的視覺觀感的呢？
1、  豐富頁面的層次

當人(ren)(ren)物(wu)和(he)背(bei)景(jing)的(de)顏(yan)色(se)比較接近(jin)時，為了(le)增強人(ren)(ren)物(wu)的(de)立體(ti)感和(he)空間感，可以(yi)在人(ren)(ren)物(wu)上添(tian)加光效，拉(la)開人(ren)(ren)物(wu)和(he)背(bei)景(jing)的(de)距離，形(xing)成視覺差(cha)異(yi)，這樣需(xu)要強調的(de)人(ren)(ren)物(wu)就瞬間凸顯了(le)出(chu)來，頁面的(de)層(ceng)次也一(yi)下子體(ti)現出(chu)來了(le)。

2、  烘(hong)托氣氛

光效的(de)顏色(se)(se)、形狀和出(chu)(chu)現的(de)位置會(hui)對(dui)設計(ji)(ji)表達的(de)氣氛(fen)產生很(hen)直接的(de)影響，就好(hao)像現實中的(de)光源(yuan)一樣(yang)(yang)，淺(qian)色(se)(se)暖色(se)(se)調的(de)光效給(gei)人光明溫(wen)暖的(de)感覺，深色(se)(se)冷色(se)(se)調的(de)就給(gei)人陰暗冷酷的(de)感覺，同樣(yang)(yang)的(de)素(su)材加上(shang)不(bu)(bu)同的(de)光效，展現的(de)也(ye)許(xu)就是完全不(bu)(bu)同的(de)立場(chang)。具體到游戲頁(ye)面設計(ji)(ji)，不(bu)(bu)同的(de)勢力性(xing)(xing)格不(bu)(bu)同，通常都有各自的(de)代表顏色(se)(se)，這時候(hou)用對(dui)應(ying)的(de)光效來表現，很(hen)容易就能烘托出(chu)(chu)這些勢力不(bu)(bu)同的(de)個性(xing)(xing)來，是非常基本的(de)運用。

3、  視覺(jue)焦點

有時候(hou)光(guang)(guang)效(xiao)(xiao)在(zai)頁面上以光(guang)(guang)源的(de)(de)形式出現，這(zhe)樣可(ke)以很容易抓住用(yong)(yong)戶(hu)的(de)(de)眼球，吸引(yin)住用(yong)(yong)戶(hu)的(de)(de)焦點(dian)，頁面上需要(yao)重點(dian)強(qiang)調的(de)(de)信息，就可(ke)以展現在(zai)光(guang)(guang)源附近，這(zhe)時光(guang)(guang)效(xiao)(xiao)充當(dang)的(de)(de)就是引(yin)導(dao)用(yong)(yong)戶(hu)的(de)(de)作用(yong)(yong)，非常簡單，但是很有效(xiao)(xiao)。

不過更多(duo)的時候，光效不單單只有上述的一種功(gong)能(neng)，在頁面設(she)計的過程當中，會(hui)將三者功(gong)能(neng)結合到一起。

可以看(kan)見(jian)下面頁面中燈光和(he)煙火讓整個舞(wu)(wu)臺(tai)氣氛火熱，仿佛可以感(gan)受到現(xian)場(chang)的(de)(de)(de)表(biao)演的(de)(de)(de)熱情。光影的(de)(de)(de)對比，讓舞(wu)(wu)臺(tai)看(kan)起來(lai)有著(zhu)強烈的(de)(de)(de)空間感(gan)。聚(ju)光燈的(de)(de)(de)照射引導用戶(hu)的(de)(de)(de)視線，一(yi)眼就能看(kan)到重點突出的(de)(de)(de)視覺焦點。

知道了光效作用的原理，我們自(zi)然就明白了什(shen)么(me)時候在哪里(li)加(jia)什(shen)么(me)光效，就能達到我們的目的，那么(me)如何(he)來做光效呢，讓(rang)我們實做一次試(shi)試(shi)看：

添加(jia)(jia)了火焰的(de)(de)光效，人物(wu)顯得(de)比(bi)較動態鮮(xian)活，整個(ge)(ge)(ge)畫面更有(you)(you)一種對(dui)抗的(de)(de)戰火紛飛的(de)(de)感覺，但(dan)是現在整個(ge)(ge)(ge)畫面結合度(du)還不夠(gou)高(gao)，這個(ge)(ge)(ge)時候我們往(wang)往(wang)會通過調(diao)整人物(wu)的(de)(de)色(se)(se)調(diao)和(he)對(dui)比(bi)度(du)等方(fang)法來使整個(ge)(ge)(ge)畫面更加(jia)(jia)和(he)諧，但(dan)是不要(yao)漏掉一個(ge)(ge)(ge)重要(yao)的(de)(de)步(bu)驟(zou)就是環境(jing)色(se)(se)，可以通過在人物(wu)身上添加(jia)(jia)環境(jing)色(se)(se)來使人物(wu)和(he)光效得(de)到更好的(de)(de)結合，而(er)且有(you)(you)質感的(de)(de)光效就像現在用(yong)的(de)(de)火焰，可以將材質疊加(jia)(jia)到人物(wu)的(de)(de)明暗面讓(rang)畫面更加(jia)(jia)真實生(sheng)動（如圖中綠點標示部位）。最后(hou)，我們可以添加(jia)(jia)一些飄動的(de)(de)零(ling)散的(de)(de)火光，讓(rang)火焰的(de)(de)更有(you)(you)動感。