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

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

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

圖片圖標

圖片

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

圖標

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

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

頭像輸出

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

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

輸出規(guī)格

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

展示案例圖如下：

輸出原則

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

正確案例

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

錯誤案例

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

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

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

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

正確案例

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

錯誤案例

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

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

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

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

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

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

網(wǎng)站題目：百度智能小程序應該如何布局更美觀？小程序布局方法（4）
文章出自：http://muchs.cn/news36/238436.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、營銷型網(wǎng)站建設、域名注冊、網(wǎng)站策劃、關(guān)鍵詞優(yōu)化、網(wǎng)站內(nèi)鏈

廣告

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