91成人精品,神马影院东京干,国产一级做a爰片久久 亚洲日韩欧美一区二区三区_国产AV无码专区亚洲AV

高手是如何做UI界面優(yōu)化的？來看實戰(zhàn)案例！

2025-4-16    lanlanwork 行業(yè)趨勢

今天來做的這個頁面，光是一開始就薅了好久的頭發(fā)。

這個頁面的最初版長這樣：

image.png

 

最后調(diào)整為這樣：

image.png

到底為什么要做這些改動呢？

大概為了以下幾點：

  1. 當(dāng)畫面中有很多亮色時，需要有黑色壓下去
  2. 彩色里融入無彩色，畫面會更好看
  3. 使層次更豐富
  4. 帶有透視角度的物體，運動感更強

除了這幾大點之外，過程中還有一些細(xì)節(jié)小點，接下來分享給大家

一、當(dāng)畫面中有很多亮色時，需要有黑色壓下去

不知道大家留意過這類的設(shè)計風(fēng)格沒有，他們在頁面中運用了很多明度較高、飽和度較高、較亮眼的顏色

image.png

為了能壓住頁面，也都用了一塊面積的黑色，不讓整個頁面顯得很輕、很浮。黑色的文字和圖標(biāo)也是起到這樣的作用

image.png

當(dāng)然黑色面積也不一定非得用在按鈕上，比如插畫、圖片上：

image.png

背景里：

image.png

二、彩色里融入無彩色，畫面會更好看

Icon 里融入黑色面塊：

image.png

背景改成灰色：

image.png

三、使層次更豐富

現(xiàn)在卡片的層次大致分為三層：

image.png

在此基礎(chǔ)上，嘗試再加一層，讓金幣從畫面中凸出來。

這樣使頭部卡片更豐富、在頁面中更強調(diào)：

image.png

這樣看著比較合適，我們再把金幣的風(fēng)格跟頁面調(diào)整統(tǒng)一

image.png

四、帶有透視角度的物體，運動感更強

現(xiàn)在的金幣是扁平的，不太像金幣，更像貼紙，扁平的拍在畫面上。

當(dāng)加入一些側(cè)面，變化就很明顯：

  1. 能夠豐富金幣插畫的層次，看著更精致
  2. 也讓金幣更像是立體的，像在往畫面里飛

image.png

最后一點調(diào)整

1. 將線條處理為斷線：

image.png

2. 調(diào)整卡片紋理

卡片紋理依舊用以前的還是有些瑣碎了，所以將紋理調(diào)整的更整體，再用一些較細(xì)的線和元素進行點綴即可！

image.png

3. 標(biāo)題點綴綠色高亮，豐富頁面

image.png

 

本文由原創(chuàng)「菜心設(shè)計鋪」，歡迎關(guān)注作者的微信公眾號：「菜心設(shè)計鋪」

蘭亭妙微(www.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍(lán)小助微信ben_lanlan

 

日歷

鏈接

個人資料

存檔