- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)時(shí)光的運(yùn)用與效果
相信大家常常會(huì)看見(jiàn)游戲的網(wǎng)頁(yè)面中運(yùn)用了許多不同類(lèi)型的光效的渲染,一個(gè)簡(jiǎn)單的元素有時(shí)候加上一點(diǎn)光效運(yùn)用就可以化腐朽為神奇效果。那么光效究竟是如何具體地影響頁(yè)面的視覺(jué)觀感的呢?下面小編為大家解答一下,希望能幫到您!
1、 豐富頁(yè)面的層次
當(dāng)人物和背景的顏色比較接近時(shí),為了增強(qiáng)人物的立體感和空間感,可以在人物上添加光效,拉開(kāi)人物和背景的距離,形成視覺(jué)差異,這樣需要強(qiáng)調(diào)的人物就瞬間凸顯了出來(lái),頁(yè)面的層次也一下子體現(xiàn)出來(lái)了。
光效的顏色、形狀和出現(xiàn)的位置會(huì)對(duì)設(shè)計(jì)表達(dá)的氣氛產(chǎn)生很直接的影響,就好像現(xiàn)實(shí)中的光源一樣,淺色暖色調(diào)的光效給人光明溫暖的感覺(jué),深色冷色調(diào)的就給人陰暗冷酷的感覺(jué),同樣的素材加上不同的光效,展現(xiàn)的也許就是完全不同的立場(chǎng)。具體到游戲頁(yè)面設(shè)計(jì),不同的勢(shì)力性格不同,通常都有各自的代表顏色,這時(shí)候用對(duì)應(yīng)的光效來(lái)表現(xiàn),很容易就能烘托出這些勢(shì)力不同的個(gè)性來(lái),是非常基本的運(yùn)用。
2、 視覺(jué)焦點(diǎn)
有時(shí)候光效在頁(yè)面上以光源的形式出現(xiàn),這樣可以很容易抓住用戶的眼球,吸引住用戶的焦點(diǎn),頁(yè)面上需要重點(diǎn)強(qiáng)調(diào)的信息,就可以展現(xiàn)在光源附近,這時(shí)光效充當(dāng)?shù)木褪且龑?dǎo)用戶的作用,非常簡(jiǎn)單,但是很有效。
不過(guò)更多的時(shí)候,光效不單單只有上述的一種功能,在頁(yè)面設(shè)計(jì)的過(guò)程當(dāng)中,會(huì)將三者功能結(jié)合到一起。
可以看見(jiàn)下面頁(yè)面中燈光和煙火讓整個(gè)舞臺(tái)氣氛火熱,仿佛可以感受到現(xiàn)場(chǎng)的表演的熱情。光影的對(duì)比,讓舞臺(tái)看起來(lái)有著強(qiáng)烈的空間感。聚光燈的照射引導(dǎo)用戶的視線,一眼就能看到重點(diǎn)突出的視覺(jué)焦點(diǎn)。
知道了光效作用的原理,我們自然就明白了什么時(shí)候在哪里加什么光效,就能達(dá)到我們的目的,那么如何來(lái)做光效呢,讓我們實(shí)做一次試試看:
添加了火焰的光效,人物顯得比較動(dòng)態(tài)鮮活,整個(gè)畫(huà)面更有一種對(duì)抗的戰(zhàn)火紛飛的感覺(jué),但是現(xiàn)在整個(gè)畫(huà)面結(jié)合度還不夠高,這個(gè)時(shí)候我們往往會(huì)通過(guò)調(diào)整人物的色調(diào)和對(duì)比度等方法來(lái)使整個(gè)畫(huà)面更加和諧,但是不要漏掉一個(gè)重要的步驟就是環(huán)境色,可以通過(guò)在人物身上添加環(huán)境色來(lái)使人物和光效得到更好的結(jié)合,而且有質(zhì)感的光效就像現(xiàn)在用的火焰,可以將材質(zhì)疊加到人物的明暗面讓畫(huà)面更加真實(shí)生動(dòng)(如圖中綠點(diǎn)標(biāo)示部位)。最后,我們可以添加一些飄動(dòng)的零散的火光,讓火焰的更有動(dòng)感。
光的特效使用和技巧千變?nèi)f化,使用恰當(dāng)可起到畫(huà)龍點(diǎn)睛的效果,以上只是我在平時(shí)常用的一些技巧,在此拋磚引玉,歡迎大家一起討論。
【網(wǎng)頁(yè)設(shè)計(jì)時(shí)光的運(yùn)用與效果】相關(guān)文章:
網(wǎng)頁(yè)設(shè)計(jì)深色的運(yùn)用技巧08-18
網(wǎng)頁(yè)設(shè)計(jì)中的文字運(yùn)用07-09
網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用07-10
網(wǎng)頁(yè)設(shè)計(jì)技巧:視差滾動(dòng)效果05-31
網(wǎng)頁(yè)設(shè)計(jì)中插畫(huà)的運(yùn)用及風(fēng)格07-14
網(wǎng)頁(yè)設(shè)計(jì)中色彩搭配的運(yùn)用10-21
圓在網(wǎng)頁(yè)設(shè)計(jì)上的運(yùn)用09-18
圓形在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用07-21
網(wǎng)頁(yè)設(shè)計(jì)中flash動(dòng)畫(huà)的特點(diǎn)與運(yùn)用08-28