2025-4-16 lanlanwork 網(wǎng)站設(shè)計(jì)文章及欣賞
今天來做的這個(gè)頁面，光是一開始就薅了好久的頭發(fā)。
這個(gè)頁面的最初版長(zhǎng)這樣：
最后調(diào)整為這樣：
到底為什么要做這些改動(dòng)呢？
大概為了以下幾點(diǎn)：
除了這幾大點(diǎn)之外，過程中還有一些細(xì)節(jié)小點(diǎn)，接下來分享給大家
不知道大家留意過這類的設(shè)計(jì)風(fēng)格沒有，他們?cè)陧撁嬷羞\(yùn)用了很多明度較高、飽和度較高、較亮眼的顏色
為了能壓住頁面，也都用了一塊面積的黑色，不讓整個(gè)頁面顯得很輕、很浮。黑色的文字和圖標(biāo)也是起到這樣的作用
當(dāng)然黑色面積也不一定非得用在按鈕上，比如插畫、圖片上：
背景里：
Icon 里融入黑色面塊：
背景改成灰色：
在此基礎(chǔ)上，嘗試再加一層，讓金幣從畫面中凸出來。
這樣使頭部卡片更豐富、在頁面中更強(qiáng)調(diào)：
這樣看著比較合適，我們?cè)侔呀饚诺娘L(fēng)格跟頁面調(diào)整統(tǒng)一
現(xiàn)在的金幣是扁平的，不太像金幣，更像貼紙，扁平的拍在畫面上。
當(dāng)加入一些側(cè)面，變化就很明顯：
最后一點(diǎn)調(diào)整
1. 將線條處理為斷線：
2. 調(diào)整卡片紋理
卡片紋理依舊用以前的還是有些瑣碎了，所以將紋理調(diào)整的更整體，再用一些較細(xì)的線和元素進(jìn)行點(diǎn)綴即可！
3. 標(biāo)題點(diǎn)綴綠色高亮，豐富頁面
本文由原創(chuàng)「菜心設(shè)計(jì)鋪」，歡迎關(guān)注作者的微信公眾號(hào)：「菜心設(shè)計(jì)鋪」
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gerard.com.cn