圖片在網(wǎng)頁中所扮演的角色越來越重要。作為更常見也是更早使用的網(wǎng)頁多媒體，圖片對于網(wǎng)頁設(shè)計(jì)師而言至關(guān)重要。如何用好圖片已經(jīng)成為了一項(xiàng)成熟、完善而又講究的技巧，而在高清屏幕無處不在的今天，稍有瑕疵的圖片都在高密度的像素下無所遁形，而不合理的圖片設(shè)計(jì)也不會逃過訪客的雙眼。

當(dāng)我們談?wù)摰皆O(shè)計(jì)，圖片就是設(shè)計(jì)元素之中更不可少的一個元素。如何在網(wǎng)頁設(shè)計(jì)中使用圖片是一門學(xué)問，下面小編為大家解答一下如何在網(wǎng)頁設(shè)計(jì)中使用圖片，希望能幫到您！有些趨勢是顯而易見的，有些就相比而言不那么容易被發(fā)現(xiàn)。當(dāng)我觀察和分析了大量的優(yōu)秀作品和網(wǎng)頁案例，發(fā)現(xiàn)圖片的巧妙運(yùn)用總是有一些共同點(diǎn)的。當(dāng)你看完這篇文章的分析和案例，你也就是時候好好反思一下你的網(wǎng)頁設(shè)計(jì)中是不是應(yīng)當(dāng)換上更好地圖片了。如何在網(wǎng)頁設(shè)計(jì)中使用圖片　　

1.運(yùn)用超大背景圖　

我首先要談?wù)摰内厔菀簿褪歉餍械内厔?，下面就是一系列運(yùn)用背景大圖的網(wǎng)站。雖然這個方法已經(jīng)差不多被用爛了，但是我們必須得承認(rèn)它真的很有效。就像所有的好的設(shè)計(jì)趨勢都應(yīng)該發(fā)揚(yáng)?！　?/p>

如果你的網(wǎng)站是為了展示，那么高清的背景大圖就是一個很強(qiáng)的傳遞信息的方法。但是為了避免過于雜亂，你還是需要考慮清楚文字和標(biāo)題的位置。看看下面的一些案例?！　?/p>

2.把背景圖作為首頁內(nèi)容　　

我更喜歡的超大型背景照片是當(dāng)設(shè)計(jì)師巧妙地使用照片，把它同時作為背景的首頁元素。在這些設(shè)計(jì)中，把產(chǎn)品放在首頁更前的位置，下滑就可以看到產(chǎn)品的細(xì)節(jié)或者配件。　　

通常這是使用產(chǎn)品或前景元素作為焦點(diǎn)來實(shí)現(xiàn)的。這種混合使得照片營造了一種時尚感，而內(nèi)容又非常有價值。這一具有挑戰(zhàn)性的方法與你的攝影師好好規(guī)劃協(xié)調(diào)，得到的更終布局一定非常吸引人?！　?/p>

3.使用單色照片　　

如果你想要你的照片可以適應(yīng)不同的風(fēng)格，不妨使用PS來美化。而如果照片顏色很豐富甚至到了雜亂的地步，在某些情況下就不應(yīng)該是你背景圖的`更好的選擇?！　?/p>

為了解決這個問題，設(shè)計(jì)師已經(jīng)開始使用單色調(diào)的圖片來表達(dá)所想要傳遞的想法和情感。當(dāng)然這里的單色不單單指的是黑和白——盡管這是大部分的色彩解決方案，但是我想以此延伸出更多的顏色?！　?/p>

比如，在網(wǎng)頁設(shè)計(jì)中藍(lán)色是經(jīng)常被運(yùn)用到的顏色，給人安全和穩(wěn)定的感覺；而紅色顯得充滿活力，生機(jī)勃勃。你應(yīng)當(dāng)根據(jù)你的產(chǎn)品或者網(wǎng)頁界面風(fēng)格來選擇你的背景圖的色調(diào)?！　?/p>

4.使用靜音圖片　　

靜音圖片的使用會讓人們打開你網(wǎng)頁的第一時間就感覺很舒服，也是更近非常流行的一種風(fēng)格。大部分的靜音圖片都運(yùn)用了漸變和顏色淡化的效果，也有復(fù)古的風(fēng)格。而文字也是在圖片的頂部，和圖片風(fēng)格非常協(xié)調(diào)。　　

這種風(fēng)格經(jīng)常在一些攝影師的個人網(wǎng)站上面運(yùn)用，自從去年開始就變得非常流行了。我也非常精細(xì)的發(fā)現(xiàn)到，與這些靜音圖片相配合的都是一些裝飾性字體，這樣就起到了很好的頁面平衡作用。　　

5.注重圖片的意義和內(nèi)涵　　

我不喜歡裝飾性過強(qiáng)的圖片，因?yàn)樗鼈兩释鶑?qiáng)烈，往往和你頁面所要表達(dá)的內(nèi)容沒有一點(diǎn)關(guān)系。但是如果你巧妙的使用那些注重氛圍和內(nèi)涵的圖片，曾經(jīng)強(qiáng)烈的顏色會變得柔軟，反而會對你的內(nèi)容起著畫龍點(diǎn)睛的作用?！　?/p>

就像下圖的個人網(wǎng)站使用太空圖做背景一樣，雖然乍眼看去圖片和個人一點(diǎn)關(guān)系都沒有，但仔細(xì)想想其實(shí)都很有意義，反而顯得更有思想和韻味。　　當(dāng)然這也是我想說的，對待一種風(fēng)格都要用推陳出新的眼光來看待，畢竟沒有一種風(fēng)格適用于所有的設(shè)計(jì)。下面就是一些很棒的例子，圖片不知不覺在啟迪我們的思考?！　?/p>

6.垂直分布風(fēng)格　　

更后，我想給你們看看一組使用垂直分布風(fēng)格照片的網(wǎng)站。 垂直分布是對齊對象成平行或90度角，以創(chuàng)建組織感的過程。這種方法是比較邊緣和獨(dú)特的風(fēng)格，設(shè)計(jì)師很少使用?！　≡俅?，風(fēng)格往往與設(shè)計(jì)的時髦風(fēng)格有關(guān)，但它不止于此。這些照片反映超出照片本身的內(nèi)容的含義。他們暗示這些照片背后的特質(zhì)，他們建議規(guī)程，流程和組織意識。