設計中的色彩使用,學會這幾招足矣!
設計中的色彩使用,學會這幾招足矣!-移動閱讀二維碼

大寶大寶:關于設計色彩的文章,我寫的不多(好像木有吧…),也許是自身也并不太擅長,前些天恰巧看外文文章,一個國外設計師寫的一篇基礎的色彩運用文章,清晰明了,也比較適合剛入行的設計師們閱讀學習,所以進行了轉譯,分享給大家。

顏色是一個設計師手中強大的力量。 它吸引你的眼睛,喚起你的情緒,連接各種含義。在一個被廣泛引用的色彩研究題目對市場的影響中,研究人員發現,人們購買產品時,90%草率做出決定的人是單獨根據顏色來選擇的。因此,有效地利用色彩來設計非常重要。但是,不同的顏色進行組合也很困難。每種顏色都有自己的意思,也可以進行多種多樣的組合。這篇文章的目的是作為一個指南,以幫助你拿出調色板的設計。鼓勵你去探索更多的顏色,幫助你開發出對于色彩組合的良好直覺。

一.選擇調色板

有時,一個調色板是靈光一現的結果。但大多數時候,它是系統化方法的結果。

1.確定目標

做任何事情之前,首先確定你的設計目的。問問自己以下幾個問題:

你想傳達的設計信息是什么?

你的設計的目的是什么?為了傳達信息?為了說服?

你的設計要表達的情感是什么?

你設計的目的應當作為你選擇調色板的向導。

2.找出你的聽眾

人們感知到的顏色不同。顏色基于個人喜好,文化教養和生活體驗,有不同的效果。因此,為了了解人們對你設計作品的反應,你需要確定你的聽眾。

有些顏色的含義是普遍大眾的,有些則不是。比如紅色在不同文化里有不同的解釋。在西方世界,紅色與火,暴力和戰爭有關,但它也代表了愛和激情,然而,在中國就把紅色與繁榮和幸福聯系了起來。

由于顏色有這么多不同的含義,設計的顏色與目標受眾的心理模型匹配很重要。

3.回顧色彩理論

當選擇一個調色板時,你有時會順便了解一些色彩理論。色彩理論是混合顏色的邏輯結構和現實顏色的指導意義。它包括一切在色輪的顏色的各種含義。

4.尋找靈感

有時很難選出正確的調色板來進行設計。但沒關系,偉大的藝術家偷竊?;蛘哒f,他們在其他藝術家的作品是獲取靈感。作為調色板靈感獲取網站——Dribbble、Behance。如果你想找到一個特定的設計風格來獲取色彩靈感,,比如材料設計風格,你可以使用像MaterialUI這類的網站。平面設計可以在FlatUIColors獲取靈感。

這些網站是有用的,但盡量搜集那些你正在設計的相關有用信息,這樣做有助于你想出意外獨特且清新悅目的色彩調色板。舉個例子,可以看看室內設計。

如果你想要不同的東西,在其他文化的設計中尋找色彩靈感。例如,韓國音樂視頻集設計被稱為繽紛醒目的調色板。每一幀都可以作為靈感的源泉。

但是你不必去韓國找色彩靈感。它無處不在,甚至包括你的日常生活。你出去的時間,停下來欣賞你周圍的顏色,就可以獲得色彩靈感。當你找到激勵你的東西,為它創建一個調色板。你可以在最喜歡的設計程序中使用滴管工具,梳理出一個調色板并在必要時進行調整。

5.建立系統的設計

設計系統,有時也被稱為風格指南,是包含了你設計中的所有設計元素的設計框架。這包括從按鈕到排版的所有的事情,比如像你將要使用的按鍵種類和導航欄的樣子。選擇調色板之前建立一個設計系統是有益的,即使這只是一個粗略的草圖。這樣做會幫助你梳理設計中有什么元素和什么顏色更加匹配元素。當選擇調色板來設計時,最好能堅持KISS(保持簡單,愚蠢的)原則,色彩越少越好。對于大多數設計系統,下面的結構是一個良好的開端:

背景

主要強調

次要強調

錯誤顏色

成功的色彩

主要顏色是你最經常使用的重要按鈕和重要部分的顏色。對于許多公司來說,這也是他們的標志顏色。

二級顏色是用來區分那些主要行為的顏色。例如,主要和次要的按鈕,錯誤和成功的顏色通常是紅色和綠色,成功或錯誤的頁面通知。

6.選擇調色板

對于基本的調色板,我喜歡把我的顏色并排鋪在旁邊,就像一個藝術家會為他們的作品調色。

這是把你所有的色彩靈感迸發,并創建出調色板的最好時間,越多越好。不要害怕顏色搭配不好??s小你的調色板選項,問問自己以下幾個問題:

什么顏色可以訪問?

什么顏色有視覺沖擊力吸引眼球?

你需要一個淺色或深色的配色方案嗎?用戶在一天內什么時間會使用你的產品?

你的設計傳達了什么情緒?請問你有任何一個調色板做到這一點比其他人好嗎?

正如我在上一節中提到的,顏色會在你的設計系統中扮演不同的角色。這也意味著,每個顏色在系統中都扮演了不同角色。例如,你的背景顏色在使用頻率上往往會多于主色的使用。

正因為如此,創建不同大小的形狀組成一次性設計,有時也是一種不錯的體驗,每個形狀大小大約等于給定頁面上顏色的平均表面積的頻率。

舉一個例子,這里是INVISION的調色板。

幾何表示可能是這個樣子。

7.應用調色板

為了教你如何運用色彩來設計系統,讓我們來看看Airbnb的制作。 Airbnb的原色是Rausch,公司源于街道命名。Rausch作為二次色和兩個灰色用作背景顏色。

對于大多數頁面,Airbnb使用霧灰色為背景。你可以看到,他們使用的Rausch作為其主要的顏色。

Rausch,綠松石色,很容易被人眼捕捉到。

有關錯誤的信息,Airbnb采用了淡紅色,可以說是Rausch的陰影。紅色與感嘆號一起,立即吸引你的眼球,并通知你系統的狀態。

剛開始設計界面時,你無需設計任何顏色,只要重點布局排版和元素的位置。在滿意排版和元素位置后,那么就可以開始應用你的調色板到設計中了。

想要設計出視覺層次,首先要考慮一下你想要突出的元素并指定相應的顏色是什么,此外,考慮使用的顏色深淺不同,怎樣更像懸停,以及單擊后的狀態是什么樣子的。

二.總結

顏色是所有設計有關實驗和迭代的產物。如果你想在色彩的運用上變得更好,唯一的答案就是做更多的工作。如果你的設計的布局和功能已經完善,那么你就可以盡可能多的試用調色板,只要你想嘗試。

本文內容由本公眾號原創轉譯,轉載請注明出處,否則后果必究。

作者:大寶大寶
作者微信公眾號
騰訊設計師告訴你手繪對于設計師到底有多重要

出處:jianshu.com

本文鏈接:http://www.casaleticia.com/in-the-design-of-color-use.html
本文標簽: , ,