電話
首頁>關于曼朗>新聞資訊
企業網站建設動靜交映效果突出
新聞來源:上海曼朗 發布時間:2016-10-10

 

什(shén)麽是動态色彩呢(ne)?它不是動畫中在運動的(de)物(wù)體的(de)色彩。動态色彩是指網頁中插圖、圖像、廣告、動畫等這些區域中給人(rén)感覺好像在動的(de)色彩。例如,新浪網首頁中的(de)“世界映像 财經視角”版塊實現的(de)就是動态色彩的(de)搭配。如下(xià)圖所示,總體感覺顔色的(de)種類比較多(duō),下(xià)面具體介紹企業網站建設的(de)動态色彩。

在了(le)解了(le)這一部分(fēn)關于動态色彩的(de)概念之後,可(kě)以使得(de)我們對于靜态色彩和(hé)動态色彩的(de)意義有一個了(le)解。靜态色彩的(de)意義在于,保持靜态色彩的(de)“靜”的(de)狀态下(xià),使得(de)色彩能夠帶給浏覽者那種安心的(de)感覺。動态色彩的(de)意義則在于,使得(de)相應色彩在不斷變化(huà)的(de)同時,能夠展現色彩的(de)斑斓,進而傳遞給用(yòng)戶色彩豐富的(de)感覺。這樣,企業網站建設通(tōng)過頁面中動、靜結合的(de)色彩應用(yòng),從而使得(de)頁面更加豐富多(duō)彩。

1. 動态色彩—随著(zhe)時間變化(huà)

圖片的(de)色彩構成,一般都有著(zhe)豐富多(duō)彩的(de)顔色。鑒于其顔色種類多(duō)的(de)特點,所以在進行色彩處理(lǐ)手法上會采用(yòng)不讓多(duō)張圖片同時出現在頁面中。企業網站建設通(tōng)常采用(yòng)Script技術,将圖片在區域内進行自動播放,來達到這一顔色處理(lǐ)的(de)需要。

例如,網頁通(tōng)過JavaScript實現的(de)自動播放圖片的(de)頁面效果。頁面中使用(yòng)了(le)圖片,因爲圖片的(de)顔色種類一般都比較多(duō),所以在背景色的(de)選擇上多(duō)以白色或者黑(hēi)色等與圖片中顔色不起沖突的(de)色彩爲主。

頁面播放過程中出現的(de)另一張圖片,進一步觀察顔色的(de)選擇,網頁圖片中都有占大(dà)比例的(de)黃色。所以,在圖片下(xià)方的(de)滾動條中數字下(xià)方的(de)線條采用(yòng)了(le)亮度不同的(de)黃色,這是動态色彩的(de)搭配。

2. 動态色彩—響應交互動作

動态色彩的(de)另一種實現通(tōng)過響應交互動作,許多(duō)網頁的(de)按鈕會随著(zhe)交互操作的(de)狀态顯示不同的(de)顔色。通(tōng)過這樣的(de)方式,讓色彩有了(le)類似于動态的(de)視覺效果,請看下(xià)面的(de)具體應用(yòng)。

微軟網站的(de)導航,通(tōng)過移動鼠标,導航按鈕會變成藍色。藍色,表示該功能“被響應”的(de)狀态。這樣的(de)色彩應用(yòng),達到了(le)縮短視覺搜索時間的(de)效果,這是使用(yòng)動态色彩的(de)作用(yòng)。

觀察網頁的(de)整體色彩搭配,有這樣一個現象,在靜态色彩中包含有動态色彩,例如邊框中包含有播放圖片的(de)區域。或者是動态色彩中包含有靜态色彩,例如播放圖片的(de)區域包含有頁面背景。所謂動靜交映,企業網站建設這樣的(de)處理(lǐ)才比較合理(lǐ),效果才會顯得(de)比較好。


 

本文标簽: 企業網站建設
12年品牌客戶 線上整合營銷經驗

曼朗助您實現營銷效果更大(dà)化(huà)

獲取營銷診斷方案
zx