百度智能小程序是百度在2018年新開發(fā)的重點(diǎn)項(xiàng)目,在2019年百度將投入更多到百度智能小程序里,有望一舉超越微信小程序和支付寶小程序。如果等百度智能小程序火爆全國再去做肯定是晚了,所以從現(xiàn)在開始就要開始動(dòng)手,勇敢吃螃蟹的人才能獲得最好的紅利!
在以前的文章里,我們講過百度智能小程序是什么、怎樣做好百度智能小程序體驗(yàn)設(shè)計(jì)、百度智能小程序接入自然搜索的步驟,今天我們就來講講百度智能小程序應(yīng)該如何布局。
圖片圖標(biāo)
圖片
如果要使用圖片一定要使用清晰的圖片,模糊的圖片會(huì)降低頁面的整體質(zhì)感,用戶不喜歡。而且圖片比起文字能大大豐富頁面內(nèi)容,更加醒目和吸引用戶留存。
圖標(biāo)
建議按照?qǐng)鼍暗膬?yōu)化來選擇合適和通用的圖標(biāo)樣式,最好使用幾何圖形。
幾何圖形圖標(biāo)的風(fēng)格應(yīng)簡潔、辨識(shí)性強(qiáng),這種圖標(biāo)可以輔助信息的表達(dá)。
頭像輸出
百度智能小程序的頭像將在百度App、開發(fā)者平臺(tái)和百度智能小程序的頁面內(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ū)域少,字顯示不全。
本篇是系列文章,請(qǐng)點(diǎn)擊查看接下來的文章:
百度智能小程序應(yīng)該如何布局更美觀?小程序布局方法(1)
百度智能小程序應(yīng)該如何布局更美觀?小程序布局方法(2)
百度智能小程序應(yīng)該如何布局更美觀?小程序布局方法(3)
百度智能小程序應(yīng)該如何布局更美觀?小程序布局方法(5)
閱讀本文的人還可以閱讀: