當前位置:首頁 >影樓數碼 >數碼后期 >最值得收藏的色彩設計方法

數碼后期 最值得收藏的色彩設計方法

文章來源:其他網絡   時間:2019-06-22 08:20:01   我要投稿  分享到
數碼后期

最值得收藏的色彩設計方法!色彩搭配是一門花樣繁多的學問,但任天下奇招再多,獨孤九劍總有破法,今天阿里的同學這篇色彩設計方法,僅有簡單3大類,但囊括了眾多頂尖的配色技巧,不可多得的集大成篇,別錯過咯。

為什么要整理設計色彩方法?

在色彩設計應用中,我們對顏色不同程度的理解,影響到設計頁面的表現,熟練地運用色彩搭配,設計時豈不事半功倍。一張優秀的設計作品,它的色彩搭配必定和諧得體,令人賞心悅目,反思我們在設計過程中,怎樣的色彩搭配更容易達到設計目的,又是什么影響了我們的配色思維呢?

以下幾點常會影響色彩搭配思維:

1. 僅關注色彩表象

2. 搭配方法不夠系統

3. 色彩與構成掌握不到位

首先,我們簡單理解一下色相和色調概念:

接下來我們按三個大類的配色方法,結合一些案例,分析色彩在頁面中的應用手法。

一、色相差而形成的配色方式

1.1 有主導色彩配色

這是由一種色相構成的統一性配色。即由某一種色相支配、統一畫面的配色,如果不是同一種色相,色環上相鄰的類似色也可以形成相近的配色效果。當然,也有一些色相差距較大的做法,比如撞色的對比,或者有無色彩的對比,但這里先講述帶主導色的配色案例。

根據主色與輔色之間的色相差不同,可以分為以下各種類型:

1.1-1? 同色系主導

1.1-2? 鄰近色主導

1.1-3? 類似色主導

1.1-4? 中差色主導

1.1-5? 對比色主導

1.1-6? 中性色主導

1.1-7 ?多色搭配下的主導


1.1-1 同色系配色

同色系配色是指主色和輔色都在統一色相上,這種配色方法往往會給人頁面很一致化的感受。

twitter的案例

整體藍色設計帶來統一印象,顏色的深淺分別承載不同類型的內容信息,比如信息內容模塊,白色底代表用戶內容,淺藍色底代表回復內容,更深一點的藍色底代表可回復操作,顏色主導著信息層次,也保持了twitter的品牌形象。

觀點:顏色差分割頁面層次和模塊,并代表不同功能任務屬性。

1.1-2 鄰近色配色

近鄰色配色方法比較常見,搭配比同色系稍微豐富,色相柔和過渡看起來也很和諧。

ALIDP的案例

純度高的色彩,基本用于組控件和文本標題顏色,各控件采用鄰近色使頁面不那么單調,再把色彩飽和度降低用于不同背景色和模塊劃分。

觀點:基于品牌色的鄰近色運用,靈活運用到各類控件中。

1.1-3 類似色配色

類似色配色也是常用的配色方法,對比不強給人色感平靜、調和的感覺。

BENMAPT的案例

紅黃雙色主導頁面,色彩基本用于不同組控件表現,紅色用于導航控件、按鈕和圖標,同時也作輔助元素的主色。利用偏橙的黃色代替品牌色,用于內容標簽和背景搭配。

觀點:基于品牌色的類似色運用,有主次地用到頁面各類控件和主體內容中。

1.1-4 中差色配色

中差色對比相對突出,色彩對比明快,容易呈現飽和度高的色彩。

facebook的案例

顏色深淺營造空間感,也輔助了內容模塊層次之分,統一的深藍色系運用,傳播品牌形象。中間色綠色按鈕起到豐富頁面色彩的作用,同時也突出綠色按鈕任務層級為最高。深藍色吊頂導航打通整站路徑,并有引導用戶向下閱讀之意。

觀點:利用色彩對比突出按鈕任務優先級,增加頁面氣氛。

1.1-5 對比色配色

主導的對比配色需要精準地控制色彩搭配和面積,其中主導色會帶動頁面氣氛,產生激烈的心理感受。

YouTube的案例

紅色的熱鬧體現內容的豐富多彩,品牌紅色賦予組控件色彩和可操作任務,貫穿整個站點的可操作提示,又能體現品牌形象。紅色多代表導航指引和類目分類,藍色代表登錄按鈕、默認用戶頭像和標題,展示用戶所產生的內容信息。

觀點:紅藍色反應不同交互和信息的可操作性,針對系統操作和用戶操作的區分。更多影樓遠程數碼后期修片教程盡在全影網。

官方微博:@全影網 http://weibo.com/7192com

官方微信:想在手機上獲取最新鮮資訊嗎?添加全影網官方微信:www7192com

免責聲明:

本站部分內容、觀點、圖片、文字、視頻來自網絡,僅供大家學習和交流,真實性、完整性、及時性本站不作任何保證或承諾。如果本站有涉及侵犯您的版權、著作權、肖像權的內容,請聯系我們(0536-8337192),我們會立即審核并處理。

我要評論

當前已有loading...個參與
驗證碼: 驗證碼,看不清楚?請點擊刷新驗證碼

名企招聘

人才求職

婚紗攝影

全影智慧節 互聯網+攝影行業發展大會X 關閉

掃描訪問手機版

北京福pk10开奖直播