《圖形界面設(shè)計教學(xué)》第十四章色彩構(gòu)成課件

1、 色彩構(gòu)成第十四章第1頁，共34頁。2從感知色彩、色彩的屬性、色彩的調(diào)和、色彩的采集與重構(gòu)、色彩構(gòu)成與計算機(jī)輔助設(shè)計到色彩在設(shè)計領(lǐng)域的應(yīng)用，全面介紹了色彩構(gòu)成中的規(guī)律和方法。本章任務(wù)第2頁，共34頁。3色彩構(gòu)成原理色彩構(gòu)成基礎(chǔ)知識色彩構(gòu)成的實際運(yùn)用本章目標(biāo)第3頁，共34頁。色彩構(gòu)成 將兩個以上的色彩，根據(jù)不同的目的性，按照一定的原則，重新組合、搭配，構(gòu)成新的美的色彩關(guān)系叫色彩構(gòu)成。 色彩構(gòu)成的概念第4頁，共34頁。色彩的分類 色彩一般分為無彩色和有彩色兩大類。無彩色是指白、灰、黑等不帶顏色的色彩，即反射白光的色彩。 有彩色是指紅、黃、藍(lán)、綠等帶有顏色的色彩。 色彩的構(gòu)成第5頁，共34頁。色彩的

2、三屬性：色相、明度、彩度 色相：指色彩的相貌 色彩的構(gòu)成第6頁，共34頁。 明度：色彩的明暗程度，指在色相里加白和加黑 。 彩度：色彩的鮮艷程度，指在有彩色里面加灰色 。 色彩的構(gòu)成第7頁，共34頁。加色混合（三原色為青紫色、綠色、橙紅色） 原色 ：無法用其它顏色調(diào)配出的顏色 紅 黃 藍(lán)間色 ：兩種原色混合所得出的顏色 橙 綠 紫復(fù)色： 三種原色和兩種以上的間色按比例調(diào)配出的顏色固有色 ：物體所固有的顏色光源色 ：光照本身的顏色環(huán)境色 ：物體所處環(huán)境的色彩對物體所產(chǎn)生的影響補(bǔ)色 ： 色相環(huán)上直徑兩端正對的顏色被稱為互補(bǔ)。 色彩的混合第8頁，共34頁。減色混合（三原色為品紅、檸檬黃、品藍(lán)） 色彩

3、的混合第9頁，共34頁。色相：色彩通過連續(xù)的逐漸變化，從某一色相推移至另一色相。 色相、明度、彩度的推移第10頁，共34頁。明度：采用純色，往其中逐漸加入黑色和白色。明度指色彩的亮暗、淺度。如高、中、低。 色相、明度、彩度的推移第11頁，共34頁。彩度：也叫純度，指色彩的純凈度。如鮮、中、灰，選定一個純色， 逐漸往其中加入灰色 色相、明度、彩度的推移第12頁，共34頁。 紅：興奮、活潑 、熱情 、健康有挑戰(zhàn)性 橙：飽滿、成熟富有食欲感、華麗、溫暖、愉快 黃：輕快、透明、輝煌、充滿希望 綠：春天、成長、生命、希望 藍(lán)：透明、清涼、冷漠、流動、深遠(yuǎn) 紫：高貴、莊重、奢華、具有神秘感 白：明亮、干凈

4、、純潔、擴(kuò)張感 黑：沉靜、神秘、消極 色彩的性格第13頁，共34頁。24色相環(huán)12色相環(huán)色系和色調(diào)第14頁，共34頁。色調(diào)的分類及相互關(guān)系：配色的一般規(guī)律為，任何一個色相均可以成為主色(主色調(diào))，與其它色相組成互補(bǔ)色關(guān)系、對比色關(guān)系、鄰近色系和同類色關(guān)系的色彩組織。色系和色調(diào)第15頁，共34頁?；パa(bǔ)色關(guān)系色系和色調(diào)第16頁，共34頁。對比色關(guān)系色系和色調(diào)第17頁，共34頁。鄰近色關(guān)系色系和色調(diào)第18頁，共34頁。同類色關(guān)系色系和色調(diào)第19頁，共34頁。 明度對比是配色的基礎(chǔ)，根據(jù)明度尺,九個灰度階段分為三個明度基調(diào):高明調(diào)(優(yōu)雅)、中明調(diào)（高尚）、低明調(diào)（沉靜）。如果參與配色的兩個色，明度間隔

5、5個以上的階段，稱為長調(diào)；明度間隔3-5個階段之內(nèi)，稱為短調(diào)。 明度對比調(diào)試第20頁，共34頁。彩度，主要對有彩色而言，但作為彩度體系，則包括兩個極端。于是，把彩度階段歸納為三個彩度基調(diào)（高、中、低）、五種彩度面貌，即：無彩色、低彩度色、中彩度色、高彩度色、純色。如果參與配色的的兩色的彩度，間隔7個以上的彩度階段，就稱為強(qiáng)對比，間隔36個彩度階段，則稱為中對比。 彩度對比調(diào)試第21頁，共34頁。色彩的冷暖 紅、橙、黃等顏色使人想到陽光、烈火，故稱“暖色”。 綠、青、藍(lán)等顏色與黑夜、寒冷相聯(lián)，稱“冷色” 。色彩的特征第22頁，共34頁。色彩的輕重感覺 各種色彩給人的輕重感不同，我們從色彩得到的重

6、量感，是質(zhì)感與色感的復(fù)合感覺。淺色密度小，有一種向外擴(kuò)散的運(yùn)動現(xiàn)象，給人質(zhì)量輕的感覺深色密度大，給人一種內(nèi)聚感，從而產(chǎn)生份量重的感覺。 色彩的特征第23頁，共34頁。興奮與沉靜 主要取決于色相的冷暖感,暖色系的顏色能給人以興奮感冷色系的顏色能給人以沉靜感 色彩的特征第24頁，共34頁。明快與憂郁 主要受明度和彩度的影響,與色相也有關(guān)聯(lián).高明度.高彩度的暖色有名快感,低明度.低彩度的冷色有憂郁感 。色彩的特征第25頁，共34頁。色彩的膨脹與收縮 比較兩個顏色一黑一白而體積相等的正方形可以發(fā)現(xiàn)有趣的現(xiàn)象，即大小相等的正方形，由于各自的表面色彩相異，能夠斌予人不同的面積感覺。白色正方形似乎較黑色正方

7、形的面積大。這種因心理因素導(dǎo)致的物體表面面積大于實際面積的現(xiàn)象稱“色彩的膨脹性”。反之稱“色彩的收縮性”。給人一種膨脹或收縮感覺的色彩分別稱膨脹色”、“收縮色”。色彩的脹縮與色調(diào)密切相關(guān)，暖色同膨脹色，冷色屬收縮色。 色彩的特征第26頁，共34頁。色彩的前進(jìn)與后退 如果等距離地看兩種顏色，可給人不同的遠(yuǎn)近感。如：黃色與藍(lán)色以黑色為背景時，人們往往感覺黃色距離自己比藍(lán)色近。換言之，黃色有前進(jìn)性，藍(lán)色有后退性。較底色突出的前進(jìn)性的色彩稱“進(jìn)色”；較底色暗淡的后退色彩稱“退色”。 色彩的特征第27頁，共34頁。色彩艷麗與素雅 般認(rèn)為，如果是單色，飽和度高，則色彩艷麗。飽和度低，給人素雅的感覺。除了飽

8、和度，亮度也有一定的關(guān)系。不論什么顏色，亮度高時即使飽和度低也給人艷麗的感覺。 色彩的特征第28頁，共34頁。界面設(shè)計的基本概念 界面設(shè)計作為一種新型的設(shè)計形式，是在現(xiàn)代科學(xué)技術(shù)下藝術(shù)與信息載體緊密結(jié)合的一種形式，具有交互性與持續(xù)性、多維性、綜合性等特點(diǎn)，包括圖像、文本、圖標(biāo)、背景、表格、 按鈕、顏色、導(dǎo)航工具、動態(tài)影像等多種內(nèi)容。現(xiàn)代科技的發(fā)展、多媒體技術(shù)的運(yùn)用大大豐富了界面藝術(shù)設(shè)計的表現(xiàn)力。色彩構(gòu)成的實際應(yīng)用第29頁，共34頁。色彩構(gòu)成在界面設(shè)計中的應(yīng)用 界面的色彩是樹立軟件及網(wǎng)站形象的關(guān)鍵之一，每個界面的用色都必須有自己獨(dú)特的風(fēng)格，才能使瀏覽者印象深刻。網(wǎng)站的種類很多，比如政府部門網(wǎng)站、

9、教育網(wǎng)站、商業(yè)網(wǎng)站、企業(yè)網(wǎng)站、 游戲網(wǎng)站、個人網(wǎng)站等。 1、鮮明性 2、針對性 3、聯(lián)想性色彩構(gòu)成的實際應(yīng)用第30頁，共34頁。1、色彩構(gòu)成的概念2、色彩三屬性的應(yīng)用及配色3、色彩混合4、色系與色調(diào)5、色彩的特性6、色彩在界面設(shè)計中的應(yīng)用 總結(jié)第31頁，共34頁。32課后作業(yè)1、制作24色色相環(huán)規(guī)格：大圓直徑16cm，小圓直徑10cm。為以后作色彩練習(xí)選色對照用，參考書色相作法。紙的大小18cm 18cm操作方法：A、圓規(guī)畫兩個同心圓。B、量角器：把圓環(huán)分成相等24份，每份15。角劃分。C、色彩要求涂平整，畫面整潔，飽和度高。2、明度、純度、色相推移各一張任選一個純色，通過加白、加黑的方法改變它的明度或純度，從深到淺高10級以上色階，漸次推移；色相的變化可以是同類色也可以是不同的色。圖形設(shè)計為了節(jié)約時間，集中練習(xí)色彩的配置，可以借用和參考平面構(gòu)成中的構(gòu)圖和圖形，當(dāng)然以自己