長沙學(xué)網(wǎng)頁設(shè)計中圖片的使用基本原則

網(wǎng)頁設(shè)計中圖片的使用基本原則

網(wǎng)頁設(shè)計中圖片的使用基本原則：巧妙用圖也算是一種設(shè)計

網(wǎng)頁設(shè)計中圖片的使用基本原則，即便是內(nèi)容主導(dǎo)的網(wǎng)站，也需要圖像作為潤色，每次設(shè)計這種網(wǎng)站，我都需要尋覓一些出色的照片或者插畫。這種圖像搜尋對我來說至關(guān)重要，因為我不會畫畫，如果你會畫畫，或者你的團隊中有有天賦的繪畫能手，那你真的太幸運了!我都有點嫉妒你的好運。

良好的照片運用能夠成就出色的設(shè)計。人都是視覺動物，在瀏覽網(wǎng)頁時，對于圖像有一種渴望，因此添加圖片非常重要。而且，一定要是合適的、相關(guān)的圖片。

對比

可用性至上!因此你的圖像必須與整體相協(xié)調(diào)，并且與文字產(chǎn)生對比。干讀文字非常讓人厭煩。想象一下，一面小黑板，密密麻麻幾千個字，白板黑字，讀吧!這里有你要的全部。

要想產(chǎn)生鮮明的上下對比，就要學(xué)會觀察;圖片比較亮，那么文字可以使用較深的顏色，反之亦然。如果想要使用白色字體和亮色背景，那么最好使用一些黑色元素作為過渡。比如，精美的投影技法就很不錯。

質(zhì)量

比方說你要為一家餐館設(shè)計網(wǎng)頁。在設(shè)計中想要用什么樣的圖?好吧，現(xiàn)在你決定開始抓起想起，去這家餐館攝影了。你拍第一張照片的時候，站在餐館門口，離桌子上的美食非常遙遠(yuǎn)，照片根本無法體現(xiàn)美食的細(xì)節(jié);你拍第二張的時候，手突然抖了起來，導(dǎo)致拍攝的照片十分模糊。你覺得這種照片能放在網(wǎng)站上嗎?

如果你的客戶不提供專業(yè)的攝影作品，那么趕快去勸勸他們，趕緊拍攝點高清無碼大圖吧。

如果客戶很頑固，說”就不!”，那趕緊換個思路，建議采用字體設(shè)計、布局新穎、極簡主義等風(fēng)格，打造處一種極簡風(fēng)，然后不帶圖像。寧缺毋濫。寧肯一張圖也不配!也不能配上一堆20k的圖!

關(guān)聯(lián)性

一圖勝千言，但是有時候文字為主，那么配上的圖就一定要與文字相關(guān)。這是常識，保持元素一致性。還是上面那個例子，人家讓你設(shè)計個餐館網(wǎng)頁，你給配上了股票走勢圖，可以隨便感受一下甲方收到作品后的臉色。

如果網(wǎng)頁中的內(nèi)容比較靈活，比如說賣保險的，那么配圖可以符號化一點，但是還是要和產(chǎn)品/服務(wù)相關(guān)。而且符號象征意義一定要強，這樣就很便于辨認(rèn)。而且要注意的是，不同國家、不同文化的符號象征不同。

大圖受歡迎

這條原則再明顯不過了，圖像越大，視覺沖擊也越大。

有人不相信，比如Econsultancy的人，他們就非要來個數(shù)據(jù)調(diào)查，他們做了三份研究，有興趣的可以看一下here.

圖像也是內(nèi)容的一種

圖像不但利于設(shè)計，還是非常棒的內(nèi)容，當(dāng)圖像和文字、音頻相結(jié)合時，能夠產(chǎn)生下列作用：

攫取注意力

當(dāng)文章和頁面中有吸引眼球的圖像時，愛屋及烏，用戶會對內(nèi)容高度敏感。當(dāng)用戶在網(wǎng)上面臨大段大段的文本時，人類的大腦便傾向于”略過這片內(nèi)容”吧，很少有人會保持注意力，繼續(xù)閱讀細(xì)節(jié)。

圖像能夠打破視覺的單調(diào)性，幫助用戶聚集注意于文章、鏈接、故事。簡而言之，圖像讓用戶集中注意力。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-66451.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注網(wǎng)頁制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多：150 3333 6050