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

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

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

圖片圖標(biāo)

圖片

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

圖標(biāo)

建議按照場景的優(yōu)化來選擇合適和通用的圖標(biāo)樣式，好使用幾何圖形。

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

頭像輸出

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

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

輸出規(guī)格

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

展示案例圖如下：

輸出原則

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

正確案例

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

錯(cuò)誤案例

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

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

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

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

正確案例

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

錯(cuò)誤案例

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

本篇是系列文章，請點(diǎn)擊查看接下來的文章：

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

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

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

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

新聞名稱：百度智能小程序應(yīng)該如何布局更美觀？小程序布局方法（4）
網(wǎng)頁路徑：http://m.kartarina.com/news/238436.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、移動網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、定制開發(fā)、網(wǎng)站制作、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)