百度智能小程序設(shè)計(jì)指南-閱讀排版
閱讀視線流
中國(guó)用戶閱讀瀏覽內(nèi)容的習(xí)慣通常是“從左往右,從上往下”,在信息排版時(shí),我們應(yīng)該把主要的信息內(nèi)容放在屏幕左上側(cè)。
認(rèn)真沉浸閱讀(Z型)
1. 從左側(cè)開(kāi)始,視線向右水平移動(dòng)閱讀;
2. 視線下移至最左側(cè),重復(fù)第1步,從上往下逐行閱讀。
快速掃視瀏覽(鋸齒型)
1. 從上至下垂直掃描;
2. 發(fā)現(xiàn)感興趣的內(nèi)容,視線從左向右水平移動(dòng)。
注意
傳統(tǒng)中文的豎向排版,對(duì)于長(zhǎng)文本場(chǎng)景閱讀效率較低,請(qǐng)謹(jǐn)慎使用。
錯(cuò)誤
內(nèi)容橫豎排版混用,閱讀視線零碎,不建議使用。
字體
當(dāng)用戶手機(jī)系統(tǒng)未自定義字體時(shí),小程序遵循以下字體展現(xiàn)響應(yīng)優(yōu)先級(jí):
開(kāi)發(fā)者可以在小程序默認(rèn)字體庫(kù)的基礎(chǔ)上,增加自定義字體庫(kù)。
開(kāi)發(fā)者使用自定義字體“楷體”; 當(dāng)用戶手機(jī)有此自定義字體時(shí),顯示自定義“楷體”。
開(kāi)發(fā)者使用自定義字體“楷體”;用戶手機(jī)無(wú)楷體時(shí),按下一優(yōu)先級(jí)字體顯示,保底情況為顯示系統(tǒng)默認(rèn)字體:iOS-蘋方-簡(jiǎn)(1);安卓-Droid Sans(2)。
字號(hào)
請(qǐng)合理使用不同字號(hào)來(lái)區(qū)分頁(yè)面的主次信息,與為了達(dá)到整體頁(yè)面信息最佳可讀性,單個(gè)模塊字號(hào)選擇不建議超過(guò) 3 種。
智能小程序提供以下幾檔基礎(chǔ)字號(hào)用于頁(yè)面布局,建議按場(chǎng)景使用適合的字號(hào),常用場(chǎng)景字號(hào)建議如下:
注:建議閱讀文本使用17pt及以上,可點(diǎn)擊文本按鈕使用12pt及以上。
顏色
建議按使用場(chǎng)景定義文本顏色,常用場(chǎng)景文本顏色建議如下:
主要信息#000000,次要信息#333333,輔助信息使用#999999,附屬信息使用#CCCCCC。
藍(lán)色用于文字鏈接或表達(dá)提醒和完成,紅色用于警告和出錯(cuò)場(chǎng)景。
來(lái)源:百度智能小程序