俗話說一圖勝千言,在這個(gè)讀圖遠(yuǎn)勝過讀文字的時(shí)代,圖片的視覺化屬性更值得挖掘。用戶只需要幾秒鐘就能快速對(duì)APP和網(wǎng)站進(jìn)行評(píng)估,而優(yōu)秀的設(shè)計(jì)師也清楚如何借助視覺呈現(xiàn)復(fù)雜的故事。在這其中,圖片起到了極其重要的作用,是視覺表達(dá)的關(guān)鍵組成部分。
然而在為APP和網(wǎng)頁進(jìn)行設(shè)計(jì)的過程中,視覺內(nèi)容的選取并不是一件輕松的任務(wù)。今天所探討的配圖最佳實(shí)踐將會(huì)告訴你如何選取配圖,將它們成功地融入到設(shè)計(jì)當(dāng)中。
1、使用和上下文相關(guān)的配圖
·如果你所選取的圖片和你的網(wǎng)站/APP 的主旨、核心內(nèi)容不匹配,用戶更多會(huì)為之分心:
和網(wǎng)站內(nèi)容沒有明確關(guān)聯(lián)性的圖片,只是純粹的浪費(fèi)空間
·在最壞的情況下,這種配圖甚至?xí)o用戶以錯(cuò)誤的印象,甚至讓用戶感到震驚:
小貼士:使用與品牌關(guān)系密切的圖片確保視覺的可預(yù)測(cè)性。
2、有明確的視覺焦點(diǎn)
在選取圖片的時(shí)候,應(yīng)當(dāng)注意選取有明確視覺焦點(diǎn)的,盡量避免讓用戶去找焦點(diǎn),這樣才能給用戶傳達(dá)足夠清晰的概念和信息。
嘗試在你的設(shè)計(jì)當(dāng)中使用數(shù)量有限的視覺焦點(diǎn)來吸引用戶注意力,太多了就不存在焦點(diǎn)了。
蘋果公司的首頁通常使用巨大的產(chǎn)品圖來作為配圖,盡量為用戶提供最有用最有效的信息。
小貼士:盡量降低用戶分心的機(jī)率,專注于最有意義最有效的元素。
3、呈現(xiàn)真實(shí)的人物形象
人物形象是提升用戶參與感的一種元素。真實(shí)的人物形象更能夠傳遞情緒和感情,和用戶產(chǎn)生到情感聯(lián)系,而不僅僅是推銷產(chǎn)品。
然而,許多網(wǎng)站僅僅只是使用純裝飾性的照片,它們很少能夠提升設(shè)計(jì)的價(jià)值,甚至?xí)绊懙接脩趔w驗(yàn)。這些照片甚至?xí)蔀橐曈X噪音,所導(dǎo)致的結(jié)果就是,用戶常常會(huì)忽視它們甚至?xí)驗(yàn)檫@種體驗(yàn)而感到沮喪。使用帶有真實(shí)人物形象的圖片的時(shí)候,應(yīng)該盡量使用品質(zhì)足夠高的,并且挑選和網(wǎng)站、APP能夠匹配的照片。
小貼士:
·盡量避免使用群像,照片應(yīng)該盡量傳遞出單一、直接的主題。
·盡量使用代表真實(shí)故事的圖片。拍攝讓你覺得有趣的人的故事和照片。如果涉及到具體產(chǎn)品,可以考慮使用圖片呈現(xiàn)用戶和你的產(chǎn)品交互的細(xì)節(jié)。
·如果想使用比圖片更加個(gè)性化的展現(xiàn)方式,請(qǐng)使用插畫。插畫更能激發(fā)用戶的想象力,更能激發(fā)用戶產(chǎn)品之間的情感。
4、避免使用低素質(zhì)圖片
高分辨率的圖片大勢(shì)所趨,不論是手機(jī)還是電腦,屏幕分辨率正在不斷提升,如果圖片本身的素質(zhì)過低,在如今的屏幕上還能看到像素,那個(gè)體驗(yàn)就太過于尷尬了。
小貼士:針對(duì)特定的設(shè)備和特定的分辨率來定制圖片的分辨率,確保圖片的尺寸能夠兼容不同的屏幕,跨平臺(tái)。
5、表達(dá)個(gè)性
APP通常是為了特定功能而生的,但是APP僅僅保證可用性是不夠的。APP應(yīng)當(dāng)能夠有趣而人性化,為用戶帶來樂趣,用人性化和情感化的設(shè)計(jì)吸引用戶。為APP添加令人愉悅的細(xì)節(jié),不僅僅是讓它更加富有人情味,還應(yīng)當(dāng)讓它更加獨(dú)特而有意思。優(yōu)秀的APP通常不僅僅是好用,而且充滿個(gè)性。
小貼士:
·使用圖片和插畫來進(jìn)行說明,制作教程,完善UI里的空狀態(tài)。即使是風(fēng)格并不突出的APP,也同樣可以借助卡通插畫來達(dá)成這些目的。
·考慮在你的APP當(dāng)中使用更富有創(chuàng)意、抓人眼球的效果。
結(jié)語
從可用性的角度來思考圖片的使用,看起來有點(diǎn)奇怪,但是這些案例和最佳實(shí)踐很好的證明了圖片的可用性是多么重要,是多么需要技巧。
圖片不僅僅是裝飾,更是強(qiáng)大的設(shè)計(jì)工具,可以幫你進(jìn)行視覺傳達(dá),讓你的產(chǎn)品脫穎而出。
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
本文標(biāo)題:帶來5個(gè)產(chǎn)品優(yōu)質(zhì)體驗(yàn)的實(shí)用配圖技巧
轉(zhuǎn)載來于:http://m.rwnh.cn/news15/318515.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、標(biāo)簽優(yōu)化、網(wǎng)站設(shè)計(jì)公司、建站公司、云服務(wù)器、ChatGPT
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)