2024-11-13 藍(lán)藍(lán)設(shè)計(jì)的小編 系統(tǒng)UI設(shè)計(jì)文章及欣賞
首頁(yè)方案:
毛玻璃風(fēng)格有通透性的玻璃質(zhì)感,頁(yè)面輕盈,有呼吸感。圖標(biāo)的使用使得圖標(biāo)更加精致,具備透視感,可以增添頁(yè)面的活力。頁(yè)面背景采用漸變同時(shí)運(yùn)用一些具有國(guó)風(fēng)元素的祥云、山等圖案使頁(yè)面更加豐富。頁(yè)面整體布局和之前沒(méi)做太大改動(dòng),廣告圖和課程從形式上做出區(qū)分。
采用卡片和3d圖標(biāo)相結(jié)合的表現(xiàn)形式,同時(shí)每個(gè)卡片采用不同的顏色打破原來(lái)沉悶的背景,紅色背景疊加一些紋理等中國(guó)元素更好的契合”法智“主題。頁(yè)面整體布局上做了較大改動(dòng),廣告圖放在中間,五門(mén)課程放在兩側(cè),此布局整體更加協(xié)調(diào)頁(yè)面大氣。
方案亮點(diǎn):
微漸變
調(diào)整背景亮度,運(yùn)用微漸變的形式,是界面更具質(zhì)感,加入曲線元素豐富畫(huà)面。
導(dǎo)航獨(dú)特
在視覺(jué)設(shè)計(jì)方面,我們保持了整體界面的統(tǒng)一性,同時(shí)賦予側(cè)邊導(dǎo)航獨(dú)特的風(fēng)格。通過(guò)運(yùn)用品牌色彩和字體,我們讓側(cè)邊導(dǎo)航在視覺(jué)上更加突出,與其他界面元素形成良好的呼應(yīng)。
布局優(yōu)化
課程的選擇采用整體模塊展示,選中的課程突出展示,右側(cè)課程一屏展示6個(gè),更多的話采用翻頁(yè)展示。
設(shè)計(jì)原則和理念:
毛玻璃風(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在視覺(jué)上更加舒適和協(xié)調(diào)。而且融入了現(xiàn)代流行的設(shè)計(jì)元素和趨勢(shì),如漸變效果、動(dòng)態(tài)元素等,使得整體設(shè)計(jì)更加時(shí)尚和富有創(chuàng)意。
UI設(shè)計(jì)公司-北京蘭亭妙微科技有限公司的網(wǎng)站www.jghy.net
地址:北京昌平區(qū)天通苑中苑61號(hào)樓4單元1502室
藍(lán)藍(lán)設(shè)計(jì)(www.jghy.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net