在這個讀圖勝過讀文字的時代，圖片的視覺化屬性更值得挖掘。其中圖片起到了極其重要的作用，是視覺表達的關鍵組成部分。用戶只需要幾秒鐘就能快速對網(wǎng)站進行評估，而優(yōu)秀的設計師也清楚如何借助視覺呈現(xiàn)復雜的故事。

然而在網(wǎng)頁進行設計的過程中，視覺內容的選取并不是一件輕松的任務。今天所探討的配圖好實踐將會告訴你如何選取配圖，將它們成功地融入到設計當中。

一，配圖要上下文相關

·如果你所選取的圖片和你的網(wǎng)站/aPP的主旨、核心內容不匹配，用戶更多會為之分心：

和網(wǎng)站內容沒有明確關聯(lián)性的圖片，只是純粹的浪費空間

·在最壞的情況下，這種配圖甚至會給用戶以錯誤的印象，甚至讓用戶感到震驚：

小貼士：使用與品牌關系密切的圖片確保視覺的可預測性。

二、有明確的視覺焦點

在選取圖片的時候，應當注意選取有明確視覺焦點的，盡量避免讓用戶去找焦點，這樣才能給用戶傳達足夠清晰的概念和信息。

左：當視覺焦點被遮擋的時候，圖像最具有標志性的部分就沒了。右：清晰的視覺焦點讓用戶更輕松理解設計師要傳達的概念。

嘗試在你的設計當中使用數(shù)量有限的視覺焦點來吸引用戶注意力，太多了就不存在焦點了。

蘋果公司的首頁通常使用巨大的產(chǎn)品圖來作為配圖，盡量為用戶提供最有用最有效的信息。

小貼士：盡量降低用戶分心的機率，專注于最有意義最有效的元素。

三、呈現(xiàn)真實的人物形象

人物形象是提升用戶參與感的一種元素。真實的人物形象更能夠傳遞情緒和感情，和用戶產(chǎn)生到情感聯(lián)系，而不僅僅是推銷產(chǎn)品。

然而，許多網(wǎng)站僅僅只是使用純裝飾性的照片，它們很少能夠提升設計的價值，甚至會影響到用戶體驗。這些照片甚至會成為視覺噪音，所導致的結果就是，用戶常常會忽視它們甚至會因為這種體驗而感到沮喪。使用帶有真實人物形象的圖片的時候，應該盡量使用品質足夠高的，并且挑選和網(wǎng)站、aPP能夠匹配的照片。

左：純粹的裝飾性的照片；右：經(jīng)過定制的圖片能夠展示出客服團隊的形象

小貼士：

·盡量避免使用群像，照片應該盡量傳遞出單一、直接的主題。

·盡量使用代表真實故事的圖片。拍攝讓你覺得有趣的人的故事和照片。如果涉及到具體產(chǎn)品，可以考慮使用圖片呈現(xiàn)用戶和你的產(chǎn)品交互的細節(jié)。

·如果想使用比圖片更加個性化的展現(xiàn)方式，請使用插畫。插畫更能激發(fā)用戶的想象力，更能激發(fā)用戶產(chǎn)品之間的情感。

四、避免使用低素質圖片

高分辨率的圖片大勢所趨，不論是手機還是電腦，屏幕分辨率正在不斷提升，如果圖片本身的素質過低，在如今的屏幕上還能看到像素，那個體驗就太過于尷尬了。

左：低像素的圖片；右：正常分辨率的圖片

小貼士：針對特定的設備和特定的分辨率來定制圖片的分辨率，確保圖片的尺寸能夠兼容不同的屏幕，跨平臺。

結語

這些案例和好實踐很好的證明了從可用性的角度來思考圖片的使用，圖片的好配圖設計是非常重要，非常需要技巧的。

網(wǎng)站欄目：帶來優(yōu)質體驗的配圖技巧
文章位置：http://www.rwnh.cn/news/136693.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供域名注冊、靜態(tài)網(wǎng)站、手機網(wǎng)站建設、標簽優(yōu)化、虛擬主機、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)