帶來優(yōu)質(zhì)體驗(yàn)的配圖技巧

2021-11-20    分類: 網(wǎng)站建設(shè)

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

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

一,配圖要上下文相關(guān)

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

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

·在最壞的情況下,這種配圖甚至?xí)o用戶以錯誤的印象,甚至讓用戶感到震驚:

小貼士:使用與品牌關(guān)系密切的圖片確保視覺的可預(yù)測性。

二、有明確的視覺焦點(diǎn)

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

左:當(dāng)視覺焦點(diǎn)被遮擋的時候,圖像最具有標(biāo)志性的部分就沒了。右:清晰的視覺焦點(diǎn)讓用戶更輕松理解設(shè)計(jì)師要傳達(dá)的概念。

嘗試在你的設(shè)計(jì)當(dāng)中使用數(shù)量有限的視覺焦點(diǎn)來吸引用戶注意力,太多了就不存在焦點(diǎn)了。

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

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

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

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

然而,許多網(wǎng)站僅僅只是使用純裝飾性的照片,它們很少能夠提升設(shè)計(jì)的價值,甚至?xí)绊懙接脩趔w驗(yàn)。這些照片甚至?xí)蔀橐曈X噪音,所導(dǎo)致的結(jié)果就是,用戶常常會忽視它們甚至?xí)驗(yàn)檫@種體驗(yàn)而感到沮喪。使用帶有真實(shí)人物形象的圖片的時候,應(yīng)該盡量使用品質(zhì)足夠高的,并且挑選和網(wǎng)站、aPP能夠匹配的照片。

左:純粹的裝飾性的照片;右:經(jīng)過定制的圖片能夠展示出客服團(tuán)隊(duì)的形象

小貼士:

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

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

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

四、避免使用低素質(zhì)圖片

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

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

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

結(jié)語

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

網(wǎng)站欄目:帶來優(yōu)質(zhì)體驗(yàn)的配圖技巧
文章位置:http://m.kartarina.com/news/136693.html

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

廣告

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

成都seo排名網(wǎng)站優(yōu)化
主站蜘蛛池模板: 亚洲午夜成人精品无码色欲| 久久久久亚洲AV成人无码| av无码久久久久久不卡网站| 性色AV无码中文AV有码VR| 亚洲精品~无码抽插| 无码免费又爽又高潮喷水的视频| 亚洲中文字幕无码一去台湾| 色欲香天天综合网无码| 色综合久久无码五十路人妻| 国产成人午夜无码电影在线观看| 亚洲综合无码AV一区二区| 中文字幕无码免费久久9一区9| 一级电影在线播放无码| 特级无码毛片免费视频| 欧洲成人午夜精品无码区久久 | 亚洲中文字幕无码一区二区三区| 少妇伦子伦精品无码STYLES| 国产高清无码毛片| 亚洲人成影院在线无码观看| 无码精品尤物一区二区三区| 亚洲精品无码午夜福利中文字幕| 日韩中文无码有码免费视频| 久久青青草原亚洲av无码| 精品少妇人妻AV无码专区不卡| 波多野结衣VA无码中文字幕电影| 无码少妇一区二区三区浪潮AV| 国产无码网页在线观看| 免费无码AV电影在线观看| 精品国产a∨无码一区二区三区| 国产成人无码综合亚洲日韩 | 国产精品va无码一区二区| 国产精品成人99一区无码| 久久久久亚洲精品无码网址色欲 | 日韩aⅴ人妻无码一区二区| 无码一区二区波多野结衣播放搜索| 丰满爆乳无码一区二区三区| 亚洲αⅴ无码乱码在线观看性色| 天堂一区人妻无码| 东京热HEYZO无码专区| 国产精品无码久久综合网| 日韩久久无码免费毛片软件|