幕思城>電商行情>運(yùn)營>淘寶運(yùn)營> 手機(jī)端詳情頁背景圖上如何添加文案?

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

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

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

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

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

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

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

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

很顯然，這一段文字很少人會閱覽。

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

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

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

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

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

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

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

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

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

拜見前文（柱子開講豎屏思維【28】：柱子十刀第三刀 - 一屏一主題）下面看一個一屏一主題的例子。

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

沒錯。

畫面唯美、有文藝范。

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

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

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

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

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

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

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

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

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

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

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

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

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

簡略的布景下，文字和圖片主體分開，用戶閱覽起來就很舒服。

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

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

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

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

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

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

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

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

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