激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

學(xué)會這7招UI配色方案，讓你快速進階成為UI大神!

發(fā)布時間：2024-04-12 09:11:11 瀏覽量：329次

有很多對設(shè)計感興趣的朋友們，以及剛?cè)胄蠻I的朋友對設(shè)計的配色很頭疼。

經(jīng)常有朋友向u叔咨詢?nèi)绾巫龀?strong>高大上的UI設(shè)計作品，u叔經(jīng)過幾天艱苦奮斗，終于整理出來了這7招配色方案與技巧，相信這篇文章能解決朋友們所頭疼的問題。

一、掌握6:3:1配色原則

U叔先為大家介紹一下，


6:3:1 原則最早是源自于室內(nèi)設(shè)計領(lǐng)域，室內(nèi)設(shè)計師借助這一原則，創(chuàng)造出協(xié)調(diào)的室內(nèi)設(shè)計配色。

u叔認(rèn)為這一原則就是為了達到平衡的配色，將幾種色彩遵循60%—30%—10%這樣的色彩配比。

其中占據(jù)60% 的是主色，30%則是輔助色，而占據(jù)10%的色彩應(yīng)當(dāng)為強調(diào)色。

朋友們只要掌握這個原則，u叔相信你的作品顏色搭配就不會跑偏。

二、色彩的對比

u叔認(rèn)為色彩的對比幾乎是任何視覺構(gòu)圖的關(guān)鍵部分。


對比度創(chuàng)造了UI元素的差異，也賦予它們以性格。值得朋友們注意的是，UI當(dāng)中來自同一色系的色彩往往不會呈現(xiàn)出明顯的對比度，而可識別度較低的文本更是界面信息傳達和交互的障礙。

我們需要根據(jù)設(shè)計目標(biāo)，來合理地控制整個作品色彩的對比度高低。

u叔來為大家舉個例子，如果你需要讓用戶注意到特定的元素，那么最好使用高對比度的色彩來達到引人矚目的視覺體驗，比如使用高對比度的紅色和藍色。

CTA按鈕常常就是使用這樣的色彩。

但是u叔認(rèn)為，如果將UI視作為整體的話，高對比度的色彩可能并總能奏效。

文本內(nèi)容和背景的對比需要控制在一個合理的度上面，否則就會因為對比過大產(chǎn)生「暈影」的視覺效果，這會影響用戶長時間閱讀的閱讀體驗。

所以u叔建議朋友們采用溫和的對比度控制，并且只在特定的元素上使用高對比度。

通過在不同的設(shè)備上測試，可以讓我們的作品保持配色的可用性和泛用性。

三、色彩心理學(xué)

我們所熟知的設(shè)計工作流程都是基于心理學(xué)原理開展的。

色彩心理學(xué)是和設(shè)計息息相關(guān)的一個心理學(xué)分支，它主要研究色彩對于人類情緒和行為上的影響。

我們大腦對于色彩的反應(yīng)其實是相當(dāng)敏感和多樣的，但是在日常生活中我們很難直觀地、迅速地感受到。

當(dāng)人的眼睛感知到一種色彩的時候，會向大腦內(nèi)的分泌系統(tǒng)發(fā)出信號，并且釋放刺激產(chǎn)生對應(yīng)情緒的激素。

色環(huán)

u叔認(rèn)為每種色彩對于我們的感知和思維都有獨特的影響力，了解這些可能的反應(yīng)最終可以幫助我們正確地傳遞信息，并且引導(dǎo)用戶按照我們的預(yù)期來執(zhí)行。

下面u叔為大家介紹一些顏色的基本的特征和含義：

· 紅色：象征愛情，自信，激情和憤怒，它是充滿活力和溫暖的色彩，給人帶來興奮的感覺。

紅

· 黃色：能傳遞出幸福，陽光，喜悅和溫暖的情緒。

黃

· 綠色：則常常能給人自然、清新、富有生命力的感覺。

綠

· 藍色：是目前最受歡迎的顏色之一，企業(yè)常常會使用藍色來傳遞自信和讓人信賴的感覺。


藍

· 紫色：和皇室、財富關(guān)聯(lián)密切，這也是代表神秘和茉莉的色彩。

紫

· 黑色：雖然和死亡、悲劇有關(guān)，但是也能營造沉穩(wěn)大氣的高級感。

黑

· 白色：代表純潔無暇，傳達出高雅，純粹和清晰的感覺。

白

除此之外，我們還需要明白一個事情，就是人和人的視覺感受通常是不同的，對于色彩的認(rèn)知還受到文化背景的影響，性別的因素對于色彩偏好的影響也不小。

因此，u叔認(rèn)為了解我們用戶的特征是很有必要的。

四、色彩心理學(xué)

朋友們都知道文化背景對于色彩有著深刻的影響。

不同的文化有著不同的傳統(tǒng)文化和信仰特征，甚至同一種顏色在不同的國家有著截然不同的解讀方式。


秀禾服


婚紗

白色在歐美國家常常象征著純潔和高貴，但是在亞洲地區(qū)，喪事也常常被稱為“白事”，代表著死亡和悲傷。

在中國，色彩飽和度高的正色是傳承了幾千年的視覺文化元素，但是在日本，卻以間色和低飽和度的色彩為美。

u叔建議大家在設(shè)計之前，應(yīng)該深入了解受眾當(dāng)?shù)氐奈幕卣?，這樣才能讓我們更好的降低被誤解的風(fēng)險，創(chuàng)造出優(yōu)秀的設(shè)計。

五、色彩協(xié)調(diào)

u叔認(rèn)為協(xié)調(diào)的UI設(shè)計是設(shè)計師的目標(biāo)之一，而這意味著配色一定要和諧并令人感到舒適。

我們可以通過色彩來營造富有吸引力的協(xié)調(diào)設(shè)計，能夠讓用戶清晰明了地感知到UI中的內(nèi)容，同時留下良好的第一印象。

隨著u叔多年的摸索，在配色方案上總結(jié)了一些基本的配色方法：

· 單色配色。單色配色并不是說只有一種顏色，而是基于同一色系來進行配色，不同明暗、飽和度的色彩組合到一起，構(gòu)成配色方案。

單色配色

· 類似色。在色輪上彼此靠近的顏色構(gòu)成的配色方案。

類似色

· 對比色。色輪上彼此處于相對位置的色彩能夠構(gòu)成鮮明的對比，這些對比色能夠構(gòu)成高對比度的配色方案。

對比色

· 拆分互補色。拆分互補色的配色原理和互補色相似，但是不同的地方在于，這樣的配色當(dāng)中會采用更多的顏色，當(dāng)你選擇藍色之后，與之搭配的不是對位上的橙色，而是橙色兩側(cè)的黃色和紅色。

互補色

· 三元色。它是在色輪上挑選互為120度角的三個顏色類進行配色。使用其中的一種色彩為主導(dǎo)，另外兩種色彩用來提亮。

三原色

· 雙互補色。采用兩對互補色來作為主要的配色方案。

六、自然獲取配色

u叔認(rèn)為：大自然是世界上最好的藝術(shù)家和設(shè)計師。

我們在自然環(huán)境中看到的色彩組合大多都非常的協(xié)調(diào)，甚至可以說接近完美。

人們所喜歡的日落和黎明，喜歡秋日的落葉和冬天的山野，因為這些色彩組合有著獨特的美感。


所以u叔建議大家嘗試從自然風(fēng)景中獲取配色。

后期u叔會為朋友們詳細(xì)介紹如何從自然風(fēng)景中獲取想要的配色。

七、配色網(wǎng)站

U叔在這里為朋友們分享了一些優(yōu)秀的配色網(wǎng)站，希望能夠幫助大家。

配色網(wǎng)站

漂亮的漸變顏色：

https://uigradients.com/#CoolSky

colourlovers:

//www.colourlovers.com/

colorfavs:

http://www.colorfavs.com/

日本傳統(tǒng)色詞典：

http://nipponcolors.com/

kuler：

https://color.adobe.com/zh/

U叔送個朋友們一段話：

在我們追夢的過程，必須有堅強的信念。

無論你的起點是什么樣的，前方都有一條適合你的道路等著你。

遇到最困難的事情時，你只有兩個選擇，敢或不敢！

如果你有設(shè)計夢想就不要放棄，不要糾結(jié)，不要猶豫，有夢想我們一起實現(xiàn)。

雖然追夢的道路很艱辛，但是在這條路上我們會遇見別樣的風(fēng)景讓我們一起為夢想前行吧。

U叔會陪伴朋友們在設(shè)計這條道路上一直走下去的。

END

本文由【UI進階手冊】在今日頭條原創(chuàng)首發(fā)，歡迎轉(zhuǎn)載，轉(zhuǎn)載請注明文字來源。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定