手機(jī)端詳情頁(yè)背景圖上如何添加文案?

2023-12-17|21:53|發(fā)布在分類 / 淘寶運(yùn)營(yíng)| 閱讀：16

當(dāng)疲憊到達(dá)人心的耐煩極限，下意識(shí)就會(huì)指揮手指一劃，完畢本屏的閱覽。

所以對(duì)布景圖的第一個(gè)要求，顏色不用太雜亂，削減對(duì)眼睛的刺激，客觀上延長(zhǎng)了用戶的耐心，也就是延長(zhǎng)了對(duì)本屏信息的閱覽時(shí)刻。

這一點(diǎn)比較簡(jiǎn)略了解。

第二個(gè)要求，布景圖上不要壓字，否則文字和圖畫(huà)傳遞的信息都會(huì)遭到削弱。

這一點(diǎn)不太簡(jiǎn)略了解，咱們直接看事例吧。

事例一布景圖上壓長(zhǎng)案牘一片竹林上，一段介紹竹纖維的文字。

很顯然，這一段文字很少人會(huì)閱覽。

因?yàn)殚営[起來(lái)太辛苦了。

本來(lái)，整屏的竹林會(huì)有較強(qiáng)的視覺(jué)沖擊力，可是因?yàn)樯厦娴奈淖謹(jǐn)嚁_，視覺(jué)沖擊力也就消失了。

關(guān)于長(zhǎng)案牘的表達(dá)，請(qǐng)參照前文（柱子開(kāi)講豎屏思維【32】：柱子十刀第七刀 - 長(zhǎng)案牘整版只用文字）。

事例二多個(gè)產(chǎn)品圖上壓多個(gè)賣點(diǎn)文字有時(shí)候?yàn)榱斯?jié)約屏幕空間，設(shè)計(jì)師會(huì)在多個(gè)產(chǎn)品圖壓上多個(gè)賣點(diǎn)文字。

PC上經(jīng)常這樣表達(dá)。

試問(wèn)一下，你剛剛看到的產(chǎn)品三個(gè)賣點(diǎn)是什么呢？

或許你才突然意識(shí)到，完全沒(méi)看到方才圖上的文字，乃至對(duì)圖片內(nèi)容形象也不深刻。

沒(méi)錯(cuò)，面臨并不是十分明晰的多段文字，咱們的大腦被眼睛欺騙了，加快了“蜻蜓點(diǎn)水”的速度，在并沒(méi)有接納清楚信息之前，就已經(jīng)草草了事，預(yù)備進(jìn)入下一屏。

當(dāng)然，這里除了圖上壓字，也一起犯了一屏多主題的錯(cuò)誤。

拜見(jiàn)前文（柱子開(kāi)講豎屏思維【28】：柱子十刀第三刀 - 一屏一主題）下面看一個(gè)一屏一主題的例子。

事例三在圖片半透明區(qū)域上壓字圖片上劃出一塊半透明的區(qū)域，刺進(jìn)案牘。

沒(méi)錯(cuò)。

畫(huà)面唯美、有文藝范。

可是除了逼格之外，簡(jiǎn)直接納不到文字的內(nèi)容。

咱們又一次被眼睛欺騙了。

文字所表述的信息被悄然地忽略。

對(duì)圖片采納的半透明處理，并不能夠堅(jiān)持圖片的完整性。

整個(gè)畫(huà)面除了右邊那幾顆瓜子，其他信息也被悄然忽略掉了。

事例四兩種壓字方式的對(duì)比絕大多數(shù)人一眼看到了“WHY 孕媽媽要穿背帶褲”，很少人會(huì)去辨認(rèn)下面三個(gè)理由的詳細(xì)論述。

純色布景下的文字內(nèi)容，抵擋起來(lái)很輕松，用戶一秒之間就能讀完；而壓在圖片上的文字，有比較大的閱覽障礙，絕大部分用戶會(huì)跳過(guò)不讀。

事例五當(dāng)文字和圖片完全分開(kāi) 兩秒鐘之內(nèi)，絕大多數(shù)人都能夠輕松看完、看懂這張圖的表述。

并且圖片內(nèi)容表達(dá)得十分明晰。

事例六標(biāo)題并非需求獨(dú)立底色標(biāo)題并不一定需求獨(dú)立的底色。

可是文字和圖片需求明顯地分開(kāi)，這樣用戶不用費(fèi)勁去辨別，在一眼看清楚圖片的一起，用余光就能夠把文字盡收眼底。

事例七底色并非要用白色底色并非要用白色。

可是別太絢爛扎眼，那樣會(huì)增加眼睛的擔(dān)負(fù)。

簡(jiǎn)略的布景下，文字和圖片主體分開(kāi)，用戶閱覽起來(lái)就很舒服。

總結(jié)：布景圖盡量簡(jiǎn)略并和文字完全別離電腦上，在雜亂的布景圖上壓上注釋文字，是常用的表達(dá)方式。

往往這樣能夠發(fā)生場(chǎng)景代入感，文字也能夠起到點(diǎn)睛的效果。

在圖片上壓大字，文字區(qū)域面積占比較大，常常會(huì)占到圖片面積的1/3以上。

文字和圖片都是主角，信息彼此攪擾。

而電腦屏幕比較大，文字區(qū)域占比基本上在1/5以下，用戶大部分精力仍是會(huì)被圖片所招引，主次分明。

當(dāng)遇到雜亂、麻煩、需動(dòng)腦的超負(fù)荷運(yùn)算任務(wù)時(shí)，就會(huì)下意識(shí)挑選敷衍了事乃至拋棄、劃屏逃跑。

所以，布景圖盡量簡(jiǎn)略、并和文字完全別離。

"為賣家資訊編輯編創(chuàng),轉(zhuǎn)載請(qǐng)注明出處(http://m.gtc8.cn.com/news?

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。