網(wǎng)頁(yè)設計中如何更好的運用圖片
當我們談?wù)摰皆O計,圖片就是設計元素之中最不可少的一個(gè)元素。鄭州清新教育鄭州網(wǎng)頁(yè)設計培訓的老師今天在這里跟大家分享的并不是實(shí)體攝影的趨勢,而是2017年在網(wǎng)頁(yè)設計中運用圖片的趨勢。
有些趨勢是顯而易見(jiàn)的,有些就相比而言不那么容易被發(fā)現。當我觀(guān)察和分析了大量的優(yōu)秀作品和網(wǎng)頁(yè)案例,發(fā)現圖片的巧妙運用總是有一些共同點(diǎn)的。當你看完這篇文章的分析和案例,你也就是時(shí)候好好反思一下你的網(wǎng)頁(yè)設計中是不是應當換上更好地圖片了。
1.運用超大背景圖
我首先要談?wù)摰内厔菀簿褪亲盍餍械内厔荩旅婢褪且幌盗羞\用背景大圖的網(wǎng)站。雖然這個(gè)方法已經(jīng)差不多被用爛了,但是我們必須得承認它真的很有效。就像所有的好的設計趨勢都應該發(fā)揚。
如果你的網(wǎng)站是為了展示,那么高清的背景大圖就是一個(gè)很強的傳遞信息的方法。但是為了避免過(guò)于雜亂,你還是需要考慮清楚文字和標題的位置。看看下面的一些案例。
2.把背景圖作為首頁(yè)內容
我最喜歡的超大型背景照片是當設計師巧妙地使用照片,把它同時(shí)作為背景的首頁(yè)元素。在這些設計中,把產(chǎn)品放在首頁(yè)最前的位置,下滑就可以看到產(chǎn)品的細節或者配件。通常這是使用產(chǎn)品或前景元素作為焦點(diǎn)來(lái)實(shí)現的。這種混合使得照片營(yíng)造了一種時(shí)尚感,而內容又非常有價(jià)值。這一具有挑戰性的方法與你的攝影師好好規劃協(xié)調,得到的最終布局一定非常吸引人。
3.使用單色照片
如果你想要你的照片可以適應不同的風(fēng)格,不妨使用PS來(lái)美化。而如果照片顏色很豐富甚至到了雜亂的地步,在某些情況下就不應該是你背景圖的最好的選擇。為了解決這個(gè)問(wèn)題,設計師已經(jīng)開(kāi)始使用單色調的圖片來(lái)表達所想要傳遞的想法和情感。當然這里的單色不單單指的是黑和白——盡管這是大部分的色彩解決方案,但是我想以此延伸出更多的顏色。比如,在網(wǎng)頁(yè)設計中藍色是經(jīng)常被運用到的顏色,給人安全和穩定的感覺(jué);而紅色顯得充滿(mǎn)活力,生機勃勃。你應當根據你的產(chǎn)品或者網(wǎng)頁(yè)界面風(fēng)格來(lái)選擇你的背景圖的色調。
4.使用靜音圖片
靜音圖片的使用會(huì )讓人們打開(kāi)你網(wǎng)頁(yè)的第一時(shí)間就感覺(jué)很舒服,也是最近非常流行的一種風(fēng)格。大部分的靜音圖片都運用了漸變和顏色淡化的效果,也有復古的風(fēng)格。而文字也是在圖片的頂部,和圖片風(fēng)格非常協(xié)調。這種風(fēng)格經(jīng)常在一些攝影師的個(gè)人網(wǎng)站上面運用,自從去年開(kāi)始就變得非常流行了。我也非常精細的發(fā)現到,與這些靜音圖片相配合的都是一些裝飾性字體,這樣就起到了很好的頁(yè)面平衡作用。
5.注重圖片的意義和內涵
我不喜歡裝飾性過(guò)強的圖片,因為它們色彩往往強烈,往往和你頁(yè)面所要表達的內容沒(méi)有一點(diǎn)關(guān)系。但是如果你巧妙的使用那些注重氛圍和內涵的圖片,曾經(jīng)強烈的顏色會(huì )變得柔軟,反而會(huì )對你的內容起著(zhù)畫(huà)龍點(diǎn)睛的作用。就像下圖的個(gè)人網(wǎng)站使用太空圖做背景一樣,雖然乍眼看去圖片和個(gè)人一點(diǎn)關(guān)系都沒(méi)有,但仔細想想其實(shí)都很有意義,反而顯得更有思想和韻味。當然這也是我想說(shuō)的,對待一種風(fēng)格都要用推陳出新的眼光來(lái)看待,畢竟沒(méi)有一種風(fēng)格適用于所有的設計。下面就是一些很棒的例子,圖片不知不覺(jué)在啟迪我們的思考。
6.垂直分布風(fēng)格
最后,我想給你們看看一組使用垂直分布風(fēng)格照片的網(wǎng)站。 垂直分布是對齊對象成平行或90度角,以創(chuàng )建組織感的過(guò)程。這種方法是比較邊緣和獨特的風(fēng)格,設計師很少使用。再次,風(fēng)格往往與設計的時(shí)髦風(fēng)格有關(guān),但它不止于此。這些照片反映超出照片本身的內容的含義。他們暗示這些照片背后的特質(zhì),他們建議規程,流程和組織意識。這些都是很好的特質(zhì),尤其是當它用于展示代表設計師和機構的時(shí)候。
<< 上一篇:網(wǎng)頁(yè)設計移動(dòng)端設計尺寸基礎知識 | >> 下一篇:PC端網(wǎng)頁(yè)設計基本規范有哪些? |
- 2017-01-13網(wǎng)頁(yè)設計移動(dòng)端設計尺寸基礎知識
- 2017-01-13網(wǎng)頁(yè)設計中移動(dòng)端字體7大準則
- 2017-01-13網(wǎng)頁(yè)設計中3種響應式設計災禍
- 2017-01-13網(wǎng)頁(yè)設計中的安全配色指南
- 2017-01-13網(wǎng)頁(yè)設計為什么要堅持好的設計?
- 2017-01-11平面設計師如何理解設計是什么?
- 2017-01-05鄭州網(wǎng)頁(yè)設計培訓清新怎么樣?
- 2016-12-21鄭州網(wǎng)頁(yè)設計培訓班哪里找?
- 2016-12-15鄭州網(wǎng)頁(yè)設計培訓多少錢(qián)?
- 2016-12-08鄭州學(xué)習室內設計應該如何開(kāi)始?
- 2016-12-07室內效果圖如何ps塑造出好的氣氛?
- 2016-12-02平面設計師如何選擇適合客戶(hù)的配色
- 2016-11-25 空間元素在平面設計創(chuàng )作中的運用
- 2016-11-20移動(dòng)端網(wǎng)頁(yè)設計規范原則有哪些?
- 2016-11-20網(wǎng)頁(yè)設計中的搜索框該怎么設計?
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16