百度智能小程序設(shè)計規(guī)范

一個頁面精美、瀏覽體驗極佳的百度智能小程序是怎么樣制作出來的呢？其實僅需注意以下幾點就能輕松搞定。

頁面寬度一般為750像素，在布局百度智能小程序時，信息文字內(nèi)容區(qū)需要留出左右邊距35左右像素，來限制內(nèi)容寬度能夠獲得更好的閱讀體驗，如果邊距過窄，則會使頁面元素過于分散，影響閱讀體驗。

在百度智能小程序布局時，還需要考慮幾個重要的地方：

一般的，在用戶瀏覽網(wǎng)站也好、小程序也罷，瀏覽的順序一般是 “從上往下，從左往右”，所以，在布局百度智能小程序內(nèi)容時，就應(yīng)該注意布局的側(cè)重點在什么地方，就應(yīng)該把主要的信息或者是需要操作的部分布局在屏幕的上半部分或左邊；此外，使用不同的字號和顏色也能起到權(quán)重的表達和凸顯的作用。 為考慮到使用者手指操作的精準度，建議點擊操作的響應(yīng)熱區(qū)應(yīng)該在88*88像素左右，最小不小于72*72像素。

文字部分：

百度智能小程序文字使用規(guī)則可與百度App保持一致，一般的百度智能小程序常用字號有48像素一般用于標題文字（建議最大字號），36像素一般用于為列表標題，32像素一般為標題欄等，28像素一般為摘要內(nèi)容等，26 像素一般為輔助文字、按鈕文字等，為了讓小程序整體統(tǒng)一，在一個頁面里相同意義的文字部分應(yīng)使用相同的字號，比如欄目的標題統(tǒng)一字體大小，簡介統(tǒng)一字體大小等。

圖片部分：

小程序里，圖片能比文字更加吸引用戶，而且還能豐富頁面內(nèi)容以及展現(xiàn)效果，俗話說“文字不夠。圖片來湊”，在選擇圖片的時候可不是隨便選一張就能放到小程序上面的，在設(shè)計智能小程序時，首先要使用清晰的圖片，模糊的圖片一定會降低頁面的整體質(zhì)感以及瀏覽體驗。圖片的顏色與整個頁面的色調(diào)保持一致，也要把握好圖片尺寸，輪播圖數(shù)量（一般為3-4張）和輪播的切換時間。

圖標部分：

頁面的圖標能輔助信息的表達，同時也能體現(xiàn)頁面的整體風(fēng)格是否統(tǒng)一，建議按場景按照頁面的整體色調(diào)和風(fēng)格來設(shè)計和選用圖標，其中最百搭的圖標應(yīng)屬于簡單的幾何圖形圖標，主要特點就是圖標風(fēng)格應(yīng)簡潔、辨識性強、統(tǒng)一，可以根據(jù)頁面的不同色調(diào)設(shè)置不同的顏色，使頁面風(fēng)格更加統(tǒng)一：

說明以及提示語言：

考慮到智能小程序是面向普通用戶使用的，則需要考慮提示語言需要選擇用戶能夠看懂理解的，比如當(dāng)用戶點到某個鏈接時，頁面無法打開提示“頁面不存在”而不應(yīng)該是“錯誤代碼404”。使用句子需要簡潔明了，比如“已關(guān)注”就會比“你已經(jīng)成功關(guān)注我們了”，同時標點符號應(yīng)使用中文全角標點符號，同時用來強調(diào)語氣的標點符號需要慎用。

以上就是迅優(yōu)小編給大家分享的百度智能小程序的設(shè)計規(guī)范，希望對你有所幫助。