<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 高手是如何做UI界面優化的?來看實戰案例!

    2025-4-16    lanlanwork

    今天來做的這個頁面,光是一開始就薅了好久的頭發。

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

    image.png

     

    最后調整為這樣:

    image.png

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

    大概為了以下幾點:

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

    除了這幾大點之外,過程中還有一些細節小點,接下來分享給大家

    一、當畫面中有很多亮色時,需要有黑色壓下去

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

    image.png

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

    image.png

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

    image.png

    背景里:

    image.png

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

    Icon 里融入黑色面塊:

    image.png

    背景改成灰色:

    image.png

    三、使層次更豐富

    現在卡片的層次大致分為三層:

    image.png

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

    這樣使頭部卡片更豐富、在頁面中更強調:

    image.png

    這樣看著比較合適,我們再把金幣的風格跟頁面調整統一

    image.png

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

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

    當加入一些側面,變化就很明顯:

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

    image.png

    最后一點調整

    1. 將線條處理為斷線:

    image.png

    2. 調整卡片紋理

    卡片紋理依舊用以前的還是有些瑣碎了,所以將紋理調整的更整體,再用一些較細的線和元素進行點綴即可!

    image.png

    3. 標題點綴綠色高亮,豐富頁面

    image.png

     

    本文由原創「菜心設計鋪」,歡迎關注作者的微信公眾號:「菜心設計鋪」

    蘭亭妙微(www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

     

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 久久精品无码免费不卡| 中文字幕一精品亚洲无线一区| 久久精品国产亚洲av瑜伽| 国产亚洲欧美精品永久| 久久免费99精品国产自在现线| 国产精品视频白浆免费视频| 久久99精品久久久久久水蜜桃| 国内精品免费视频精选在线观看| 亚洲精品和日本精品| 国产精品成人国产乱一区 | 久久精品国产亚洲一区二区| 亚洲精品无码午夜福利中文字幕 | 国产精品臀控福利在线观看 | 99爱在线视频这里只有精品| 凹凸国产熟女精品视频app| 亚洲精品无码高潮喷水在线| 久久久久成人精品无码| 国产精品免费观看视频| 久久精品国产91久久综合麻豆自制 | 成人精品一区二区三区免费看 | 国产精品日韩欧美在线第3页| 久久精品国产免费| 99精品视频在线| 国产区精品一区二区不卡中文| 亚洲AV第一页国产精品| 一夲道无码人妻精品一区二区| 日韩三级精品| 尤物国精品午夜福利视频| 亚洲第一区精品观看| 亚洲一区无码精品色| 亚洲欧美日韩精品专区| 中文字幕一精品亚洲无线一区 | 欧美人与性动交α欧美精品成人色XXXX视频 | 精品日韩欧美国产| 九色精品视频在线观看| 精品精品国产高清a毛片| 国产观看精品一区二区三区 | 亚洲精品白浆高清久久久久久| 亚洲午夜福利精品久久| 亚洲精品乱码久久久久久蜜桃不卡| 亚洲国产成人久久精品99|