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

一個(gè)頁(yè)面精美、瀏覽體驗(yàn)極佳的百度智能小程序是怎么樣制作出來(lái)的呢？其實(shí)僅需注意以下幾點(diǎn)就能輕松搞定。

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

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

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

文字部分：

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

圖片部分：

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

圖標(biāo)部分：

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

說(shuō)明以及提示語(yǔ)言：

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

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