漸變是顏色過渡的過程變化的效果,由中心色點出發(fā),逐漸融入另一個色點,比較常見的漸變是將相同顏色的色調(diào)混合在一起,例如深藍到淺藍色。如果你的網(wǎng)頁視覺設(shè)計需要強烈一點的變化,也可以將不同顏色組合在一起。
漸變的類型
漸變過去被視為專業(yè)設(shè)計師才能掌握的高級技巧,如今許多工具軟件,甚至是CSS的語法都能輕易的生成出漸變效果,使頁面看起來更豐富。
目前設(shè)設(shè)常用有四種類型的漸變:
線性漸變
線性漸變是原始、完美和傳統(tǒng)的——從構(gòu)圖的一側(cè)直接移動到另一側(cè)。由軸或漸變線定義,線性漸變由兩個顏色停止點(一個起點,另一個終點)確定,但可以通過其間的可選顏色停止點放大。
大多數(shù)網(wǎng)站架設(shè)者只允許您向線性漸變添加兩種顏色。您可以添加多達八種單獨的色調(diào),以獲得真正令人驚嘆的視覺體驗。漸變的角度也可以改變,無論是垂直、水平還是某個角度。
路徑漸變
由中心點決定漸變的方向。設(shè)計師可以自己添加多個顏色漸變點,來定義周圍的形狀。您可以為任何徑向漸變添加多種顏色,一般來說不會超過四種。
錐形漸變
錐形漸變類似于路徑漸變,顏色過渡自中心點開始旋轉(zhuǎn)改變色彩,圓錐的外邊緣色彩會變得很發(fā)散。
混合漸變
當(dāng)一個畫布上的每個點,都有一個特定的顏色混合在一起,并設(shè)定顏色漸變,這就是混和漸變的設(shè)計技術(shù),過去在印刷領(lǐng)域要達成很困難,但在計算機上卻很容易。
為什麼要在網(wǎng)頁設(shè)計中添加漸變?
漸變是網(wǎng)頁設(shè)計老手的好幫手,對設(shè)計新手來說駕馭會較為困難,好的漸變讓網(wǎng)站看起來現(xiàn)代而先進,不好的漸變則會被視為古老而缺乏維護的網(wǎng)站。當(dāng)然我們總是要看好的一面,當(dāng)你只掌握漸變的設(shè)計技巧,就可以享受到這些優(yōu)勢:
特色十足
人們眼睛對于顏色的變化很敏銳,漸變吸引了訪客的注意力,可以將訪問者的視線引向網(wǎng)頁設(shè)計的特定區(qū)域。
多彩活力
透過各種色調(diào)變化,是漸變背景歷久不衰的主因,即便只使用一種顏色,或細微的變化,也可以豐富設(shè)計的色彩,尤其是商業(yè)設(shè)計已經(jīng)約束許多色彩的使用,如能活用漸變,讓用戶感受到活力,是設(shè)計上的一大亮點。
層次印象
變化不大的漸變,可以帶來溫和的視覺效果,層次分明的漸變則能創(chuàng)造驚喜,讓訪客眼睛為之一亮。如果遇到了色彩上的瓶頸,更改漸變的不透明度,或試試看不同濾鏡,可以活絡(luò)漸層的效果,讓漸層有更多多彩組合。