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