設計師的讀書筆記!帶你重新全面認識色彩系列之紅色篇

@飛屋睿UIdesign :你真的了解紅色嗎?你是否知道所謂「聖誕紅」這類命名其實正在扼殺我們對於紅色的想像?這篇文章是在看了李正賢的《WOW!不一樣的配色設計》一書的部分摘錄和讀書筆記,除了色彩基礎知識科普,也會有對應的網頁案例分析,深入淺出幫你學色彩。

2016年流行色:《2016流行色彩!如何在設計中運用潘通年度代表色?(附優秀案例)》

簡述

按照chunso的觀點,顏色無所謂美醜,對於顏色的判斷完全是一種主觀的經驗。很多書里都有提到兒童和原色的關係,絕大部分人都認為,設計給兒童的作品必須得是原色,然而,事實證明,兒童其實並非那麼喜歡原色,這種錯誤的判斷源自大人眼中的兒童的世界,而非真相。

這本書引導我往下繼續讀下去就是因為,作者捨棄了舊有的對顏色判斷,給大家打開一扇新的從未觸碰的色彩大門。而設計師要做的,必須排除掉自身受到的社會文化的觀念影響,而從一個全然純真的初生嬰兒的眼光出發來研究配色。這也和我曾經的一個天馬行空的想像有關,我們真的已經認識了所有的色彩嗎?是否還有些色彩是我們人眼無法觀測出的?因此,我們這篇筆記主要摘錄書中開頭部分——調色板的擴展,色彩的名稱。這是我們了解色彩的開始。

一、色彩名稱

紅色是所有顏色中最早被使用的色彩,歷史非常久遠,受矚目的程度也最高。color一詞源自於表示紅色的colorado。以下是本書所列舉的十來種我們常見的紅色,看看是否你真的了解這些色彩。

永固紅(Permanent red)

英語Permanent是永遠、不變的意思,這裡意味著這種顏色是最基本的顏色

緋紅(Scarlet)

雖然都來自於胭脂蟲的紅色,但和洋紅、深紅有所不同的是,由於其中泛黃的比例更多,所以給人感覺更加濃重。

主教紅(Cardinal red)

也有把這種顏色成為鮮紅,主教紅這一名稱源於紅衣主教的衣服顏色,指的是一種較為濃重的紅色。

洋紅(Carmine)

這是一種從胭脂蟲的來的顏色,意思是濃重、強烈的紅色。與永固紅相比,黃色的比重略低,有點接近紫紅色,是一種較冷偏深的顏色,現在通常認為它是一種合成顏料。

深紅(Crimson)

與洋紅類似,其名稱也是由胭脂蟲而來,以前用於描述與洋紅色類似的顏色,現在用來稱呼比洋紅色更重、和紫紅色更接近的紅色。

灰紅(Ashes red)

這是一種混合了灰色的粉紅色。

寶貝粉(Baby pink)

因西方幼兒書中經常使用這種色彩而得名,是一種淡粉色。

粉(Pink)

粉色是石竹的顏色,明度較高,包含了範圍較廣的紅色。

玫瑰粉(Rose pink)

玫瑰的色彩,比一般的粉紅色更紅更暗一些。

玫瑰紅(Rose red)

名字因紅玫瑰而來,是一種泛緋紫色的、有點亮的紅色。

覆盆子色(Raspberry)

因覆盆子果實的顏色而得名,泛深紫色的紅色。

酒紅(Wine red)

是一種像葡萄酒一樣的深紫紅色。

可可色(Cocoa)

這是一種從可可豆中提取的顏色,隨著提取條件的不同,可以有十餘種色調,主要用於描述泛灰色的褐色。

赤褐色(Terra cotta)

Terra cotta是義大利語陶器的意思,這裡是指一種泛褐色的紅色。這種紅色在燒制富含氧化鐵成分的陶土時會出現。

巧克力色(chocolate)

是一種像巧克力一樣泛灰色的褐色

二、紅色的意像和表現方式

所謂意像,就是當你想到它,最先進入你的腦海的畫面是什麼。這些意像大部分來自於自然和社會經驗,只有很小一部分是個人的心理私密的感受。下面讓我們先說說前者。

源自自然的紅色意像

太陽:溫暖、矚目、能量、主導、煽動性…… 火:熱、強烈、幽冥、感性、興奮、活力、躍動…… 血:生命、殺人、獻血、祭祀、拯救、傷口…… 嘴唇:口紅、誘惑、女性…… 玫瑰:愛情…… 蘋果:收穫、甜…… 辣椒:辣、火辣、美味……

源自社會的紅色意像

旗幟:革命、共產黨、國旗…… 宗教:十字架、原罪、犧牲…… 心:心臟、內心、愛…… 標記:修訂、注意事項、高壓、上升趨勢、警告、反對(紅牌)…… 信號:暫停、危險、終止、禁止、敵軍、被害……

大家可以看到,紅色既有積極的一面,也有消極的一面。按照作者的觀點,與其考慮如何用其他顏色去搭配紅色,不如想想紅色在整個作品中表現了什麼。如果想要強調和表現紅色積極性的一面,最好使用泛黃的大紅色或者明度較高的粉紅色系的顏色。泛黃的紅色比100%紅色更能夠表達溫暖的感覺。在粉紅色系中,泛黃的暖粉紅色比泛紫的冷粉紅色更能傳達出積極的印象。

而相反,如果想要表現紅色中消極性的一面,使用泛紫的紅色比較好。紅色和紫紅色中間的色系給人冷淡、不自然的感覺。這些色彩的明度越低,越給人不自然的和消極的形象。

三、紅色配色實例表現

下面這幅紅色的作品,設計師傳遞出來的紅色的情感信息是關於「拯救」的,塑造的是一個女性英雄的形象。整個配色就是以紅色為主搭配深沉灰。

而在表達溫暖和歡樂的設計時,紅色的運用泛黃居多。

偏紫的明度較低的紅色不見得討喜,它在表達一些消極情緒的時候也能派上用場。特別是和戰爭與邪惡相關聯時。

然而這種低明度的偏紫的紅色卻也能很好的詮釋優雅和成熟。

四、紅色系作為主色的搭配

紅色在任何情況下都是最為搶眼的顏色,如果你用紅色作主色調,還有另外紅色之外的強調色的話,那麼這裡的紅色的明度和純度都需要降低。

灰色和紅色強烈跳躍的特質非常協調,因此灰色也常被用作紅色的輔助色。除了完全的無彩色以外,泛藍的灰色、泛黃的灰色、泛綠的灰色等都可以只通過色溫的差異改變作品的氛圍。

黃色和橙色可以強化紅色的溫暖感覺。特別是加入黃色可以中和紅色中傳遞的冷感,通常用在表現兒童、食物、自然等作品中。

而在中和泛紫的紅色和泛藍的粉紅色中所帶有的冷感時,使用黃色和橙色也都會取得較佳的效果。

綠色與紅色是互補色。有的人認為這組搭配是雷區,其實互補色之間可以相互強調,使彼此都更吸引眼球。互補色的搭配在表現復古風格和傳統風格的時候具有較好的效果。但如果要強調這兩種色彩中的一種,那麼另一種色彩的純度就要相應降低。

紅色和藍色的搭配比較常用,給人印象乾淨利落,但也是最難搭配得當的配色之一。使兩者搭配協調的最簡單的辦法,就是使紅色和藍色的明度差異更突出。比如暗紅色和亮藍色、亮紅色(如粉紅色)和深藍色的搭配效果都比較好。

如果一幅作品中同時使用了紅色、黃色和藍色,那麼這三種顏色中至少有一種很亮或很暗,不能都非常亮。主色調的色彩過渡應該柔和一點,比如如果用紅色作為主色,那麼深紅色、正紅色和粉紅色等色彩就應該多一些,色彩的銜接和過渡就會變得更為柔和。

結語

其實顏色的協調與不協調的差異是非常細微的,千萬不能妄下結論說「這兩種顏色不協調」,試著一點一點地調整,即能找到相互協調的搭配。

希望你們繼續關注我的讀書筆記,下一期我們會討論橙色系。

【技多不壓身的設計師工資更高!】

  1. 平面設計:《超贊!設計師完全自學指南》
  2. 交互設計:《交互設計師修鍊指南!教你從零開始成為優秀交互設計師》
  3. UI設計:《超實用新手指南!零基礎如何自學UI設計?》
  4. 前端開發:《天貓高手來教你!零基礎如何系統地學習前端開發?》
  5. 摳圖技巧:《從菜鳥到高手!PHOTOSHOP摳圖全方位攻略》
  6. 配色方案:《色彩搭配速成!3個實用方法幫你全面搞定配色》
  7. DPI指南:《基礎知識學起來!為設計師量身打造的DPI指南》
  8. 交互設計自學路徑圖:《零基礎入門!給非科班生的自學路徑圖之交互設計篇》

原文地址:ifeiwu作者:@飛屋睿UIdesign

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關於優設網================「優設網uisdc.com「是國內人氣最高的網頁設計師學習平台,專註分享網頁設計、無線端設計以及PS教程。【特色推薦】設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。設計微博:擁有粉絲量108萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

相關文章

  • 超贊!網頁設計色彩剖析之矚目紅(附百枚網頁案例)
  • 淺談色彩學:以紅色為主的色彩配色
  • 顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑
  • 脫了褲子看這個!如何在界面設計中「色」誘用戶?
  • 配色小技巧!怎麼才能使粉色看起來非常硬漢?
  • 色彩的姿勢!是否存在典型的日本配色?(有彩蛋)
  • 非特殊說明,本文版權歸原作者所有,轉載請註明出處 本文地址:http://www.uisdc.com/designer-review-color-red

    本文標籤:紅色, 紅色系網站, 紅色網頁設計, 經驗分享, 配色, 配色理論 訂閱更新:您可以通過 RSS訂閱我們的內容更新 【推薦!設計師必備網址導航】http://hao.uisdc.com

    推薦閱讀:

    凈空法師-《認識佛教》
    從認識妹子到泡到妹子, 把妹三步曲, 一把一個準, 不信?
    認識肩周炎(原發性凍結肩 )
    對於按摩治療肩周炎的新認識
    十個方法幫你認識你想認識的人

    TAG:設計 | 設計師 | 筆記 | 讀書筆記 | 認識 | 讀書 | 紅色 |