為了展現(xiàn)頁面的主題或者是貼近游戲的氛圍，常常會看見游戲的頁面中運(yùn)用了許多不同類型的光效的渲染，一個(gè)簡單的元素有時(shí)候加上一點(diǎn)光效就可以化腐朽為神奇。那么光效究竟是如何具體地影響頁面的視覺觀感的呢？

1、 豐富頁面的層次

當(dāng)人物和背景的顏色比較接近時(shí)，為了增強(qiáng)人物的立體感和空間感，可以在人物上添加光效，拉開人物和背景的距離，形成視覺差異，這樣需要強(qiáng)調(diào)的人物就瞬間凸顯了出來，頁面的層次也一下子體現(xiàn)出來了。

2、 烘托氣氛

光效的顏色、形狀和出現(xiàn)的位置會對設(shè)計(jì)表達(dá)的氣氛產(chǎn)生很直接的影響，就好像現(xiàn)實(shí)中的光源一樣，淺色暖色調(diào)的光效給人光明溫暖的感覺，深色冷色調(diào)的就給人陰暗冷酷的感覺，同樣的素材加上不同的光效，展現(xiàn)的也許就是完全不同的立場。具體到游戲頁面設(shè)計(jì)，不同的勢力性格不同，通常都有各自的代表顏色，這時(shí)候用對應(yīng)的光效來表現(xiàn)，很容易就能烘托出這些勢力不同的個(gè)性來，是非?；镜倪\(yùn)用。

3、 視覺焦點(diǎn)

有時(shí)候光效在頁面上以光源的形式出現(xiàn)，這樣可以很容易抓住用戶的眼球，吸引住用戶的焦點(diǎn)，頁面上需要重點(diǎn)強(qiáng)調(diào)的信息，就可以展現(xiàn)在光源附近，這時(shí)光效充當(dāng)?shù)木褪且龑?dǎo)用戶的作用，非常簡單，但是很有效。

不過更多的時(shí)候，光效不單單只有上述的一種功能，在頁面設(shè)計(jì)的過程當(dāng)中，會將三者功能結(jié)合到一起。

可以看見下面頁面中燈光和煙火讓整個(gè)舞臺氣氛火熱，仿佛可以感受到現(xiàn)場的表演的熱情。光影的對比，讓舞臺看起來有著強(qiáng)烈的空間感。聚光燈的照射引導(dǎo)用戶的視線，一眼就能看到重點(diǎn)突出的視覺焦點(diǎn)。

知道了光效作用的原理，我們自然就明白了什么時(shí)候在哪里加什么光效，就能達(dá)到我們的目的，那么如何來做光效呢，讓我們實(shí)做一次試試看：

添加了火焰的光效，人物顯得比較動(dòng)態(tài)鮮活，整個(gè)畫面更有一種對抗的戰(zhàn)火紛飛的感覺，但是現(xiàn)在整個(gè)畫面結(jié)合度還不夠高，這個(gè)時(shí)候我們往往會通過調(diào)整人物的色調(diào)和對比度等方法來使整個(gè)畫面更加和諧，但是不要漏掉一個(gè)重要的步驟就是環(huán)境色，可以通過在人物身上添加環(huán)境色來使人物和光效得到更好的結(jié)合，而且有質(zhì)感的光效就像現(xiàn)在用的火焰，可以將材質(zhì)疊加到人物的明暗面讓畫面更加真實(shí)生動(dòng)（如圖中綠點(diǎn)標(biāo)示部位）。最后，我們可以添加一些飄動(dòng)的零散的火光，讓火焰的更有動(dòng)感。

文章標(biāo)題：成都網(wǎng)頁設(shè)計(jì)-淺談頁面設(shè)計(jì)中光的特效
文章轉(zhuǎn)載：http://www.rwnh.cn/news27/241477.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、動(dòng)態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、企業(yè)建站、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)