百度智能小程序 閱讀排版

2020-08-28 15:57 更新

閱讀排版

閱讀視線流

中國用戶閱讀瀏覽內(nèi)容的習(xí)慣通常是“從左往右,從上往下”,在信息排版時,我們應(yīng)該把主要的信息內(nèi)容放在屏幕左上側(cè)。

認(rèn)真沉浸閱讀(Z型)

1. 從左側(cè)開始,視線向右水平移動閱讀;

2. 視線下移至最左側(cè),重復(fù)第1步,從上往下逐行閱讀。

快速掃視瀏覽(鋸齒型)

1. 從上至下垂直掃描;

2. 發(fā)現(xiàn)感興趣的內(nèi)容,視線從左向右水平移動。



注意

傳統(tǒng)中文的豎向排版,對于長文本場景閱讀效率較低,請謹(jǐn)慎使用。

錯誤

內(nèi)容橫豎排版混用,閱讀視線零碎,不建議使用。

字體

當(dāng)用戶手機(jī)系統(tǒng)未自定義字體時,小程序遵循以下字體展現(xiàn)響應(yīng)優(yōu)先級:






開發(fā)者可以在小程序默認(rèn)字體庫的基礎(chǔ)上,增加自定義字體庫。

開發(fā)者使用自定義字體“楷體”; 當(dāng)用戶手機(jī)有此自定義字體時,顯示自定義“楷體”。


開發(fā)者使用自定義字體“楷體”;用戶手機(jī)無楷體時,按下一優(yōu)先級字體顯示,保底情況為顯示系統(tǒng)默認(rèn)字體:iOS-蘋方-簡(1);安卓-Droid Sans(2)。

字號

請合理使用不同字號來區(qū)分頁面的主次信息,與為了達(dá)到整體頁面信息最佳可讀性,單個模塊字號選擇不建議超過 3 種。智能小程序提供以下幾檔基礎(chǔ)字號用于頁面布局,建議按場景使用適合的字號,常用場景字號建議如下:



注:建議閱讀文本使用17pt及以上,可點(diǎn)擊文本按鈕使用12pt及以上。


顏色

建議按使用場景定義文本顏色,常用場景文本顏色建議如下:

  1. 主要信息#000000,次要信息#333333,輔助信息使用#999999,附屬信息使用#CCCCCC。

  1. 藍(lán)色用于文字鏈接或表達(dá)提醒和完成,紅色用于警告和出錯場景。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號