創造有活力的品牌網站 提升用戶體驗和品牌價值感
帶來優質體驗的配圖技巧
2016-04-25
人氣 5219

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

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

一,配圖要上下文相關

·如果你所選取的圖片和你的網站/APP 的主旨、核心內容不匹配,用戶更多會為之分心:

北京網站建設資訊 - 為北京網站建設帶來優質體驗的5個實用配圖技巧 - (1)

和網站內容沒有明確關聯性的圖片,只是純粹的浪費空間

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

北京網站建設資訊 - 為北京網站建設帶來優質體驗的5個實用配圖技巧 - (2)

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

二、有明確的視覺焦點

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

北京網站建設資訊 - 為北京網站建設帶來優質體驗的5個實用配圖技巧 - (3)

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

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

北京網站建設資訊 - 為北京網站建設帶來優質體驗的5個實用配圖技巧 - (4)

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

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

三、呈現真實的人物形象

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

然而,許多網站僅僅只是使用純裝飾性的照片,它們很少能夠提升設計的價值,甚至會影響到用戶體驗。這些照片甚至會成為視覺噪音,所導致的結果就是,用戶常?;岷鍪鈾巧踔粱嵋蛭庵痔逖槎械驕諫?。使用帶有真實人物形象的圖片的時候,應該盡量使用品質足夠高的,并且挑選和網站、APP能夠匹配的照片。

北京網站建設資訊 - 為北京網站建設帶來優質體驗的5個實用配圖技巧 - (5)

左:純粹的裝飾性的照片;右:經過定制的圖片能夠展示出客服團隊的形象

小貼士:

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

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

·如果想使用比圖片更加個性化的展現方式,請使用插畫。插畫更能激發用戶的想象力,更能激發用戶產品之間的情感。


四、避免使用低素質圖片

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

北京網站建設資訊 - 為北京網站建設帶來優質體驗的5個實用配圖技巧 - (7)

左:低像素的圖片;右:正常分辨率的圖片

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


結語

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


猜你喜歡
< >
北京博樂虎科技有限公司 版權所有 京ICP備07020913號 京公海網備1101085123號 
網站報價 如何预判古怪猴子出奖 網站制作 如何预判古怪猴子出奖 如何预判古怪猴子出奖 手機網站 如何预判古怪猴子出奖 微網站 flash網站