UI界面設(shè)計(jì)中的色彩設(shè)計(jì)說明

1、ui界面設(shè)計(jì)中的色彩設(shè)計(jì),目標(biāo),了解ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí)，理解色彩的屬性、冷暖、色環(huán)、色調(diào)及對(duì)人的心理影響，掌握ui界面設(shè)計(jì)中色彩的設(shè)計(jì)原則及配色策略,重點(diǎn) 、難點(diǎn),理解色彩的基本知識(shí)；重點(diǎn)掌握ui界面設(shè)計(jì)中色彩的設(shè)計(jì)原則及配色策略,1,2,3,ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí),目錄,ui界面設(shè)計(jì)中色彩設(shè)計(jì)原則,ui界面設(shè)計(jì)中色彩配色策略,1,ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí),ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí),色相：指色彩的相貌，是區(qū)別色彩的必要名稱，例如紅、橙、黃、綠、藍(lán)、紫等。 明度：指色彩顯示的明暗程度，即是色光的明暗度。不同的顏色，反射的光量強(qiáng)弱不一，因而會(huì)產(chǎn)生不同程度的明

2、暗。 純度：指色彩純凈、飽和的程度。具體來說，是表明一種顏色中是否含有白或黑的成份,色彩的三屬性,01,ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí),冷色和暖色是一種色彩感覺。冷色和暖色沒有絕對(duì)的區(qū)分，色彩在比較中才存在了冷暖。通常我們把紅黃色系看作暖色系，具有溫暖、強(qiáng)烈、擴(kuò)張的感受；藍(lán)紫色系看作冷色系，具有寒冷、平靜、收斂的感受；而綠色系則看作是中性色系,色彩的冷與暖,02,ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí),色環(huán)其實(shí)就是將光譜中的色彩，按照一定的順序依次排列起，首尾相連，首尾為紅色和紫色，組成環(huán)形，構(gòu)成了色環(huán),色環(huán),03,ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí),在色環(huán)中，紅、黃、藍(lán)為三原色，因?yàn)樗鼈儾荒苡闷渌?/p>

3、顏色調(diào)配而成，故稱為三原色。間色則是指光譜中的橙、綠、紫等，它們由兩種原色調(diào)配而成，也叫二次色。 類似色（同類色）：在色環(huán)中距離在45度以內(nèi)的一些色彩稱為類似色。 互補(bǔ)色（對(duì)比色）：在色環(huán)上相互正對(duì)，成180度角的兩個(gè)顏色稱為互補(bǔ)色，也稱對(duì)比色。 互補(bǔ)色：紅-綠 黃-紫 藍(lán)-橙,色環(huán),03,ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí),色調(diào)指的是一幅畫中畫面色彩的總體傾向，是大的色彩效果。 色調(diào)是顏色的重要特征，它決定了顏色本質(zhì)的根本特征。如在大自然中，經(jīng)常見到這樣一種現(xiàn)象：不同顏色的物體或被籠罩在一片金色的陽(yáng)光之中，或被籠罩在一片輕紗薄霧似的、淡藍(lán)色的月色之中；或被秋天迷人的金黃色所籠罩；或被統(tǒng)一在冬季

4、銀白色的世界之中。這種在不同顏色的物體上，籠罩著某一種色彩，使不同顏色的物體都帶有同一色彩傾向，這樣的色彩現(xiàn)象就是色調(diào),色調(diào),04,暖色調(diào)：紅、黃、橙、赭石、咖啡、紫紅等，具有熱烈、明朗、興奮、奔放等特點(diǎn)，給人溫暖的感覺。 冷色調(diào)：藍(lán)、綠、紫等，具有安靜、穩(wěn)重、明快等特征，冷色調(diào)給整個(gè)空間帶來清新、涼爽之感,色調(diào),04,ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí),ui界面設(shè)計(jì)中色彩設(shè)計(jì)的基本知識(shí),ui界面設(shè)計(jì)色彩設(shè)計(jì)的基本知識(shí),當(dāng)色彩以不同的光強(qiáng)度與不同的波長(zhǎng)作用于人的視覺時(shí)，便會(huì)產(chǎn)生一系列心理的反應(yīng)，這些與人以往經(jīng)驗(yàn)相聯(lián)系時(shí)，便會(huì)引起各種聯(lián)想，使色彩具有情感、意志、情緒等各方面的象征意義,色彩對(duì)人的心

5、理作用,黃色，似陽(yáng)光普照大地，感到明朗、活躍、興奮,黑色，聯(lián)想到黑夜、從而感到神秘、悲哀、不祥、絕望,05,2,ui界面設(shè)計(jì)中色彩設(shè)計(jì)原則,ui界面設(shè)計(jì)色彩設(shè)計(jì)原則,統(tǒng)一性原則,a,色彩會(huì)因界面的不同而產(chǎn)生不同的情感，因此，為了使界面整體達(dá)到和諧統(tǒng)一，色彩在界面設(shè)計(jì)中起到了重要的作用，只有色彩達(dá)到了和諧統(tǒng)一，界面才能與瀏覽者答到情感共鳴,統(tǒng)一的整體色調(diào)，突出主題并且生動(dòng),ui界面設(shè)計(jì)色彩設(shè)計(jì)原則,ui界面設(shè)計(jì)色彩設(shè)計(jì)原則,情感性原則,色彩作為一種視覺元素，它是帶有感情的，潛移默化的影響著我們的行為和情緒 。充分利用色彩的溫度感、距離感、重量感、尺度感等滿足滿足受眾人群的心理感受,b,ui界面設(shè)

6、計(jì)色彩設(shè)計(jì)原則,距離感的界面設(shè)計(jì),ui界面設(shè)計(jì)色彩設(shè)計(jì)原則,ui界面設(shè)計(jì)色彩設(shè)計(jì)原則,生動(dòng)性原則,在色彩設(shè)計(jì)時(shí)，應(yīng)避免過于單調(diào)，沒有變化，缺乏氛圍。在色彩面積、色相、純度、明度、光色、肌理等方面應(yīng)進(jìn)行有秩序、有規(guī)律的變化，給人以豐富的變化感，讓界面設(shè)計(jì)更加生動(dòng),c,ui界面設(shè)計(jì)色彩設(shè)計(jì)原則,色彩全局統(tǒng)一，細(xì)節(jié)凸顯，面積對(duì)比法則，用色彩劃分視覺區(qū)域,3,ui界面設(shè)計(jì)中色彩配色策略,ui界面設(shè)計(jì)色彩配色策略,鄰近色配色,近鄰色配色方法比較常見，搭配比同色系稍微豐富，色相柔和過渡看起來也很和諧,a,ui界面設(shè)計(jì)色彩配色策略,純度高的色彩，基本用于組控件和文本標(biāo)題顏色，各控件采用鄰近色使頁(yè)面不那么單調(diào)

7、，再把色彩飽和度降低用于不同背景色和模塊劃分,ui界面設(shè)計(jì)色彩配色策略,同色系配色,同色系配色是指主色和輔色都在統(tǒng)一色相上，這種配色方法往往會(huì)給人感到頁(yè)面很一致化的感受,b,ui界面設(shè)計(jì)色彩配色策略,整體藍(lán)色設(shè)計(jì)帶來統(tǒng)一印象，顏色的深淺分別承載不同類型的內(nèi)容信息，比如信息內(nèi)容模塊，白色底代表用戶內(nèi)容，淺藍(lán)色底代表回復(fù)內(nèi)容，更深一點(diǎn)的藍(lán)色底代表可回復(fù)操作，顏色主導(dǎo)著信息層次,ui界面設(shè)計(jì)色彩配色策略,類似色配色,類似色配色也是常用的配色方法，對(duì)比不強(qiáng)給人感到平靜、調(diào)和的感覺,c,ui界面設(shè)計(jì)色彩配色策略,紅黃雙色主導(dǎo)頁(yè)面，色彩基本用于不同組控件表現(xiàn)，紅色用于導(dǎo)航控件、按鈕和圖標(biāo)，同時(shí)也作輔助元素的主色。利用偏橙的黃色代替品牌色，用于內(nèi)容標(biāo)簽和背景搭配,小結(jié),本節(jié)帶領(lǐng)大家重溫色彩的基本知識(shí)，從色彩的本質(zhì)、屬性、色環(huán)、色調(diào)開始，了解色彩對(duì)人的生理和心理作用，熟記色彩在界面設(shè)計(jì)中的重要作用，學(xué)習(xí)界面設(shè)計(jì)中色彩設(shè)計(jì)的原則及配色策略,作業(yè),思考與練習(xí) 1、簡(jiǎn)述色彩的三種屬性及概念理解？ 2、界面設(shè)計(jì)中色彩設(shè)計(jì)的原則都有哪些？ 實(shí)訓(xùn)課堂 準(zhǔn)備