首頁 > 網頁教程 > 設計分享 > 網站頁面設計中光的特效設計引導用戶視覺焦點

江苏十一选五开奖结果历史开奖结果查询:網站頁面設計中光的特效設計引導用戶視覺焦點

時間:2012-03-19    來源:網易UEDC

江苏十一选五开奖公告 www.ervgn.com 為了展現頁面的主題或者是貼近游戲的氛圍,常?;崢醇蝸返囊趁嬤性擻昧誦磯嗖煌嘈偷墓廡У匿秩?,一個簡單的元素有時候加上一點光效就可以化腐朽為神奇。那么光效究竟是如何具體地影響頁面的視覺觀感的呢?

1、豐富頁面的層次

當人物和背景的顏色比較接近時,為了增強人物的立體感和空間感,可以在人物上添加光效,拉開人物和背景的距離,形成視覺差異,這樣需要強調的人物就瞬間凸顯了出來,頁面的層次也一下子體現出來了。

2、烘托氣氛

光效的顏色、形狀和出現的位置會對設計表達的氣氛產生很直接的影響,就好像現實中的光源一樣,淺色暖色調的光效給人光明溫暖的感覺,深色冷色調的就 給人陰暗冷酷的感覺,同樣的素材加上不同的光效,展現的也許就是完全不同的立場。具體到游戲頁面設計,不同的勢力性格不同,通常都有各自的代表顏色,這時 候用對應的光效來表現,很容易就能烘托出這些勢力不同的個性來,是非?;鏡腦擻?。

3、視覺焦點

有時候光效在頁面上以光源的形式出現,這樣可以很容易抓住用戶的眼球,吸引住用戶的焦點,頁面上需要重點強調的信息,就可以展現在光源附近,這時光效充當的就是引導用戶的作用,非常簡單,但是很有效。

不過更多的時候,光效不單單只有上述的一種功能,在頁面設計的過程當中,會將三者功能結合到一起。

可以看見下面頁面中燈光和煙火讓整個舞臺氣氛火熱,仿佛可以感受到現場的表演的熱情。光影的對比,讓舞臺看起來有著強烈的空間感。聚光燈的照射引導用戶的視線,一眼就能看到重點突出的視覺焦點。

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

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

光的特效使用和技巧千變萬化,使用恰當可起到畫龍點睛的效果,以上只是我在平時常用的一些技巧,在此拋磚引玉,歡迎大家一起討論。

相關推薦
網站頁面設計中巧用光的特效設計來引導用戶視覺焦點
CSS酷站網頁水平條經典設計欣賞
歐美CSS酷站網頁背景設計之光影特效賞析
酷站欣賞之歐美棕色調網站設計案例賞析
如何基于心理學設計的目的來制作受用戶歡迎的網頁
二十款網頁圖文混排設計樣式欣賞
黑色的藝術:三十款暗黑色調的歐美CSS酷站欣賞
35套精美絢麗的創意酷站設計欣賞
網頁設計的文字色彩與可讀性分析
如何掌握網頁廣告字體設計的技巧
40款超個性粗糙紙張紋理風格的CSS酷站欣賞
15款富有創意的的html電子名片設計欣賞
國外49款創意型404錯誤網頁欣賞(附演示網址)
手繪風格的15款超級漂亮網站欣賞
網易頻道頁面的改版過程分享
網頁設計師必備的13款國外CSS酷站參考畫廊
多款韓國絢麗風格的游戲網站界面設計欣賞
網頁設計中的構圖技巧分享
網頁設計的幾何圓之美
網頁交互設計的一些理解
網頁設計中上一頁和下一頁的用戶體驗分析
黃金分割布局在網頁設計中的應用
簡單而又不單調的網頁視覺設計技巧
讓用戶感覺很糟糕的網頁設計之十大原因
淘寶網新年改版之網頁寬度最佳尺寸淺析
圓形元素在網頁設計中如何應用的25個案例
如何學習才能成長為一名更好的設計師?
淘寶案例分析之商城頁面的用戶體驗
85個優秀的超大字體網頁設計欣賞
用實例理解網頁設計的80/20規則
尋找應用服務或程序類網站的設計規律
10個國外網頁設計領域最具影響力的人物
30個出色的網頁設計色彩搭配案例欣賞
10個優秀的網頁設計教程與素材博客
網站專題設計的一些細節經驗分享
21個值得收藏的轉換PSD為HTML的教程

精彩推薦

熱門教程