首頁 > 網頁教程 > 設計分享 > 配色設計:色彩搭配快速入門指南分享,新手必備!

昂热对雷恩比分:配色設計:色彩搭配快速入門指南分享,新手必備!

時間:2019-09-17    來源:YI易設計

法国昂热国立音乐学院 www.sxrkbx.com.cn 一個設計作品呈現到用戶面前,第一眼進入眼簾的就是產品的視覺表現,而產品的色彩在其中起到了舉足輕重的作用,毫無疑問色彩搭配對于設計師來說是非常重要的。那么具體到實際項目中該使用什么怎樣的色彩,需要怎么做呢?下面我將逐步去分析。

色輪的概念

設計時不同電子終端上顯示的色彩都是基于 RGB 模式,是一種加色模型。色光三原色就是紅(Red)、綠(Green)和藍(Blue)。首先來了解一下色輪。

色輪,是一個非常有用的東西??梢雜紗酥憊鄣亓私獾絞裁詞僑?、互補色、類似色。在基礎色輪之上,可以建立一個色彩體系,進行項目設計時可以依據色彩體系去選擇顏色,保證了顏色使用的準確性及設計效率。

  • 同類色:15°以內
  • 鄰近色:60°以內
  • 類似色:90°以內
  • 對比色:120°~180°
  • 互補色:180°

五種搭配方法

1. 同種色搭配

使用一種色調及其相應的多種亮色和暗色,整個頁面會非常統一。

2. 類似色搭配

使用色相相近的顏色,頁面元素不會相互沖突,更加協調有質感。

3. 互補色搭配

如果選擇使用互補色,最佳搭配是一種作為主色,另一種用于強調。它們有著非常強烈的對比度,用在需要特別強調某個元素時會非常有效。

4. 分散互補色搭配

尋找三種顏色,其中兩種互相類似,另一種與它們形成對比。這個配色非常易學而且容易出效果。

5. 三角對立色搭配

顧名思義,就是色環上三角對立的顏色。最經典的就是蒙德里安風格的紅黃藍格構圖,時至今日仍然非常符合設計趨勢。

相關推薦
30個出色的網頁設計色彩搭配案例欣賞
網頁配色之色彩搭配技巧與色彩對用戶的心理作用
網頁色彩搭配教程:三個實用方法搞定網頁配色設計
色彩搭配教程:顏色對用戶究竟有哪些影響?
三分鐘幫你快速入門極簡色彩學
網頁配色設計:如何運用黃色來表達網頁的光感?
網頁配色設計:如何用藍色調搭配出天空和大海的感覺?
PANTONE潘通預測的10種2017年秋冬兩季流行色
那些配色方案能讓你的設計體驗更好?
移動應用圖標配色訣竅 APP界面配色設計教程
2015年網頁設計配色趨勢預測
QQ空間配色變遷解密:“殺集取卵”!
網頁配色教程:六條網頁設計安全配色指南
配色教程:手把手教你從大師的作品中借鑒配色靈感
網頁配色設計:紅色空間如何設計才好看?
年度總結:最新視覺設計六大趨勢分享
3個使用鮮艷配色來制作WEB/APP界面的技巧分享
5個色彩進階技巧!幫你創造更優質的網頁用戶體驗
雙色調配色、分屏式設計、空間共享式排版的網頁設計趨勢
色彩設計:色盲用戶的友好體驗,你應該注意五點
配色設計:寫給零基礎新手的配色指南
100%提升轉化率?據說懂這些色彩心理學知識就行
最受歡迎的色彩出爐了,她的名字叫馬爾斯綠
配色設計一些有趣且有用的小技巧分享
超全面的UI設計配色指南 拿走不謝!
色彩設計:配色方法論之觀感謎題
UI設計中最常用的色彩為什么是藍色?
配色設計:如何在設計中搭配出好看的顏色?
那些技巧可以幫你玩轉單色配色設計?
配色設計:如何學會給配色做減法?
UI設計:字體配色設計總結

精彩推薦

熱門教程