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