網頁設計中圖片運用的技巧
2017-06-26 17:28:05
當我們談論到設計,圖片就是設計元素之中最不可少的一個元素。有些趨勢是顯而易見的,有些就相比而言不那么容易被發(fā)現。當我觀察和分析了大量的優(yōu)秀作品和網頁案例,發(fā)現圖片的巧妙運用總是有一些共同點的。當你看完這篇文章的分析,你也就是時候好好反思一下你的網頁設計中是不是應當換上更好地圖片了。
一、在自然環(huán)境中展示
根據環(huán)境和使用場景來展示產品是網站常用的機巧。而實際的數據也表明,這樣的圖片擁有著極高的轉化率。相比于色彩豐富的圖片,黑白色調的圖片無法使用抓人眼球的色彩來吸引訪客,黑白照片更多的是依靠內容本身來進行視覺傳達。現代的黑白攝影作品強調藝術性,并且許多攝影師認為,這樣的圖片和攝影作品更加純粹。
二、使用單色照片
如果你想要你的照片可以適應不同的風格,不妨使用PS來美化。而如果照片顏色很豐富甚至到了雜亂的地步,在某些情況下就不應該是你背景圖的最好的選擇。為了解決這個問題,設計師已經開始使用單色調的圖片來表達所想要傳遞的想法和情感。當然這里的單色不單單指的是黑和白——盡管這是大部分的色彩解決方案,但是我想以此延伸出更多的顏色。比如,在網頁設計中藍色是經常被運用到的顏色,給人安全和穩(wěn)定的感覺;而紅色顯得充滿活力,生機勃勃。你應當根據你的產品或者網頁界面風格來選擇你的背景圖的色調。
三、文字排版
精心設計的排版能夠為你的品牌提升個性,當這些排版和圖片搭配到一起的時候,整個設計的形式感和表現力就有了明顯的提升。文本的樣式和其中包含的信息,和圖片內容相互呼應,互為解讀,這是最佳的搭配。
四、不對稱布局
不對稱布局本身也是一種流行的設計手法。許多網頁設計師尤其喜歡這種有趣的排版布局方式。這種布局非常適合用來引導用戶的視覺,因為頁面有了輕重對比,所以它可以以合乎邏輯的方式引導用戶的眼睛逐步瀏覽頁面內容。文字和圖片的視覺輕重不同,你可以讓兩者分別置于頁面的對稱位置,視覺重量上的不對稱就由此形成。結構上的對稱讓頁面足夠平衡,而視覺上的差異則讓頁面顯得參差有趣。
五、把背景圖作為首頁內容
我最喜歡的超大型背景照片是當設計師巧妙地使用照片,把它同時作為背景的首頁元素。在這些設計中,把產品放在首頁最前的位置,下滑就可以看到產品的細節(jié)或者配件。通常這是使用產品或前景元素作為焦點來實現的。這種混合使得照片營造了一種時尚感,而內容又非常有價值。這一具有挑戰(zhàn)性的方法與你的攝影師好好規(guī)劃協(xié)調,得到的最終布局一定非常吸引人。
隨著趨勢和用戶習慣的變化,對于優(yōu)秀用戶體驗的認知會逐漸的發(fā)生變化。圖片的使用也是一樣的,設計趨勢和技術的變化直接影響著圖片的使用,但是總體上而言,對于圖片素質的要求是越來越高了。
一、在自然環(huán)境中展示
根據環(huán)境和使用場景來展示產品是網站常用的機巧。而實際的數據也表明,這樣的圖片擁有著極高的轉化率。相比于色彩豐富的圖片,黑白色調的圖片無法使用抓人眼球的色彩來吸引訪客,黑白照片更多的是依靠內容本身來進行視覺傳達。現代的黑白攝影作品強調藝術性,并且許多攝影師認為,這樣的圖片和攝影作品更加純粹。
二、使用單色照片
如果你想要你的照片可以適應不同的風格,不妨使用PS來美化。而如果照片顏色很豐富甚至到了雜亂的地步,在某些情況下就不應該是你背景圖的最好的選擇。為了解決這個問題,設計師已經開始使用單色調的圖片來表達所想要傳遞的想法和情感。當然這里的單色不單單指的是黑和白——盡管這是大部分的色彩解決方案,但是我想以此延伸出更多的顏色。比如,在網頁設計中藍色是經常被運用到的顏色,給人安全和穩(wěn)定的感覺;而紅色顯得充滿活力,生機勃勃。你應當根據你的產品或者網頁界面風格來選擇你的背景圖的色調。
三、文字排版
精心設計的排版能夠為你的品牌提升個性,當這些排版和圖片搭配到一起的時候,整個設計的形式感和表現力就有了明顯的提升。文本的樣式和其中包含的信息,和圖片內容相互呼應,互為解讀,這是最佳的搭配。
四、不對稱布局
不對稱布局本身也是一種流行的設計手法。許多網頁設計師尤其喜歡這種有趣的排版布局方式。這種布局非常適合用來引導用戶的視覺,因為頁面有了輕重對比,所以它可以以合乎邏輯的方式引導用戶的眼睛逐步瀏覽頁面內容。文字和圖片的視覺輕重不同,你可以讓兩者分別置于頁面的對稱位置,視覺重量上的不對稱就由此形成。結構上的對稱讓頁面足夠平衡,而視覺上的差異則讓頁面顯得參差有趣。
五、把背景圖作為首頁內容
我最喜歡的超大型背景照片是當設計師巧妙地使用照片,把它同時作為背景的首頁元素。在這些設計中,把產品放在首頁最前的位置,下滑就可以看到產品的細節(jié)或者配件。通常這是使用產品或前景元素作為焦點來實現的。這種混合使得照片營造了一種時尚感,而內容又非常有價值。這一具有挑戰(zhàn)性的方法與你的攝影師好好規(guī)劃協(xié)調,得到的最終布局一定非常吸引人。
隨著趨勢和用戶習慣的變化,對于優(yōu)秀用戶體驗的認知會逐漸的發(fā)生變化。圖片的使用也是一樣的,設計趨勢和技術的變化直接影響著圖片的使用,但是總體上而言,對于圖片素質的要求是越來越高了。