在頁面中使用陰影并不是什么稀罕的事情，隨著扁平化設(shè)計(jì)的高度成熟，陰影漸變和紋理也從某種意義上開始回歸，而且在實(shí)際設(shè)計(jì)中越來越多地用到。那么做網(wǎng)站時(shí)如何巧妙的運(yùn)用陰影呢？有什么要注意的呢？

做網(wǎng)站時(shí)如何巧妙的運(yùn)用陰影

　　扁平化設(shè)計(jì)算是頁面設(shè)計(jì)中比較符合極簡(jiǎn)主義風(fēng)格了。移除了擬物化設(shè)計(jì)中廣泛存在的陰影紋理，而半扁平化設(shè)計(jì)中也僅僅是有限度地加入了一點(diǎn)陰影漸變。讓不同屏幕分辨率按鍵、圖標(biāo)顯得統(tǒng)一。界面的視覺的協(xié)調(diào)性在這種設(shè)計(jì)風(fēng)格下進(jìn)行實(shí)現(xiàn)。然而現(xiàn)在真正盛行的陰影樣式五花八門，微妙而細(xì)膩的陰影效果是如今的主流。如果真的喜歡陰影的話，不妨試著讓陰影和背景色調(diào)盡量接近，這樣的效果會(huì)更真實(shí)。

　　手機(jī)基本都是拇指操作，如果網(wǎng)站上有較大按鍵，就能避免客戶的誤點(diǎn)。并且適當(dāng)?shù)奈恢帽确郊訉掗g隔，也能起到擴(kuò)大點(diǎn)擊范圍的效果。或者使用顏色或陰影的效果來突出按鍵。有很多企業(yè)的網(wǎng)站很喜歡在自己的網(wǎng)站上面放一些很炫特效或者flash，每當(dāng)客戶打開這個(gè)網(wǎng)站的時(shí)候加載了半天，其實(shí)用戶看到這種現(xiàn)象心里頭排斥感，即便這個(gè)網(wǎng)站的產(chǎn)品或者文章很吸引人也會(huì)思考一下要多久，從而導(dǎo)致只看了一個(gè)網(wǎng)頁就關(guān)閉網(wǎng)站離開。

　　扁平化的設(shè)計(jì)風(fēng)格是當(dāng)前做站的一種潮流，漸變和陰影的加入使其進(jìn)入另一個(gè)天地，扁平化的設(shè)計(jì)元素不論是圖標(biāo)的設(shè)計(jì)還是顏色的控制，都會(huì)盡量去控制信息的層次，現(xiàn)在的做網(wǎng)站都能夠去除不必要的交互并保持直觀和簡(jiǎn)約。為了使信息傳遞的更一致，一般假如說沒有大量的文字信息則會(huì)選擇文字與圖片混排的形式，為了適應(yīng)多變的圖片，會(huì)在文字底部加一層黑色半透明層或者給文字加一些陰影。前提是文字信息不會(huì)太多而干擾到圖片內(nèi)容的展示。

　　最初的移動(dòng)網(wǎng)站總是pc端的附庸，隨著移動(dòng)網(wǎng)絡(luò)的發(fā)展，傳統(tǒng)pc端網(wǎng)站流量正向著移動(dòng)端遷移，一個(gè)移動(dòng)網(wǎng)站務(wù)必獨(dú)立起來，就像社交軟件那樣變得一個(gè)獨(dú)立的產(chǎn)品，如此才能夠真正立足。做網(wǎng)站時(shí)對(duì)css3功能巧妙地應(yīng)用，加上一個(gè)簡(jiǎn)約有意義的設(shè)計(jì)。使用對(duì)css3的圓角，懸停動(dòng)畫和一些透明效果沒有大膽的頭條新聞文本陰影，也不需要過多的動(dòng)畫。

　　現(xiàn)在是追求極限色調(diào)的時(shí)代，之前很多品牌和設(shè)計(jì)人員在構(gòu)做站時(shí)都會(huì)求穩(wěn)，選擇所說的頁面設(shè)計(jì)的安全色。現(xiàn)在很多設(shè)計(jì)人員開始大膽選用飽和色調(diào)，并加入動(dòng)感的陰影，還有非水平式設(shè)計(jì)的網(wǎng)站頭部，讓網(wǎng)頁更有動(dòng)感和個(gè)性。而隨著技術(shù)革新和畫質(zhì)的提升，很多品牌的宣傳網(wǎng)站也通過這種動(dòng)感和飽和色的搭配來吸引眼球?yàn)槠放圃靹?shì)。當(dāng)談到印刷與做網(wǎng)站，重要的是建立層次感。需要尤其小心陰影。記住要做的是在屏幕上創(chuàng)造這些元素，并使客戶產(chǎn)生想象。