伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

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

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

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

這個(gè)頁面的最初版長(zhǎng)這樣:

image.png

 

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

image.png

到底為什么要做這些改動(dòng)呢?

大概為了以下幾點(diǎn):

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

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

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

不知道大家留意過這類的設(shè)計(jì)風(fēng)格沒有,他們?cè)陧撁嬷羞\(yùn)用了很多明度較高、飽和度較高、較亮眼的顏色

image.png

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

image.png

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

image.png

背景里:

image.png

二、彩色里融入無彩色,畫面會(huì)更好看

Icon 里融入黑色面塊:

image.png

背景改成灰色:

image.png

三、使層次更豐富

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

image.png

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

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

image.png

這樣看著比較合適,我們?cè)侔呀饚诺娘L(fēng)格跟頁面調(diào)整統(tǒng)一

image.png

四、帶有透視角度的物體,運(yùn)動(dòng)感更強(qiáng)

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

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

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

image.png

最后一點(diǎn)調(diào)整

1. 將線條處理為斷線:

image.png

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

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

image.png

3. 標(biāo)題點(diǎn)綴綠色高亮,豐富頁面

image.png

 

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

蘭亭妙微(www.cqzjtgb.com )是一家專注而深入的界面設(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)的軟件開發(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

 

日歷

鏈接

個(gè)人資料

存檔

固阳县| 宁都县| 沧源| 平昌县| 灌阳县| 荃湾区| 海城市| 新竹市| 师宗县| 阿拉善左旗| 醴陵市| 广平县| 家居| 凤山县| 弥渡县| 高邑县| 宁津县| 仁寿县| 安庆市| 富裕县| 株洲市| 攀枝花市| 白城市| 黄山市| 旬阳县| 衢州市| 马关县| 胶州市| 房山区| 贵定县| 德格县| 怀来县| 邵东县| 溆浦县| 敦化市| 逊克县| 马尔康县| 阳春市| 临洮县| 利津县| 汕尾市|