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