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

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

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

圖片圖標(biāo)

圖片

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

圖標(biāo)

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

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

頭像輸出

百度智能小程序的頭像將在百度App、開(kāi)發(fā)者平臺(tái)和百度智能小程序的頁(yè)面內(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ò)誤案例

頭像圖片主體元素占比過(guò)大，導(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ū)域少，字顯示不全。

本篇是系列文章，請(qǐng)點(diǎn)擊查看接下來(lái)的文章：

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

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

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

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