設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站的時(shí)候都知道圖片在設(shè)計(jì)中的重要性，那么如何的做好圖片的設(shè)計(jì)呢?今天深圳網(wǎng)站建設(shè)公司國(guó)人偉業(yè)本文將與大家分享如何通過(guò)網(wǎng)站背景圖做好設(shè)計(jì)：
一、梳理網(wǎng)站中所需圖片類(lèi)型
在圖片設(shè)計(jì)前，設(shè)計(jì)師最好能參考目前已有的網(wǎng)頁(yè)粗略布局和欄目等，重新梳理列出網(wǎng)站中所需的圖片類(lèi)型。比如，按照欄目和模塊對(duì)所需的圖片分類(lèi)：Banner、業(yè)務(wù)介紹、產(chǎn)品介紹/展示、公司介紹、團(tuán)隊(duì)介紹、新聞/資訊、客戶(hù)案例等。
二、明確圖片的意圖
在一個(gè)網(wǎng)站中，瀏覽網(wǎng)頁(yè)時(shí)所看到的圖片不應(yīng)僅做到吸引用戶(hù)的視線(xiàn)，而更能讓用戶(hù)通過(guò)視覺(jué)影像，準(zhǔn)確感受到網(wǎng)站傳遞的信息。實(shí)際上，網(wǎng)頁(yè)上的圖片不只是美麗的像素塊，所有的圖片都應(yīng)該是有意圖的。
在一個(gè)網(wǎng)站中，首屏對(duì)用戶(hù)的第一印象幾乎起決定作用，而B(niǎo)anner圖在首屏中所在的位置，決定了其重要性。尤其對(duì)于營(yíng)銷(xiāo)型網(wǎng)站來(lái)說(shuō)，Banner圖是一個(gè)最佳產(chǎn)品展示的位置。該案例的圖片意圖非常明確，和文字搭配在一起，既有宣傳、推廣產(chǎn)品的作用，又是一個(gè)引導(dǎo)用戶(hù)點(diǎn)擊參與的入口。
三、與文字相關(guān)聯(lián)，保持元素一致性
有一個(gè)來(lái)自Web易用性大師的研究結(jié)論：?jiǎn)渭兊难b飾性圖片會(huì)潛意識(shí)地被我們大腦忽略。這項(xiàng)研究表明圖文相關(guān)性的重要作用，成為設(shè)計(jì)指導(dǎo)原則。
當(dāng)用戶(hù)瀏覽網(wǎng)頁(yè)時(shí)，圖片可以吸引人的注意力，并讓用戶(hù)對(duì)圖片內(nèi)容高度敏感，進(jìn)而主動(dòng)瀏覽文字深入了解產(chǎn)品如何使用，激發(fā)更大興趣。一般情況下，設(shè)計(jì)目標(biāo)為“教導(dǎo)人使用”的圖片，更適用于新產(chǎn)品或使用復(fù)雜的產(chǎn)品，這種方式可以幫助用戶(hù)快速掌握使用技巧，降低產(chǎn)品使用成本，獲得用戶(hù)青睞。
四、以人物視線(xiàn)引導(dǎo)用戶(hù)
隨著人物的視線(xiàn)，用戶(hù)會(huì)進(jìn)一步將注意力放在網(wǎng)頁(yè)中間的文字和圖形上。這種設(shè)計(jì)方式有兩個(gè)關(guān)鍵：一般先通過(guò)美麗的模特(或其他人物形象)吸引用戶(hù)關(guān)注;用戶(hù)會(huì)繼續(xù)跟著模特視線(xiàn)轉(zhuǎn)移注意點(diǎn)，關(guān)注產(chǎn)品、文案或Logo，達(dá)到圖片設(shè)計(jì)的目標(biāo)。
五、營(yíng)造氛圍
對(duì)用戶(hù)來(lái)說(shuō)，生活化的圖片濃縮了人們?nèi)粘Ｉ畹囊粋€(gè)場(chǎng)景，有熟悉的感覺(jué)。圖片從整體營(yíng)造了溫馨的氛圍，并且人物愉悅的表情能影響人的心情，讓用戶(hù)感受到一種歡樂(lè)、溫馨的家庭氣氛。
六、渲染情緒
審美是人人具備的天性，一個(gè)網(wǎng)站是否好看，用戶(hù)在第一眼就會(huì)有直觀的判斷。受到大腦中的“原始人”影響，圖片美觀程度能真正影響到用戶(hù)對(duì)網(wǎng)站第一印象。
七、塑造品牌
對(duì)用戶(hù)來(lái)說(shuō)，高質(zhì)量的大圖往往更受歡迎，風(fēng)格統(tǒng)一的圖片既有視覺(jué)震撼力，又容易給人留下較深刻的印象，長(zhǎng)久吸引用戶(hù)注意力。成功品牌可以在很久之后，通過(guò)視覺(jué)上的獨(dú)特，喚起人潛意識(shí)里的印象，讓用戶(hù)聯(lián)想到該品牌。
總結(jié)：設(shè)計(jì)師需要做的，就是加深對(duì)項(xiàng)目需求和客戶(hù)公司的業(yè)務(wù)了解，以便更明確網(wǎng)站中各欄目圖片的設(shè)計(jì)目標(biāo)。
