2.2 項目設計與準備

2.2.1 設計用戶交互流程

項目運行時，首先呈現“導入”界面，然后自動切換到“書架”界面，其中有4個書籍封面圖和1個懸浮按鈕。單擊書籍封面圖可以將界面切換到對應的“樂讀”界面，單擊懸浮按鈕可以將界面切換到“聯系我們”界面。單擊手機的〈Back〉鍵時，可以退出展示界面，直至退出應用程序。

“走進四書”項目的交互流程如圖2-9所示。

2.2.2 設計用戶界面

1.“導入”界面

“導入”界面是項目的第一個用戶界面，在此界面中只包含一幅圖片，全屏（即無標題欄）顯示，使用漸現的動畫效果。這樣一方面可以向用戶逐漸引出項目主題，另一方面可以使得項目比較有動感。“導入”界面效果如圖2-10所示。

2.“書架”界面

如前文所述，“書架”界面主要向用戶展示可以閱讀的書目，界面中包含《大學》《中庸》《論語》和《孟子》四本書的封面圖。此外右上角還有一個懸浮按鈕，標題處顯示“書架”，“書架”界面效果如圖2-11所示。

3.“樂讀”界面

“樂讀”界面主要向用戶提供與書籍有關的具體內容。界面中最上方顯示人物故事的圖片，中間部分用于顯示書籍名稱和作者姓名，下方是書籍的內容梗概，可滾動瀏覽。圖片、名稱以及內容與“書架”中選擇的書籍相關。“樂讀”界面效果如圖2-12a～d所示。

4.“聯系我們”界面

“聯系我們”是項目的輔助功能，用于向用戶介紹和推廣業務。“聯系我們”界面效果如圖2-13所示。

2.2.3 準備項目素材

1.圖片素材

“走進四書”項目的各個界面中需要用到一系列圖片，這些素材需要在項目實施之前收集齊備，調整好尺寸大小并妥善命名。

項目中各個圖片素材的名稱、用途說明和尺寸規格如表2-1所示。

2.文字素材

項目實施前還需要將要提供給用戶閱讀的內容和文字準備齊全，并保存在無格式的記事本或寫字板等文件中。由于篇幅所限，本書中僅為用戶提供了內容梗概的文字，詳見第2.3.2節，此處不再贅述。