去角標(biāo)、去彈窗提醒、調(diào)整角標(biāo)大小等小程序圖片問題，一文說清！
排版一旦「較真」起來，小小的圖片角標(biāo)也會發(fā)現(xiàn)很多問題。
在公眾號圖文中，有兩種情況圖片會帶角標(biāo)，一個是超鏈接圖片，一個是小程序圖片。
上面是在公眾號后臺直接插入的超鏈接和小程序圖片，面對這兩種簡單的形式，一些小伙伴卻發(fā)現(xiàn)了不少問題。
當(dāng)然，這里的問題不是說官方對這兩種形式的展現(xiàn)有問題，而是當(dāng)把它們放到長圖排版的情境中時，發(fā)現(xiàn)改變一些東西可能會與整體更搭。
下面5個問題是經(jīng)常會有小伙伴提出來的，不說不知道，說了一看還真是有道理。老沙也給大家提供了對應(yīng)的解決方法。
1不想要角標(biāo)
一些對審美有一定追求的品牌，比如汽車、奢侈品品牌，總會有這個想法。
這些品牌的長圖排版中每一張切圖都是經(jīng)過精心設(shè)計(jì)，圖片右上角突然出現(xiàn)的角標(biāo)常常會顯得格格不入，嚴(yán)重影響了圖片的美觀，這時候不把礙眼的角標(biāo)去掉真是說不過去。
在 iPaiban Pro 黑科技編輯器中，使用對應(yīng)組件就可以制作出無角標(biāo)的超鏈接和小程序圖片：
組件：超鏈接-圖片(無角標(biāo))
編號：10033（組件）
組件：小程序-圖片(無角標(biāo))
編號：10015（組件）
點(diǎn)擊體驗(yàn)一下，你會發(fā)現(xiàn)超鏈接圖片除了沒角標(biāo)，還沒有了彈窗確認(rèn)提醒，點(diǎn)擊一下就跳轉(zhuǎn)出去了，非常利于轉(zhuǎn)化。
2想保留角標(biāo)但不想要彈窗確認(rèn)提醒
角標(biāo)可不是一無是處，一張圖片帶了角標(biāo)，這就代表這張圖片是可以點(diǎn)擊跳轉(zhuǎn)的。
即便你在圖片上設(shè)計(jì)了引導(dǎo)點(diǎn)擊的提示，而右上角獨(dú)特的符號因?yàn)橐呀?jīng)為大多數(shù)用戶所熟悉，往往會有更強(qiáng)的引導(dǎo)提示作用。
所以超鏈接圖片如果你想保留角標(biāo)去掉彈窗確認(rèn)提醒的話，可使用下方組件：
組件：超鏈接-圖片(默認(rèn)角標(biāo))
編號：10034（組件）
不過因微信平臺限制，小程序圖片暫時不能去掉彈窗確認(rèn)提醒了，如果你的目的只是想讓用戶一步觸達(dá)，那么可以使用小程序原生卡片的相關(guān)組件，在圖文中原生卡片一直是沒有彈窗確認(rèn)提醒的。
3宮格內(nèi)角標(biāo)變小想變大一些
圖文的簽名區(qū)，一行常常需要擺放多個超鏈接或小程序圖片，如果使用默認(rèn)角標(biāo)的組件，你會發(fā)現(xiàn)角標(biāo)跟著變小了。
組件：超鏈接-圖片(自定義角標(biāo)位置)
編號：10035（組件）
組件：小程序-圖片(自定義角標(biāo)位置)
編號：10031（組件）
使用上面兩個組件，雙擊圖片即可任意調(diào)整角標(biāo)的位置和大小。
4覺得原生角標(biāo)不搭，想換新角標(biāo)
覺得原生角標(biāo)不搭，想換新角標(biāo)的方法有兩種：
一種直接將新角標(biāo)設(shè)計(jì)在圖片上，使用無角標(biāo)相關(guān)組件；
一種是使用可以自上傳角標(biāo)的組件：
組件：超鏈接-圖片(自上傳角標(biāo),自定義位置)
編號：10036（組件）
組件：小程序-圖片(自上傳角標(biāo),自定義位置)
編號：10032（組件）
使用這兩個組件，我們可以上傳自己設(shè)計(jì)的角標(biāo)，并且支持自定義位置大小。
5如何設(shè)置點(diǎn)擊特定區(qū)域觸發(fā)
這里就要推薦下面兩個組件了：
組件：超鏈接-圖片(設(shè)置多個鏈接區(qū))
編號：11134（組件）
組件：小程序-圖片(設(shè)置多個小程序)
編號：11135（組件）
看名字就能明白，這兩個組件分別支持在一張圖片上設(shè)置多個超鏈接或小程序，觸發(fā)區(qū)在不重疊的情況下可以任意擺放。
在之前教程中沒有講過的是，其實(shí)一張圖片上設(shè)置一個超鏈接或小程序的時候也可以用，與只支持設(shè)置一個的組件相比，它是可以調(diào)整這一個超鏈接或小程序的觸發(fā)區(qū)的，非常方便。相信這篇文章能把大家關(guān)于超鏈接、小程序的角標(biāo)問題基本解決了，如果還有問題，留言區(qū)等你！
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會員體驗(yàn)權(quán)，以及22個常用必備組件的大禮包（1年）。
● SVG 黑科技交互排版????????
·
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）