為(wèi)什麽你的設計看(kàn)起來很(hěn)亂？在此之前我們先了(le)解一(yī)個概念，我們怎樣看(kàn)這(zhè)個世界？
我們通(tōng)過眼睛看(kàn)世界，眼（又稱眼睛，目）是一(yī)個可(kě)以感知光(guāng)線的器官。那(nà)麽結論來了(le)，我們看(kàn)到這(zhè)個世界，其實本質就是看(kàn)到了(le)光(guāng)。舉個例子，晴空萬裏時(shí)我們可(kě)以看(kàn)到很(hěn)遠很(hěn)遠的距離，反之在漆黑(hēi)的屋子裏，我們什麽都(dōu)看(kàn)不見(jiàn)。
我們再來了(le)解第二個問(wèn)題，眼睛是怎樣成像的？眼睛通(tōng)過調節晶狀體的彎曲程度（屈光(guāng)）來改變晶狀體焦距獲得倒立的、縮小的實像。簡單來說，成像原理就是晶狀體來改變焦距，簡單一(yī)點解釋決定成像的重要(yào)因素是焦距。
你的設計看(kàn)起來很(hěn)亂，往往在這(zhè)幾個方面出了(le)問(wèn)題：
明(míng)暗是指畫(huà)中物(wù)體受光(guāng)、背光(guāng)和(hé)反光(guāng)部分的明(míng)暗度變化以及對這(zhè)種變化的表現方法。明(míng)暗分亮面，灰面，暗面，以及明(míng)暗交界線，反光(guāng)五大調子。單個物(wù)體明(míng)暗關系，暗部（反光(guāng)，投影）＞灰面＞亮面。整體關系，靠近光(guāng)源暗部＞遠離光(guāng)源……畫(huà)畫(huà)核心畫(huà)的是光(guāng)，遵循光(guāng)照的自(zì)然規律即可(kě)。
去色檢查畫(huà)面明(míng)暗關系
從(cóng)上(shàng)至下(xià)三張圖依次是去色之後的黑(hēi)白圖；運用色相和(hé)飽和(hé)度給畫(huà)面賦予一(yī)個顔色的單色圖；原圖。
從(cóng)下(xià)圖可(kě)以粗略得出結論，明(míng)暗（光(guāng)源色）+固有色=色彩。調色之前先處理明(míng)暗，畫(huà)面顔色處理起來就非常簡單了(le)。
最近火(huǒ)爆的國(guó)産硬核科幻片海(hǎi)報，即使去掉顔色，黑(hēi)白關系依舊(jiù)明(míng)确清楚。好的設計即使沒有任何顔色，依舊(jiù)是一(yī)副好的素描畫(huà)。我所理解的明(míng)暗關系與色彩的關系相當于人(rén)體與衣服妝容的關系，對于一(yī)個美女(nǚ)是否漂亮，衣服妝容的搭配是你能(néng)達到漂亮的上(shàng)限，然而你的臉型，身高，氣質，皮膚才是你能(néng)達到的驚為(wèi)天人(rén)的基礎。
視(shì)覺焦點究其概念，是讓我們的視(shì)線多停留幾秒的視(shì)覺元素，我們在畫(huà)面中第一(yī)眼就能(néng)看(kàn)到的元素，畫(huà)面中的「主角」。
對畫(huà)面的視(shì)覺漏鬥進行(xíng)分類：
高斯模糊法看(kàn)視(shì)覺焦點
眯着眼睛看(kàn)形，睜着眼睛看(kàn)細節。把畫(huà)面模糊調到一(yī)定程度，然後看(kàn)畫(huà)面，如(rú)果畫(huà)面仍然能(néng)看(kàn)清楚「主角」，那(nà)麽畫(huà)面的視(shì)覺中心就是可(kě)以的。下(xià)圖畫(huà)面即使模糊了(le)，我們依然能(néng)看(kàn)清「男(nán)主角」沈騰以及飛馳人(rén)生四個大字，雖然原圖背景複雜(zá)以及其他(tā)裝飾物(wù)很(hěn)多，依然不影響畫(huà)面的整體協調感，元素多且雜(zá)而不亂。
這(zhè)上(shàng)面的兩個例子看(kàn)出，即使畫(huà)面模糊了(le)，還是能(néng)清晰看(kàn)到畫(huà)面表達的主題。那(nà)麽模糊度多少(shǎo)合适呢，一(yī)般調整到上(shàng)面所說的視(shì)覺漏鬥中重要(yào)元素看(kàn)起來剛好模糊到看(kàn)不清就可(kě)以了(le)。
色彩是附着在物(wù)品上(shàng)由于光(guāng)的照射産品漫反射的顔色，可(kě)以粗略按色彩元素分為(wèi)光(guāng)源色，固有色和(hé)漫反射産生的環境色。按照長(cháng)期的實踐經驗來看(kàn)，通(tōng)常比較和(hé)諧的配色方式是除了(le)産品的固有色之外(wài)，盡量把光(guāng)源色和(hé)環境色統一(yī)在三種顔色（黑(hēi)白灰不算顔色）之內(nèi)，顔色比例盡量類光(guāng)源色的主色調占據畫(huà)面百分之八十的面積，其他(tā)環境色作(zuò)為(wèi)補充。
色彩插件檢查配色
谷歌(gē)插件 palette.site 能(néng)分析出畫(huà)面顔色的狀态以及畫(huà)面中幾種主要(yào)的顔色，借助這(zhè)個插件能(néng)很(hěn)輕松檢查畫(huà)面是否超過了(le)3種顔色（黑(hēi)白灰不算顔色），如(rú)果超過三種顔色，那(nà)麽頁面就需要(yào)做(zuò)減法，或者将顔色統一(yī)在一(yī)個色系裏，用明(míng)度以及飽和(hé)度區(qū)分。
插件的使用方法：可(kě)以直接使用浏覽器下(xià)載，然後也可(kě)以在浏覽器中選擇一(yī)張圖片，右鍵「在新标簽中打開(kāi)圖片」，然後再「點擊右上(shàng)角的插件按鈕」分析顔色狀态。
從(cóng)上(shàng)面的兩個案例中可(kě)以看(kàn)出，兩個 banner 的顔色分析基本都(dōu)在三種顔色以內(nèi)，特别是下(xià)面的看(kàn)起來比較複雜(zá)的顔色，總共分析的顔色也就紅(hóng)黃(huáng)藍(lán)，其中藍(lán)色還是點綴色的存在。
今天的內(nèi)容就說到這(zhè)裏了(le)，我們回顧一(yī)下(xià)重點內(nèi)容，解決畫(huà)面看(kàn)起來很(hěn)亂可(kě)以有以下(xià)方法：
設計雖沒有近路，但(dàn)可(kě)以少(shǎo)走彎路。
在線客服1号
微(wēi)信公衆賬号