色調(diào)調(diào)合而產(chǎn)生的配色方法
(一)、有核心色調(diào)配色
它是由同一色調(diào)組成的統(tǒng)一性配色。深色調(diào)和暗色調(diào)等相近色調(diào)配搭還可以產(chǎn)生一樣的配色實際效果。即便 發(fā)生多種多樣色相,只需維持色調(diào)一致,界面也可以展現(xiàn)總體統(tǒng)一性。
依據(jù)色彩的感情,不一樣的樣子會給人不一樣的體會:
清亮的色調(diào)
昏暗的色調(diào)
光亮色調(diào)
深暗色調(diào)
靈致色調(diào)
1、清亮色調(diào)
清亮樣子使頁面十分和睦,即便 是不一樣色相如同色調(diào)的配色能讓頁面維持較高的融洽度。深藍(lán)色另頁面造成清靜冰涼的氛圍,茶褐色使我們想到地面土壤的結(jié)實,給頁面提升了平穩(wěn)安穩(wěn)覺得,與此同時溫暖深藍(lán)色的冰涼。
觀點:相輔相成的色相配搭在一起,根據(jù)統(tǒng)一色調(diào)的技巧,能夠緩解色彩中間的比照實際效果。
2、昏暗色調(diào)
昏暗的色調(diào)3D渲染情景氣氛,根據(jù)不一樣色相的色彩轉(zhuǎn)變豐富多彩信息的分類,減少色彩對比度使各色各樣塊融洽并融進(jìn)情景,乳白色和光亮的翠綠色做為信息內(nèi)容媒介展現(xiàn)。
Tips:多色彩歷經(jīng)統(tǒng)一色調(diào)解決,城鄉(xiāng)之間十分融洽,都不危害總體頁面昏暗氛圍主要表現(xiàn)。
3、光亮色調(diào)
光亮的色調(diào)開朗清楚,繁華的氛圍和顯眼的可愛卡通整體形象描述著一場慶典活動,但布滿高純的色彩,過度刺激性,不適合長期游玩。
觀點:對比度與純凈度特點顯著的配搭,在做到視覺效果撞擊力的與此同時,可適度選用色彩對比或減少色度等方式 調(diào)合視覺效果主要表現(xiàn)。
4、深暗色調(diào)
頁面以深暗偏灰色調(diào)為主導(dǎo),不一樣的色彩配搭,像在描述著不一樣的小故事,乳白色文本的排版設(shè)計,全部頁面看起來厚實精美,小地區(qū)微漸變色提升版塊層次感。
觀點:以低暗色調(diào)組成總體界面氣氛,小總面積光亮一部分不容易危害總體覺得。
5、靈致色調(diào)
溫和的樣子使頁面看起來輕快溫暖,即使色彩許多也不會導(dǎo)致視覺效果沙袋綁腿。頁面的同色調(diào)配搭,色調(diào)做為不一樣控制模塊的信息的分類,不搶行為主體的關(guān)鍵,還能烘托不一樣種類媒介的內(nèi)容信息內(nèi)容。
觀點:同色調(diào)不一樣色彩的控制模塊,即使安裝著不一樣的信息也可以主要表現(xiàn)很和睦。
(二)、同色調(diào)配色
它是由同一或相近色調(diào)中的色相轉(zhuǎn)變組成的配色種類,與核心色調(diào)配色中的歸屬于類似手法。差別取決于色調(diào)遍布均值,沒有過深或過淺的控制模塊,色調(diào)范疇更加嚴(yán)苛。
觀點:綜合性應(yīng)用的狀況,總體頁面是有核心色調(diào),在合理布局比如關(guān)鍵標(biāo)志等是同色調(diào)配色熟練掌握。
(三)、同色系濃淡配搭
它是由同一色相的色調(diào)差組成的配色種類,歸屬于單一色彩配色的一種。 與核心色調(diào)配色中的同類色配色歸屬于類似手法。從理論上而言,在同一色相下的色調(diào)不會有色相差別,只是根據(jù)不一樣的色調(diào)階級配搭產(chǎn)生,能夠了解為色調(diào)配色的一種。
拿藍(lán)紫色頁面而言,運用同一色相根據(jù)色調(diào)濃淡比照,構(gòu)建頁面室內(nèi)空間層級。盡管色彩濃淡配搭有效,但有一些無法區(qū)別次序,因為是同一色相配搭,色調(diào)的特點決策著心理狀態(tài)體會。
觀點:同色系濃淡配色擁有非常高的統(tǒng)一性,但有點兒枯燥乏味。
比照配色而產(chǎn)生的配色方法
因為比照色相互對比構(gòu)成的配色,能夠分成對比色或反過來色配搭組成的色相比照實際效果,由乳白色、灰黑色等色度差別組成的純度對比實際效果,及其由純凈度差別組成的純凈度比照實際效果。
1 色相比照
兩色比照
三色比照
多色比照
2 純凈度比照
3 純度對比
1
色相比照
色彩間比照視覺沖擊明顯,非常容易吸引住客戶留意,應(yīng)用時常常大范疇配搭。
1、兩色比照
VISA是一個透支卡知名品牌,暗藍(lán)色傳遞友誼安全性的企業(yè)形象,淡黃色能讓客戶造成激動滿足感。此外深藍(lán)色減少色度后再和黃色搭配,比照獨特之外還能緩解視覺疲勞。
觀點: 無論是總體比照或是部分比照,色彩對比給人明顯的視覺沖擊,融合色彩社會心理學(xué)對知名品牌傳遞實際效果更好。
2、三色比照
三色比照色相上更加豐富多彩,根據(jù)提升色調(diào)關(guān)鍵突顯某一種色調(diào),且在色彩總面積更加注重。
大規(guī)模翠綠色做為網(wǎng)站主導(dǎo)航欄,品牌形象獨特突顯。應(yīng)用知名品牌色相匹配的二種中差色作二級導(dǎo)航欄,并減少在其中一方亮色系色度,再換同色調(diào)的西瓜紅做為所在位置情況,二級導(dǎo)航欄內(nèi)部比照十分明顯卻不危害主導(dǎo)航欄實際效果。
觀點: 三色比照中西瓜紅做為注重色限制在小總面積呈現(xiàn)十分重要,總面積尺寸立即危害界面平衡力。
3、多色比照
Metro設(shè)計風(fēng)格選用很多色彩,隔開不一樣的信息內(nèi)容控制模塊。維持大控制模塊地區(qū)總面積相同,控制模塊內(nèi)部能夠細(xì)分化出不一樣內(nèi)容等級,純色控制模塊只安裝一種信息,加上相匹配作用標(biāo)志辨識度高。
觀點:色彩色相比照、色彩總面積比照,只需維持一定的占比關(guān)聯(lián),頁面也可以整整的井然有序。
2
純凈度比照
頁面管理中心登陸控制模塊,根據(jù)減少純凈度解決生產(chǎn)制造無色相情況,再運用開關(guān)按鈕的比照,產(chǎn)生純凈度差關(guān)聯(lián)。與色相比照相較,單色比照矛盾感刺激性感相對性小一些,很容易突顯行為主體內(nèi)容的真實有效。
觀點: 應(yīng)用比照關(guān)鍵的是對占比的掌握,總面積、構(gòu)圖法、節(jié)奏感、色調(diào)、部位等一切能夠產(chǎn)生變化的原素,產(chǎn)生視覺效果的明顯矛盾。
3
純度對比
純度對比夠組成界面的室內(nèi)空間深度層級,展現(xiàn)近遠(yuǎn)的比照關(guān)聯(lián),高超度突顯特寫行為主體內(nèi)容,低色度主要表現(xiàn)發(fā)展前景的間距。而色度差役人注意力集中在高亮度地區(qū),展現(xiàn)出藥瓶子的切身體會。
觀點: 純度對比使頁面看起來更單純性、統(tǒng)一,而多少色度差可造成間距關(guān)聯(lián)。
匯總
色彩是最能造成心情共鳴點和心態(tài)認(rèn)知能力的原素,三原色能調(diào)配出比較豐富的色彩,色彩配搭也是千姿百態(tài)。
設(shè)計方案配色時,我們可以革除一些傳統(tǒng)式的默認(rèn)設(shè)置款式,掌握設(shè)計方案身后的要求目地,思索色彩對頁面情景主要表現(xiàn)、感情傳遞等功效,進(jìn)而有根據(jù)、條理清晰、有方式 地搭建色彩配搭計劃方案。