火星網(wǎng)校
UI設(shè)計(jì)配色技巧總結(jié)
發(fā)布時(shí)間：2024-03-25 13:54:14 瀏覽量：176次
UI設(shè)計(jì)中配色是重中之重，今天分享的就是UI設(shè)計(jì)配色技巧總結(jié)。
流行色彩，還包含了色彩運(yùn)用的技巧關(guān)鍵字，如果你正在做UI，不管是Web UI還是 APP UI，都值得看看。
NO.1 對(duì)比
少量暖色與大面積藍(lán)綠色，形成強(qiáng)烈的對(duì)比，即干凈又顯得專業(yè)。
NO.2 藝術(shù)
梵高美術(shù)館官網(wǎng)，配色取自他的作品，溫暖的黃色、豐富的藍(lán)色配合清爽的綠色。
NO.3 優(yōu)雅
溫和的金色與白色調(diào)，形成鮮明的對(duì)比，簡(jiǎn)單、優(yōu)雅。
NO.4 現(xiàn)代
橙色和藍(lán)色打造出充滿活力的明亮色，再加入一點(diǎn)點(diǎn)灰色平衡，使整個(gè)配色有趣又不會(huì)跳躍。
NO.5 霓虹
強(qiáng)色調(diào)的霓虹搭配暗黑背景形成高對(duì)比度，呈現(xiàn)出的效果非常驚人。
NO.6 冷色
飽和色調(diào)搭配冷灰色，形成優(yōu)雅的效果。
NO.7 熱情
墨染式混合冷暖調(diào)，創(chuàng)造出一個(gè)獨(dú)特的氛圍。
NO.8 清爽
藍(lán)、灰、白打造清爽的背景，紅色引領(lǐng)了視覺的焦點(diǎn)。
NO.9 暖色調(diào)
干凈的畫面用淺棕色作背景，低調(diào)又不失溫暖。
NO.10 敏銳的現(xiàn)代風(fēng)
吸引眼球的青綠色博得焦點(diǎn)，給人一種簡(jiǎn)單的新鮮、現(xiàn)代感。
NO.11 酷炫
暖色的橘黃色結(jié)合冷色的青銅灰色，搭配出大膽的酷炫效果。
NO.12 粉嫩
清淡柔和的色彩打造出明亮有趣的畫面。
NO.13 復(fù)古
明亮的復(fù)古風(fēng)。
NO.14 干凈優(yōu)雅
大面積的紫色，干凈利落。
NO.15 活力
明亮的藍(lán)色、橙色、黃色搭配淺灰，不僅體現(xiàn)了專業(yè)，也充滿了活力。
NO.16 優(yōu)雅成熟
來自藝術(shù)的靈感，金黃色點(diǎn)綴著深藍(lán)色。
NO.17 清爽夏日
當(dāng)夏季我們只能聯(lián)想到紅色、橙色時(shí)。這位設(shè)計(jì)師卻用心的捕捉到季節(jié)性的藍(lán)色調(diào)，調(diào)和大地色。
NO.18 權(quán)威
海軍藍(lán)搭配醒目黃，形成鮮明對(duì)比，給人一種現(xiàn)代而權(quán)威的即視感。
NO.19 大膽活力
大膽地使用黑色和白色，強(qiáng)烈的反差使得畫面更加有趣。
NO.20 清新
清新靚麗的藍(lán)綠漸變色。
NO.21 愉悅
大量的空白，鮮艷的橙色，再用一個(gè)中性藍(lán)平衡暖色，熱情愉悅的現(xiàn)代風(fēng)。
NO.22 奢華
冷色調(diào)海軍藍(lán)，加上暖色系的褐色，以及少量鮮艷的紅色，創(chuàng)造了一個(gè)奢華的視覺。
NO.23 引人矚目的獨(dú)特
低飽和度的紅，搭配各種藍(lán)，創(chuàng)造出這種引人矚目的獨(dú)特。
NO.24 另類
紫色與綠色的搭配，讓人意想不到的另類。
NO.25 復(fù)古
豐富的色彩營(yíng)造了復(fù)古的氣息，用淺黃色強(qiáng)化了這種效果。
NO.26 干凈的復(fù)古
土紅色配以清新的綠，散發(fā)優(yōu)雅的古典魅力。
NO.27 醒目
平衡了高飽和度顏色，創(chuàng)造出令人驚嘆的效果。
NO.28 清新活潑
鮮艷的顏色創(chuàng)建一個(gè)有趣且充滿活力的氛圍，又不失專業(yè)性。
NO.29 干凈清新
不同深淺的藍(lán)色與灰色搭配，打造了一個(gè)干凈清新又不會(huì)枯燥乏味的色板。
NO.30 多彩
通過大面積白色來平衡多彩色調(diào)，創(chuàng)造一個(gè)充滿活力，豐富多彩又不會(huì)繁雜的頁面。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎？這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
-
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型，你get到了嗎？
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
-
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
-
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計(jì)師看的書籍，輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
-
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣？想學(xué)UI設(shè)計(jì)要多少錢？
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎？不知道學(xué)UI設(shè)計(jì)要花多少錢？不妨看看這篇文章，了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
-
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
