法智學(xué)教育軟件課件UI設(shè)計
發(fā)表于：
01
首頁方案
方案1
毛玻璃風(fēng)格有通透性的玻璃質(zhì)感，頁面輕盈，有呼吸感。圖標(biāo)的使用使得圖標(biāo)更加精致，具備透視感，可以增添頁面的活力。頁面背景采用漸變同時運用一些具有國風(fēng)元素的祥云、山等圖案使頁面更加豐富。頁面整體布局和之前沒做太大改動，廣告圖和課程從形式上做出區(qū)分。
方案1
毛玻璃風(fēng)格有通透性的玻璃質(zhì)感，頁面輕盈，有呼吸感。圖標(biāo)的使用使得圖標(biāo)更加精致，具備透視感，可以增添頁面的活力。頁面背景采用漸變同時運用一些具有國風(fēng)元素的祥云、山等圖案使頁面更加豐富。頁面整體布局和之前沒做太大改動，廣告圖和課程從形式上做出區(qū)分。
設(shè)計后
采用卡片和3d圖標(biāo)相結(jié)合的表現(xiàn)形式，同時每個卡片采用不同的顏色打破原來沉悶的背景，紅色背景疊加一些紋理等中國元素更好的契合”法智“主題。頁面整體布局上做了較大改動，廣告圖放在中間，五門課程放在兩側(cè)，此布局整體更加協(xié)調(diào)頁面大氣。
設(shè)計前
采用卡片和3d圖標(biāo)相結(jié)合的表現(xiàn)形式，同時每個卡片采用不同的顏色打破原來沉悶的背景，紅色背景疊加一些紋理等中國元素更好的契合”法智“主題。頁面整體布局上做了較大改動，廣告圖放在中間，五門課程放在兩側(cè)，此布局整體更加協(xié)調(diào)頁面大氣。
設(shè)計前
設(shè)計后
02
法治實踐課
微漸變
調(diào)整背景亮度，運用微漸變的形式，是界面更具質(zhì)感，加入曲線元素豐富畫面。
導(dǎo)航獨特
在視覺設(shè)計方面，我們保持了整體界面的統(tǒng)一性，同時賦予側(cè)邊導(dǎo)航獨特的風(fēng)格。通過運用品牌色彩和字體，我們讓側(cè)邊導(dǎo)航在視覺上更加突出，與其他界面元素形成良好的呼應(yīng)。
布局優(yōu)化
課程的選擇采用整體模塊展示，選中的課程突出展示，右側(cè)課程一屏展示6個，更多的話采用翻頁展示。
03
AI雙師法治實踐課
毛玻璃風(fēng)格
改變彈窗形式，以頁面載體呈現(xiàn)。毛玻璃風(fēng)格有通透性的玻璃質(zhì)感，頁面輕盈，有呼吸感。圖標(biāo)的使用使得圖標(biāo)更加精致，具備透視感，可以增添頁面的活力。
布局優(yōu)化
中心位置突出展示了主題內(nèi)容，無論是文字還是圖片，都經(jīng)過精心挑選和排版，以確保信息的清晰傳達。同時，四周的留白設(shè)計也為整體增添了一絲高級感，使得Banner在視覺上更加舒適和協(xié)調(diào)。而且融入了現(xiàn)代流行的設(shè)計元素和趨勢，如漸變效果、動態(tài)元素等，使得整體設(shè)計更加時尚和富有創(chuàng)意。
04
界面欣賞
