百度智能小程序應(yīng)該如何布局更美觀?小程序布局方法(4)

1886次閱讀

百度智能小程序是百度在2018年新開發(fā)的重點(diǎn)項(xiàng)目,在2019年百度將投入更多到百度智能小程序里,有望一舉超越微信小程序和支付寶小程序。如果等百度智能小程序火爆全國再去做肯定是晚了,所以從現(xiàn)在開始就要開始動(dòng)手,勇敢吃螃蟹的人才能獲得最好的紅利!

在以前的文章里,我們講過百度智能小程序是什么、怎樣做好百度智能小程序體驗(yàn)設(shè)計(jì)、百度智能小程序接入自然搜索的步驟,今天我們就來講講百度智能小程序應(yīng)該如何布局。


圖片圖標(biāo)

圖片

如果要使用圖片一定要使用清晰的圖片,模糊的圖片會(huì)降低頁面的整體質(zhì)感,用戶不喜歡。而且圖片比起文字能大大豐富頁面內(nèi)容,更加醒目和吸引用戶留存。

1.png


圖標(biāo)

建議按照?qǐng)鼍暗膬?yōu)化來選擇合適和通用的圖標(biāo)樣式,最好使用幾何圖形。

幾何圖形圖標(biāo)的風(fēng)格應(yīng)簡潔、辨識(shí)性強(qiáng),這種圖標(biāo)可以輔助信息的表達(dá)。

2.png



頭像輸出

百度智能小程序的頭像將在百度App、開發(fā)者平臺(tái)和百度智能小程序的頁面內(nèi)以圓形外觀展現(xiàn)。

在圖片的選擇上要使用像素清晰、大小合適的頭像切圖,才能保證百度智能小程序的頭像在界面展現(xiàn)上的美觀和完整。


輸出規(guī)格

頭像尺寸應(yīng)選用144x144px 正方形 ,同時(shí)大小應(yīng)該小于或者等于120kb,頭像格式應(yīng)選用PNG、BMP、JPEG、JPG格式的靜態(tài)圖片 。

展示案例圖如下:

4345.png


輸出原則

1、小程序頭像要避免被前端圓形容器裁切,需保證主體元素的完整性。

正確案例

頭像圖片前端圓形頭像展現(xiàn)完整,主體元素比例適中。

2-1.png

錯(cuò)誤案例

頭像圖片主體元素占比過大,導(dǎo)致被前端圓形容器裁切。

2-2.png


2、百度智能小程序頭像為單體元素,元素在圖片整體尺寸中的占比在百分之70-80之間。

122.png

建議頭像的主體元素在方形或圓形參考線內(nèi),前端展現(xiàn)時(shí)如果能在圓形輪廓中完全展現(xiàn)則是正確的圖片;


3、如果百度智能小程序的頭像為“圖形+文字”的上下左右組合形式,應(yīng)至少預(yù)留整體圖片的20%的空白區(qū)域。

正確案例

頭像圖片預(yù)留了20%的空白區(qū)域,頭像展現(xiàn)完整。

4-1.png

錯(cuò)誤案例

頭像圖片預(yù)留的空白區(qū)域少,字顯示不全。

4-2.png


本篇是系列文章,請(qǐng)點(diǎn)擊查看接下來的文章:

百度智能小程序應(yīng)該如何布局更美觀?小程序布局方法(1)

百度智能小程序應(yīng)該如何布局更美觀?小程序布局方法(2)

百度智能小程序應(yīng)該如何布局更美觀?小程序布局方法(3)

百度智能小程序應(yīng)該如何布局更美觀?小程序布局方法(5)


閱讀本文的人還可以閱讀:

怎樣做好百度智能小程序體驗(yàn)設(shè)計(jì)(1)

百度智能小程序在搜索引擎里的展現(xiàn)方式是怎樣的?

百度智能小程序是什么?百度智能小程序注冊(cè)方法

百度智能小程序值得做嗎?怎么找百度智能小程序二維碼?

本文由夫唯SEO特訓(xùn)營編輯整理。

搜外專注SEO培訓(xùn)和SEO周邊Saas服務(wù)解決方案,10年來超過五萬學(xué)員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動(dòng)搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報(bào)名時(shí)間7月1日-7月15日,請(qǐng)?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo)是:讓非技術(shù)人員輕松學(xué)會(huì)互聯(lián)網(wǎng)技術(shù)。

  • 搜外會(huì)員SEO交流群(免費(fèi))

    微信掃碼添加客服人員
  • 小程序運(yùn)營交流群(免費(fèi))

    微信掃碼添加客服人員
  • 搜外會(huì)員SEM競(jìng)價(jià)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 夫唯學(xué)員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實(shí)戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨(dú)立站英文SEO群

    微信掃碼添加客服人員
  • SEO團(tuán)隊(duì)KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學(xué)習(xí)群站SEO
成為互聯(lián)網(wǎng)運(yùn)營推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.155804 Second , 40 querys.