36個美工設計技巧

　　怎么控制對比度才能真正提升設計項目的視覺效果呢？遺憾的是，你所期待的神奇公式并不存在。正如同你剛剛開始學習設計技能的時候一樣，對比度設計中的許多技巧不是非此即彼的簡單規(guī)程。下面是小編給大家整理的關于美工設計技巧，歡迎閱讀！

　　01. 深淺色彩對比

　　這個值通常指的是色彩的明暗度，純黑和純白深淺的極致。但是要創(chuàng)造高對比度的色調并不是非得使用黑色和白色。將一個色彩調亮一個調暗是調出對比度的有效手段。

　　02. 不同色調構建對比度

　　傳統(tǒng)的色輪上有12種色彩，但是常用的配色方案有很多，系統(tǒng)的配色理論中對于如何借助色輪來創(chuàng)建配色方案有比較系統(tǒng)的介紹，比如大家所熟知的單色方案、相似色方案、對比色方案、對稱三色方案等等。在諸多配色方案中，有一些對比度非常高的配色方案，比如：

　　對比色：色輪對稱位置的兩種色彩對比強烈，比如紅和綠，藍和黃，等等。

　　分離式對比色：色輪上任意位置的色彩，和它正對位置的色彩兩側的色彩，三種色彩共同組成的配色方案。

　　對稱三色：色輪上相互構成120度角度的三種色彩。

　　值得注意的是，在實際運用中不要使用高飽和度的純色，雖然那樣對比強烈，但是并不一定好看。適當?shù)卣{整深淺和色調，會讓整個配色更優(yōu)秀。

　　03. 控制色溫營造對比

　　色彩都有著不同的色溫，黑白灰是中性色（米色和棕色有時候也會被歸類與中性色），紅色、橙色是暖色調，藍色、綠色是冷色調。不同色溫的色調在一起的時候能夠形成不錯的對比度。

　　04. 借助飽和度控制對比

　　色彩的強度最強的時候，也就是飽和度最高的時候，是最純粹的色彩。飽和度越高色彩越鮮艷，飽和度越低越接近于灰色。同一色彩不同飽和度下的色彩能夠構成對比，不同色彩不同飽和度下也能構成對比。

　　05. 形狀對比：幾何形狀與有機形狀

　　我所熟知的幾何形狀，諸如矩形、三角形和圓形都是規(guī)整的形狀，而流態(tài)的、或者源自自然物體的各種不規(guī)整的有機形狀則通常不是特別規(guī)整，和幾何形狀可以構成對比。

　　規(guī)整的幾何圖形，而其中填充著自然的、插畫式的圖案，兩者構成對比又相互依存。

　　06. 用邊角構成對比

　　圓潤的形狀會更加柔和，給人友好的感覺，而帶有尖角的形狀則會給人鋒銳明快的感覺。在進行設計的時候，巧妙地將圓角和銳利的邊緣搭配到一起，可以形成互相映襯互相調和的效果。

　　07. 用紋理來對比

　　和形狀類似，紋理能賦予形體以性格，不同的性格則能形成對比。粗糙與光滑、堅硬與柔軟、參差和平整，它們都是對比。網絡上的紋理資源非常多，如果你合理運用能夠達到不錯的效果。

　　好看的圖案整體上都是平滑的線條和形狀，唯有其中的數(shù)字添加了少敘粗糙而復古的紋理，讓巨大的數(shù)字增加的信息量和對比，不再單調。

　　08. 調整比例構成對比

　　除了為設計作品增加有趣的內容增加視覺吸引力，還可以通過調整比例，構成大小對比來增加對比度。相同大小的元素很難構成層次感，而有了大小對比就有了重心區(qū)別和差異，這樣也更利于構建有張力的布局和有趣的樣式。

　　09. 調整視覺重心來對比

　　視覺重心也是設計中常說的概念，你需要告訴用戶某個部分比其他的更重要，可以將它設計成視覺重心，通過調整它的色彩、造型、尺寸、樣式、紋理等屬性，同周圍的元素區(qū)分開來，成為視覺重心。

　　10. 通過留白形成對比

　　雖然將頁面或者畫布填滿信息是非常誘人的事情，但是效果往往不好，留白同樣重要。留白可以期待分割內容、組織設計元素、形成對比的作用。越是復雜多變的布局，留白越是重要（值得注意的是，它并不一定非得是白色）。留白出現(xiàn)之后，可以讓設計不同的部分有明顯的對比。

　　留白分割出兩個側邊欄和中間的圖片，讓信息更加有組織，也突出了重點。

　　11. 通過位置控制來實現(xiàn)對比

　　從某種程度上來說，每個設計作品都需要兼顧到平衡和張力，這樣可以讓設計均衡而又不沉悶，有條理又不紊亂。具體怎么做呢？最常見的是借助三分法和對角線結構來控制布局。

　　三分法：頁面被兩橫兩豎劃分成9塊區(qū)域，而四條線的四個交點是視覺重心。這是一種動態(tài)的布局方式，它更自然舒適，什么都放到正中心的設計是單調而枯燥的。

　　對角線：對角線和S型布局都可以讓設計充滿動感，眼睛會更自然地運動，不會沿襲傳統(tǒng)的橫豎方向運動，更有趣，消解了布局的單調性。

　　12. 用意外來營造對比

　　出乎意料的設計很多時候非常有效，因為它讓人更加難忘。突變、不集中、不典型都是意外的特征。充滿驚喜的元素會讓設計內出現(xiàn)前后對比。意想不到的色彩和圖形都是這樣的設計。

　　這個頁面的設計、排版就是這么做的，原本簡單的布局通過元素間的遮蓋“互動”了起來。

　　13. 通過重復和模式來對比

　　嚴格意義上來講，重復的樣式和模式化的設計是通過營造視覺焦點和趣味性的視覺來實現(xiàn)對比效果的。

　　設計師在左側使用了模式化的圖形來填充，它不僅和右邊形成對比，而且還有助于強化品牌認知。

　　14. 使用位置和方向來對比

　　錯落的位置、不一致的方向能夠構成對比。不一樣的間距，不同的空間特征，打破了整個設計的一致性特征，合理地掌控其中的平衡，可以營造出頗為不錯的對比，又不會太過違和。

　　15. 通過靠近和分離來對比

　　通過靠近分組的方式來組織內容也是一種常見的設計技巧，可以更加便于瀏覽，更清晰地分割內容。通過這種方式劃分出群體和個體，這也是一種對比。

　　16. 借助視覺引導來構建對比

　　研究表明，人能記住他們所看到的80%的內容，這也是為什么設計是強大的工具。但是用戶需要適當?shù)囊曈X引導來找到重要的內容。所以，視覺引導很重要，通過圓點、箭頭、下劃線等多種方式來區(qū)分內容的重要性、條理性。

　　17. 復雜和簡單的對比

　　將復雜和簡單的樣式混合使用，常常能夠產生足夠的對比度。這種對立本身就是對比。

　　18. 字體組合的對比

　　不同于使用單一字體家族所追求的一致性設計，講究對比度的字體組合往往會使用不同類型的字體搭配。不過這樣的設計有一些地方值得注意：如果要對比度，那么字體一定要有明顯的差異，只有這樣才有區(qū)分度。不同字體應對不同的職能，不要在同樣的功能區(qū)使用不同的字體，這樣會造成混亂。一般而言，使用一個襯線體和一個非襯線體來搭配是個不錯的選擇。

　　19. 在進行排版的對比度設計的時候務必要注意

　　當你尋求字體組合的時候，你需要的是對比度而非沖突，這兩者是有區(qū)別的。兩種字體有差異，有的時候是對比，有的則是沖突。這種差異并沒有一種明確的規(guī)則，更多的時候是需要依靠設計者的直覺來判斷，多看多做你會逐漸明白的。

　　20. 借助樣式和字重來構建排版對比度

　　許多字體都有著不同的樣式和字重，比如細體、粗體、斜體、窄體等等等等。這些字體在排版中使用，構成對比，突出不同的部分。

　　21、Photoshop應用技能

　　專業(yè)圖像處理軟件，用于淘寶廣告、網店平面制作，內容涵括PS工具箱、圖層、圖層樣式、圖層蒙版、通道，路徑、濾鏡、調色，知識高度歸納與總結。

　　22、淘寶后臺操作

　　直接打開淘寶店鋪后臺，講解淘寶網店裝修規(guī)則，現(xiàn)場演示網店首頁、詳情頁、活動專題頁的裝修流程，輕松掌握淘寶網店裝修技巧。

　　23、利用Dreamweaver手工書寫淘寶代碼技能

　　網頁設計布局軟件，網店裝修必備，用代碼的方式去自定義店鋪頁面，可簡化頁面代碼，提高頁面布局的準確度，完美實現(xiàn)設計稿的內容。

　　24、美工實踐應用技能(淘寶整體店鋪裝修綜合實例講解)

　　網店裝修整體風格把握;首頁、詳情頁、活動頁的設計經驗與創(chuàng)意技巧，多案例演示學會用視覺語言去詮釋寶貝的信息與賣點，提升網店轉化率。

　　25、中心構圖

　　把主體放在畫面中心，最簡單、易用、好上手初學者必備。但也是最容易呆板、讓觀眾膩煩的構圖，因為，主體位置與人們默認的觀察視覺一致，平鋪直敘的觀感，不容易引起額外的興趣。

　　但想表現(xiàn)日常感的記錄視角，中心構圖也無妨（不少日系攝影師也有中心構圖的偏好哦）。

　　26、邊框構圖

　　把主體內容放在邊框之中，使之在畫面中被框選突出。

　　室內外光比較大的時候，對室外景物測光，使前景（室內墻壁與窗戶）被壓暗，會形成有趣的掛畫墻效果。

　　邊框不一定是完整的、有明確形狀的事物。利用角度，屋檐在視覺上的合圍，也能被用作半包圍的邊框。

　　透過邊框觀察景物，等同于取景之上再取景，調整你與邊框的位置（正側、俯仰、遠近），效果也不一樣。

　　27、三明治構圖

　　非典型的邊框構圖形式，如同三明治結構，通過左右（或上下）的前景夾緊，將觀眾引導至中部狹長的位置，使主體突顯。

　　給人以豁然開朗，適合表現(xiàn)建筑群的中的獨立建筑，常配合前后景的明暗反差表現(xiàn)。

　　28、隧道構圖

　　配合場景的縱深結構，利用近場低亮度，遠處主體高亮度的光照過渡，達到視覺空間隧道效應，使觀眾得到柳暗花明的心理感受。

　　適合單一主體已經情緒氛圍（安靜、疏遠）的表達。

　　29、三分構圖

　　層次分明的三層式構圖，適合表現(xiàn)場景事物的位置關系（上中下、遠中近），泛用性強，非常好用。打開手機取景的輔助線，拍攝時候進行練習，能培養(yǎng)構圖意識。

　　此外配合后期修圖的景深虛化功能，能制作出玩具微縮場景的移軸趣味效果。

　　30、對稱構圖

　　中軸對稱把主體平分，帶來視覺平衡。注意無論對稱軸線是垂直還是水平，記得保持正直。

　　31、放射構圖

　　在畫面中找到事物透視中的消逝點，以此為重心，把物體和場景的線條收攏起來，能帶來非常有視覺張力和沖擊力的畫面。

　　軌道列車就是常以此表現(xiàn)的題材。

　　32、三角構圖

　　同樣依照透視的原理進行畫面組織，在拍攝大型高層建筑（群）常用三角構圖。

　　需要留意，三角的構圖形式并非要求場景圍閉成完整的三角形狀，只要以一邊為參照，兩個相鄰的邊線元素有朝內聚合的傾向，就可以看做是三角構圖了。

　　33、對角線構圖

　　雕像手臂的指向，帶來力量感與方向的元素，完成畫面的對角引導線的構成。

　　34、中心+對焦

　　綜合利用的中心與對角線的進階構圖方式。前景主體花朵放置于中心帶來穩(wěn)定感，而后方的.傾斜山脊線增添了畫面動感，并且在天空背景前加入了層次。

　　35、字母構圖

　　以字母輪廓線為引導，對景物進行組織，適用于輪廓線條明顯的室外場景或者室內可擺設的靜物拍攝。

　　利用盤子與視角傾斜，形成S形構圖。

　　以及突出盤子造型邊線的C形構圖。

　　在場景中提煉輪廓線條是關鍵。

　　36、交點構圖

　　三分構圖的進階技巧，將畫面縱橫三分形成井字形的分割，將主體（趣味中心）放置于交點上。雖然是樸素的入門的技巧，但非常實用，能讓普通觀眾對作品產生專業(yè)感的小竅門。

　　再次進階，找到畫面的四個黃金分割點，放置主體。

　　注意兩者的細微差別，井字構圖可以看做簡化版的黃金分割構圖的應用形式。

　　黃金分割點帶來的視覺美感，能很好的融入其他技巧當中，前面說到的隧道、放射、字母構圖等，都能把主體設置在黃金分割點上進一步提升。

【36個美工設計技巧】相關文章：

企業(yè)網頁美工設計色彩搭配的技巧09-04

UI美工設計的職責02-08

美工設計崗位職責10-22

如何學好網頁美工設計09-05

(優(yōu)秀)UI美工設計的職責07-05

UI美工設計的職責集錦03-31

UI美工設計的職責24篇06-15

UI美工設計的職責(18篇)06-16

UI美工設計的崗位職責09-20