沉浸式瀏覽
通過放大藏經視圖的設計方式，創造一種沉浸式的瀏覽環境，用戶可以更加專注于內容，從而增加停留在界面的時間，有助于提升瀏覽體驗。
龍泉大藏經網站界面設計
發表于：2022-05-01
html前端 | 交互設計 | UI設計
01
實體藏經
選擇藏經
通過圖片選擇藏經能夠為用戶提供直觀、生動的視覺體驗。相比于純文字描述，圖片能夠更直觀地展示藏經的封面，使用戶獲得直觀印象。
02
格式標注
個人中心
“個人中心”包括用戶頭像及文字信息，用過情感化設計-放大頭像，避免了純文字的枯燥。
近期工作
“近期工作”以列表形式展現，重點突出剩余時間和操作按鈕，引導用戶的視覺聚焦。
其他內容
其他內容包括“校勘之星”“最新動態”“新聞公告”“交流分享”，四部分共同放置在頁面下方，且橫向水平等距分布，在視覺上更加和諧。
格式標注
標注內容以列表的方式呈現，按照優先級自頂至底依次排序，方便用戶快速瀏覽和操作。列表背景使用更亮的淺色且行與行之間有間隔，引導用戶關注標注信息。
標記列表
標記文字通常用于解釋、說明或強調藏經中的某些部分，將其放在右側可以確保用戶在閱讀藏經的同時，能夠輕松地獲取到這些額外的信息。這種布局方式也有助于減少用戶的認知負擔，提高閱讀效率。
03
注冊登錄
登錄頁使用左圖右文的排列方式，通過將圖像放置在左側，文字放置在右側，可以創建清晰的視覺層次感。然后用戶的視線可以自然地移動到右側的文字信息上，進一步了解登錄頁的詳細內容。
注冊頁是登錄頁的延伸頁面，可以與登錄頁互相切換。使用古典藏經圖案作為背景，上面疊加內容卡片且居中分布，在整體視覺上符合產品調性，在操作上完善各種輸入狀態的反饋。
04
界面欣賞
