法智學(xué)教育軟件課件UI設(shè)計
發(fā)表于:
發(fā)表于:
01
毛玻璃風(fēng)格有通透性的玻璃質(zhì)感,頁面輕盈,有呼吸感。圖標(biāo)的使用使得圖標(biāo)更加精致,具備透視感,可以增添頁面的活力。頁面背景采用漸變同時運用一些具有國風(fēng)元素的祥云、山等圖案使頁面更加豐富。頁面整體布局和之前沒做太大改動,廣告圖和課程從形式上做出區(qū)分。
毛玻璃風(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ì)感,加入曲線元素豐富畫面。
在視覺設(shè)計方面,我們保持了整體界面的統(tǒng)一性,同時賦予側(cè)邊導(dǎo)航獨特的風(fēng)格。通過運用品牌色彩和字體,我們讓側(cè)邊導(dǎo)航在視覺上更加突出,與其他界面元素形成良好的呼應(yīng)。
課程的選擇采用整體模塊展示,選中的課程突出展示,右側(cè)課程一屏展示6個,更多的話采用翻頁展示。
03
改變彈窗形式,以頁面載體呈現(xiàn)。毛玻璃風(fēng)格有通透性的玻璃質(zhì)感,頁面輕盈,有呼吸感。圖標(biāo)的使用使得圖標(biāo)更加精致,具備透視感,可以增添頁面的活力。
中心位置突出展示了主題內(nèi)容,無論是文字還是圖片,都經(jīng)過精心挑選和排版,以確保信息的清晰傳達(dá)。同時,四周的留白設(shè)計也為整體增添了一絲高級感,使得Banner在視覺上更加舒適和協(xié)調(diào)。而且融入了現(xiàn)代流行的設(shè)計元素和趨勢,如漸變效果、動態(tài)元素等,使得整體設(shè)計更加時尚和富有創(chuàng)意。
04
歡迎進(jìn)群每天推
送國際優(yōu)秀設(shè)計
將您的信息告訴我們,我們將盡快與您聯(lián)系!或發(fā)需求至郵箱weihua@lanlanwork.com