淺色方案
簡潔、清爽，能夠讓界面看起來更為干凈、整潔，減少視覺上的干擾，使用戶更專注于內(nèi)容本身
如是藏經(jīng)匯網(wǎng)站UI設(shè)計
發(fā)表于：2024-04-20
UI設(shè)計 | 視覺設(shè)計
01
設(shè)計方案
深色方案
可以使界面上的內(nèi)容更加突出，提升重要信息的可視性，吸引用戶的注意力。使界面更具層次感，
02
檢索閱讀
區(qū)域和層級劃分
使用卡片和分割線層層劃分內(nèi)容簡單閱讀不跳到新頁面，半屏展示
檢索區(qū)域
檢索區(qū)域的展開和收起，更加節(jié)省空間
圖標(biāo)去文字化
（主流風(fēng)格）鼠標(biāo)懸浮狀態(tài)有功能說明，更加簡潔。
按頁閱讀
閱讀和操作區(qū)域分開，所有按鈕置頂集中排布，操作區(qū)盡量簡化，閱讀時減少干擾。左側(cè)有目錄和縮略圖切換。
按列閱讀
古書按列呈現(xiàn)，每一列都制成為長卡片，古體字和簡體字一一對應(yīng)，內(nèi)容和背景區(qū)分開且大量留白，列與列劃分明顯
03
個人中心
通過在內(nèi)容下方疊加圖片，可以打破單一的文本布局，為頁面增添視覺層次感，避免頁面顯得過于空曠。 分割線能夠?qū)⒋蠖涡畔澐譃楦〉亩温洌瑴p少用戶的閱讀壓力。同時，它還能夠突出信息，幫助用戶更快地找到所需內(nèi)容，提高閱讀效率。
04
界面欣賞
其他案例
-
2018 12/27
網(wǎng)站設(shè)計｜視覺設(shè)計｜交互設(shè)計
人音教育網(wǎng)站及移動端界面設(shè)計
-
2019 06/16
網(wǎng)站設(shè)計｜視覺設(shè)計｜交互設(shè)計
中華民族音樂傳承出版工程服務(wù)平臺界面設(shè)計
-
2022 05/12
網(wǎng)站設(shè)計｜視覺設(shè)計｜VUE前端開發(fā)
“夢回紅樓”區(qū)塊鏈網(wǎng)站設(shè)計及VUE前端開
-
2020 01/22
網(wǎng)站設(shè)計｜視覺設(shè)計｜前端開發(fā)
胡人俑數(shù)字博物館網(wǎng)站設(shè)計、交互設(shè)計和前端