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

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

圖片圖標

圖片

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

圖標

建議按照場景的優化來選擇合適和通用的圖標樣式，最好使用幾何圖形。

幾何圖形圖標的風格應簡潔、辨識性強，這種圖標可以輔助信息的表達。

頭像輸出

百度智能小程序的頭像將在百度App、開發者平臺和百度智能小程序的頁面內以圓形外觀展現。

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

輸出規格

頭像尺寸應選用144x144px 正方形 ，同時大小應該小于或者等于120kb，頭像格式應選用PNG、BMP、JPEG、JPG格式的靜態圖片 。

展示案例圖如下：

輸出原則

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

正確案例

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

錯誤案例

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

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

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

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

正確案例

頭像圖片預留了20%的空白區域，頭像展現完整。

錯誤案例

頭像圖片預留的空白區域少，字顯示不全。

本篇是系列文章，請點擊查看接下來的文章：

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

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

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

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