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