百度智能小程序是百度在2018年新開發的重點項目，在2019年百度將投入更多到百度智能小程序里，有望一舉超越微信小程序和支付寶小程序。如果等百度智能小程序火爆全國再去做肯定是晚了，所以從現在開始就要開始動手，勇敢吃螃蟹的人才能獲得最好的紅利！
在以前的文章里，我們講過百度智能小程序是什么、怎樣做好百度智能小程序體驗設計、百度智能小程序接入自然搜索的步驟，今天我們就來講講百度智能小程序應該如何布局。
圖片圖標
圖片
如果要使用圖片一定要使用清晰的圖片，模糊的圖片會降低頁面的整體質感，用戶不喜歡。而且圖片比起文字能大大豐富頁面內容，更加醒目和吸引用戶留存。
圖標
建議按照場景的優化來選擇合適和通用的圖標樣式，最好使用幾何圖形。
幾何圖形圖標的風格應簡潔、辨識性強，這種圖標可以輔助信息的表達。
頭像輸出
百度智能小程序的頭像將在百度App、開發者平臺和百度智能小程序的頁面內以圓形外觀展現。
在圖片的選擇上要使用像素清晰、大小合適的頭像切圖，才能保證百度智能小程序的頭像在界面展現上的美觀和完整。
輸出規格
頭像尺寸應選用144x144px 正方形 ，同時大小應該小于或者等于120kb，頭像格式應選用PNG、BMP、JPEG、JPG格式的靜態圖片 。
展示案例圖如下：
輸出原則
1、小程序頭像要避免被前端圓形容器裁切，需保證主體元素的完整性。
正確案例
頭像圖片前端圓形頭像展現完整，主體元素比例適中。
錯誤案例
頭像圖片主體元素占比過大，導致被前端圓形容器裁切。
2、百度智能小程序頭像為單體元素，元素在圖片整體尺寸中的占比在百分之70-80之間。
建議頭像的主體元素在方形或圓形參考線內，前端展現時如果能在圓形輪廓中完全展現則是正確的圖片；
3、如果百度智能小程序的頭像為“圖形+文字”的上下左右組合形式，應至少預留整體圖片的20%的空白區域。
正確案例
頭像圖片預留了20%的空白區域，頭像展現完整。
錯誤案例
頭像圖片預留的空白區域少，字顯示不全。
本篇是系列文章，請點擊查看接下來的文章：
閱讀本文的人還可以閱讀：
