- 相關(guān)推薦
36個(gè)美工設(shè)計(jì)技巧
怎么控制對(duì)比度才能真正提升設(shè)計(jì)項(xiàng)目的視覺效果呢？遺憾的是，你所期待的神奇公式并不存在。正如同你剛剛開始學(xué)習(xí)設(shè)計(jì)技能的時(shí)候一樣，對(duì)比度設(shè)計(jì)中的許多技巧不是非此即彼的簡(jiǎn)單規(guī)程。下面是小編給大家整理的關(guān)于美工設(shè)計(jì)技巧，歡迎閱讀！
01. 深淺色彩對(duì)比
這個(gè)值通常指的是色彩的明暗度，純黑和純白深淺的極致。但是要?jiǎng)?chuàng)造高對(duì)比度的色調(diào)并不是非得使用黑色和白色。將一個(gè)色彩調(diào)亮一個(gè)調(diào)暗是調(diào)出對(duì)比度的有效手段。
02. 不同色調(diào)構(gòu)建對(duì)比度
傳統(tǒng)的色輪上有12種色彩，但是常用的配色方案有很多，系統(tǒng)的配色理論中對(duì)于如何借助色輪來創(chuàng)建配色方案有比較系統(tǒng)的介紹，比如大家所熟知的單色方案、相似色方案、對(duì)比色方案、對(duì)稱三色方案等等。在諸多配色方案中，有一些對(duì)比度非常高的配色方案，比如：
對(duì)比色：色輪對(duì)稱位置的兩種色彩對(duì)比強(qiáng)烈，比如紅和綠，藍(lán)和黃，等等。
分離式對(duì)比色：色輪上任意位置的色彩，和它正對(duì)位置的色彩兩側(cè)的色彩，三種色彩共同組成的配色方案。
對(duì)稱三色：色輪上相互構(gòu)成120度角度的三種色彩。
值得注意的是，在實(shí)際運(yùn)用中不要使用高飽和度的純色，雖然那樣對(duì)比強(qiáng)烈，但是并不一定好看。適當(dāng)?shù)卣{(diào)整深淺和色調(diào)，會(huì)讓整個(gè)配色更優(yōu)秀。
03. 控制色溫營(yíng)造對(duì)比
色彩都有著不同的色溫，黑白灰是中性色（米色和棕色有時(shí)候也會(huì)被歸類與中性色），紅色、橙色是暖色調(diào)，藍(lán)色、綠色是冷色調(diào)。不同色溫的色調(diào)在一起的時(shí)候能夠形成不錯(cuò)的對(duì)比度。
04. 借助飽和度控制對(duì)比
色彩的強(qiáng)度最強(qiáng)的時(shí)候，也就是飽和度最高的時(shí)候，是最純粹的色彩。飽和度越高色彩越鮮艷，飽和度越低越接近于灰色。同一色彩不同飽和度下的色彩能夠構(gòu)成對(duì)比，不同色彩不同飽和度下也能構(gòu)成對(duì)比。
05. 形狀對(duì)比：幾何形狀與有機(jī)形狀
我所熟知的幾何形狀，諸如矩形、三角形和圓形都是規(guī)整的形狀，而流態(tài)的、或者源自自然物體的各種不規(guī)整的有機(jī)形狀則通常不是特別規(guī)整，和幾何形狀可以構(gòu)成對(duì)比。
規(guī)整的幾何圖形，而其中填充著自然的、插畫式的圖案，兩者構(gòu)成對(duì)比又相互依存。
06. 用邊角構(gòu)成對(duì)比
圓潤(rùn)的形狀會(huì)更加柔和，給人友好的感覺，而帶有尖角的形狀則會(huì)給人鋒銳明快的感覺。在進(jìn)行設(shè)計(jì)的時(shí)候，巧妙地將圓角和銳利的邊緣搭配到一起，可以形成互相映襯互相調(diào)和的效果。
07. 用紋理來對(duì)比
和形狀類似，紋理能賦予形體以性格，不同的性格則能形成對(duì)比。粗糙與光滑、堅(jiān)硬與柔軟、參差和平整，它們都是對(duì)比。網(wǎng)絡(luò)上的紋理資源非常多，如果你合理運(yùn)用能夠達(dá)到不錯(cuò)的效果。
好看的圖案整體上都是平滑的線條和形狀，唯有其中的數(shù)字添加了少敘粗糙而復(fù)古的紋理，讓巨大的數(shù)字增加的信息量和對(duì)比，不再單調(diào)。
08. 調(diào)整比例構(gòu)成對(duì)比
除了為設(shè)計(jì)作品增加有趣的內(nèi)容增加視覺吸引力，還可以通過調(diào)整比例，構(gòu)成大小對(duì)比來增加對(duì)比度。相同大小的元素很難構(gòu)成層次感，而有了大小對(duì)比就有了重心區(qū)別和差異，這樣也更利于構(gòu)建有張力的布局和有趣的樣式。
09. 調(diào)整視覺重心來對(duì)比
視覺重心也是設(shè)計(jì)中常說的概念，你需要告訴用戶某個(gè)部分比其他的更重要，可以將它設(shè)計(jì)成視覺重心，通過調(diào)整它的色彩、造型、尺寸、樣式、紋理等屬性，同周圍的元素區(qū)分開來，成為視覺重心。
10. 通過留白形成對(duì)比
雖然將頁(yè)面或者畫布填滿信息是非常誘人的事情，但是效果往往不好，留白同樣重要。留白可以期待分割內(nèi)容、組織設(shè)計(jì)元素、形成對(duì)比的作用。越是復(fù)雜多變的布局，留白越是重要（值得注意的是，它并不一定非得是白色）。留白出現(xiàn)之后，可以讓設(shè)計(jì)不同的部分有明顯的對(duì)比。
留白分割出兩個(gè)側(cè)邊欄和中間的圖片，讓信息更加有組織，也突出了重點(diǎn)。
11. 通過位置控制來實(shí)現(xiàn)對(duì)比
從某種程度上來說，每個(gè)設(shè)計(jì)作品都需要兼顧到平衡和張力，這樣可以讓設(shè)計(jì)均衡而又不沉悶，有條理又不紊亂。具體怎么做呢？最常見的是借助三分法和對(duì)角線結(jié)構(gòu)來控制布局。
三分法：頁(yè)面被兩橫兩豎劃分成9塊區(qū)域，而四條線的四個(gè)交點(diǎn)是視覺重心。這是一種動(dòng)態(tài)的布局方式，它更自然舒適，什么都放到正中心的設(shè)計(jì)是單調(diào)而枯燥的。
對(duì)角線：對(duì)角線和S型布局都可以讓設(shè)計(jì)充滿動(dòng)感，眼睛會(huì)更自然地運(yùn)動(dòng)，不會(huì)沿襲傳統(tǒng)的橫豎方向運(yùn)動(dòng)，更有趣，消解了布局的單調(diào)性。
12. 用意外來營(yíng)造對(duì)比
出乎意料的設(shè)計(jì)很多時(shí)候非常有效，因?yàn)樗屓烁与y忘。突變、不集中、不典型都是意外的特征。充滿驚喜的元素會(huì)讓設(shè)計(jì)內(nèi)出現(xiàn)前后對(duì)比。意想不到的色彩和圖形都是這樣的設(shè)計(jì)。
這個(gè)頁(yè)面的設(shè)計(jì)、排版就是這么做的，原本簡(jiǎn)單的布局通過元素間的遮蓋“互動(dòng)”了起來。
13. 通過重復(fù)和模式來對(duì)比
嚴(yán)格意義上來講，重復(fù)的樣式和模式化的設(shè)計(jì)是通過營(yíng)造視覺焦點(diǎn)和趣味性的視覺來實(shí)現(xiàn)對(duì)比效果的。
設(shè)計(jì)師在左側(cè)使用了模式化的圖形來填充，它不僅和右邊形成對(duì)比，而且還有助于強(qiáng)化品牌認(rèn)知。
14. 使用位置和方向來對(duì)比
錯(cuò)落的位置、不一致的方向能夠構(gòu)成對(duì)比。不一樣的間距，不同的空間特征，打破了整個(gè)設(shè)計(jì)的一致性特征，合理地掌控其中的平衡，可以營(yíng)造出頗為不錯(cuò)的對(duì)比，又不會(huì)太過違和。
15. 通過靠近和分離來對(duì)比
通過靠近分組的方式來組織內(nèi)容也是一種常見的設(shè)計(jì)技巧，可以更加便于瀏覽，更清晰地分割內(nèi)容。通過這種方式劃分出群體和個(gè)體，這也是一種對(duì)比。
16. 借助視覺引導(dǎo)來構(gòu)建對(duì)比
研究表明，人能記住他們所看到的80%的內(nèi)容，這也是為什么設(shè)計(jì)是強(qiáng)大的工具。但是用戶需要適當(dāng)?shù)囊曈X引導(dǎo)來找到重要的內(nèi)容。所以，視覺引導(dǎo)很重要，通過圓點(diǎn)、箭頭、下劃線等多種方式來區(qū)分內(nèi)容的重要性、條理性。
17. 復(fù)雜和簡(jiǎn)單的對(duì)比
將復(fù)雜和簡(jiǎn)單的樣式混合使用，常常能夠產(chǎn)生足夠的對(duì)比度。這種對(duì)立本身就是對(duì)比。
18. 字體組合的對(duì)比
不同于使用單一字體家族所追求的一致性設(shè)計(jì)，講究對(duì)比度的字體組合往往會(huì)使用不同類型的字體搭配。不過這樣的設(shè)計(jì)有一些地方值得注意：如果要對(duì)比度，那么字體一定要有明顯的差異，只有這樣才有區(qū)分度。不同字體應(yīng)對(duì)不同的職能，不要在同樣的功能區(qū)使用不同的字體，這樣會(huì)造成混亂。一般而言，使用一個(gè)襯線體和一個(gè)非襯線體來搭配是個(gè)不錯(cuò)的選擇。
19. 在進(jìn)行排版的對(duì)比度設(shè)計(jì)的時(shí)候務(wù)必要注意
當(dāng)你尋求字體組合的時(shí)候，你需要的是對(duì)比度而非沖突，這兩者是有區(qū)別的。兩種字體有差異，有的時(shí)候是對(duì)比，有的則是沖突。這種差異并沒有一種明確的規(guī)則，更多的時(shí)候是需要依靠設(shè)計(jì)者的直覺來判斷，多看多做你會(huì)逐漸明白的。
20. 借助樣式和字重來構(gòu)建排版對(duì)比度
許多字體都有著不同的樣式和字重，比如細(xì)體、粗體、斜體、窄體等等等等。這些字體在排版中使用，構(gòu)成對(duì)比，突出不同的部分。
21、Photoshop應(yīng)用技能
專業(yè)圖像處理軟件，用于淘寶廣告、網(wǎng)店平面制作，內(nèi)容涵括PS工具箱、圖層、圖層樣式、圖層蒙版、通道，路徑、濾鏡、調(diào)色，知識(shí)高度歸納與總結(jié)。
22、淘寶后臺(tái)操作
直接打開淘寶店鋪后臺(tái)，講解淘寶網(wǎng)店裝修規(guī)則，現(xiàn)場(chǎng)演示網(wǎng)店首頁(yè)、詳情頁(yè)、活動(dòng)專題頁(yè)的裝修流程，輕松掌握淘寶網(wǎng)店裝修技巧。
23、利用Dreamweaver手工書寫淘寶代碼技能
網(wǎng)頁(yè)設(shè)計(jì)布局軟件，網(wǎng)店裝修必備，用代碼的方式去自定義店鋪頁(yè)面，可簡(jiǎn)化頁(yè)面代碼，提高頁(yè)面布局的準(zhǔn)確度，完美實(shí)現(xiàn)設(shè)計(jì)稿的內(nèi)容。
24、美工實(shí)踐應(yīng)用技能(淘寶整體店鋪裝修綜合實(shí)例講解)
網(wǎng)店裝修整體風(fēng)格把握;首頁(yè)、詳情頁(yè)、活動(dòng)頁(yè)的設(shè)計(jì)經(jīng)驗(yàn)與創(chuàng)意技巧，多案例演示學(xué)會(huì)用視覺語言去詮釋寶貝的信息與賣點(diǎn)，提升網(wǎng)店轉(zhuǎn)化率。
25、中心構(gòu)圖
把主體放在畫面中心，最簡(jiǎn)單、易用、好上手初學(xué)者必備。但也是最容易呆板、讓觀眾膩煩的構(gòu)圖，因?yàn)椋黧w位置與人們默認(rèn)的觀察視覺一致，平鋪直敘的觀感，不容易引起額外的興趣。
但想表現(xiàn)日常感的記錄視角，中心構(gòu)圖也無妨（不少日系攝影師也有中心構(gòu)圖的偏好哦）。
26、邊框構(gòu)圖
把主體內(nèi)容放在邊框之中，使之在畫面中被框選突出。
室內(nèi)外光比較大的時(shí)候，對(duì)室外景物測(cè)光，使前景（室內(nèi)墻壁與窗戶）被壓暗，會(huì)形成有趣的掛畫墻效果。
邊框不一定是完整的、有明確形狀的事物。利用角度，屋檐在視覺上的合圍，也能被用作半包圍的邊框。
透過邊框觀察景物，等同于取景之上再取景，調(diào)整你與邊框的位置（正側(cè)、俯仰、遠(yuǎn)近），效果也不一樣。
27、三明治構(gòu)圖
非典型的邊框構(gòu)圖形式，如同三明治結(jié)構(gòu)，通過左右（或上下）的前景夾緊，將觀眾引導(dǎo)至中部狹長(zhǎng)的位置，使主體突顯。
給人以豁然開朗，適合表現(xiàn)建筑群的中的獨(dú)立建筑，常配合前后景的明暗反差表現(xiàn)。
28、隧道構(gòu)圖
配合場(chǎng)景的縱深結(jié)構(gòu)，利用近場(chǎng)低亮度，遠(yuǎn)處主體高亮度的光照過渡，達(dá)到視覺空間隧道效應(yīng)，使觀眾得到柳暗花明的心理感受。
適合單一主體已經(jīng)情緒氛圍（安靜、疏遠(yuǎn)）的表達(dá)。
29、三分構(gòu)圖
層次分明的三層式構(gòu)圖，適合表現(xiàn)場(chǎng)景事物的位置關(guān)系（上中下、遠(yuǎn)中近），泛用性強(qiáng)，非常好用。打開手機(jī)取景的輔助線，拍攝時(shí)候進(jìn)行練習(xí)，能培養(yǎng)構(gòu)圖意識(shí)。
此外配合后期修圖的景深虛化功能，能制作出玩具微縮場(chǎng)景的移軸趣味效果。
30、對(duì)稱構(gòu)圖
中軸對(duì)稱把主體平分，帶來視覺平衡。注意無論對(duì)稱軸線是垂直還是水平，記得保持正直。
31、放射構(gòu)圖
在畫面中找到事物透視中的消逝點(diǎn)，以此為重心，把物體和場(chǎng)景的線條收攏起來，能帶來非常有視覺張力和沖擊力的畫面。
軌道列車就是常以此表現(xiàn)的題材。
32、三角構(gòu)圖
同樣依照透視的原理進(jìn)行畫面組織，在拍攝大型高層建筑（群）常用三角構(gòu)圖。
需要留意，三角的構(gòu)圖形式并非要求場(chǎng)景圍閉成完整的三角形狀，只要以一邊為參照，兩個(gè)相鄰的邊線元素有朝內(nèi)聚合的傾向，就可以看做是三角構(gòu)圖了。
33、對(duì)角線構(gòu)圖
雕像手臂的指向，帶來力量感與方向的元素，完成畫面的對(duì)角引導(dǎo)線的構(gòu)成。
34、中心+對(duì)焦
綜合利用的中心與對(duì)角線的進(jìn)階構(gòu)圖方式。前景主體花朵放置于中心帶來穩(wěn)定感，而后方的.傾斜山脊線增添了畫面動(dòng)感，并且在天空背景前加入了層次。
35、字母構(gòu)圖
以字母輪廓線為引導(dǎo)，對(duì)景物進(jìn)行組織，適用于輪廓線條明顯的室外場(chǎng)景或者室內(nèi)可擺設(shè)的靜物拍攝。
利用盤子與視角傾斜，形成S形構(gòu)圖。
以及突出盤子造型邊線的C形構(gòu)圖。
在場(chǎng)景中提煉輪廓線條是關(guān)鍵。
36、交點(diǎn)構(gòu)圖
三分構(gòu)圖的進(jìn)階技巧，將畫面縱橫三分形成井字形的分割，將主體（趣味中心）放置于交點(diǎn)上。雖然是樸素的入門的技巧，但非常實(shí)用，能讓普通觀眾對(duì)作品產(chǎn)生專業(yè)感的小竅門。
再次進(jìn)階，找到畫面的四個(gè)黃金分割點(diǎn)，放置主體。
注意兩者的細(xì)微差別，井字構(gòu)圖可以看做簡(jiǎn)化版的黃金分割構(gòu)圖的應(yīng)用形式。
黃金分割點(diǎn)帶來的視覺美感，能很好的融入其他技巧當(dāng)中，前面說到的隧道、放射、字母構(gòu)圖等，都能把主體設(shè)置在黃金分割點(diǎn)上進(jìn)一步提升。
【36個(gè)美工設(shè)計(jì)技巧】相關(guān)文章：
企業(yè)網(wǎng)頁(yè)美工設(shè)計(jì)色彩搭配的技巧09-04
如何學(xué)好網(wǎng)頁(yè)美工設(shè)計(jì)09-05
(優(yōu)秀)UI美工設(shè)計(jì)的職責(zé)07-05
UI美工設(shè)計(jì)的職責(zé)24篇06-15