資深設(shè)計(jì)師總結(jié)的20個(gè)美工設(shè)計(jì)技巧
2016-02-28 21:28
同樣的素材，同樣的配色，不同的構(gòu)圖能夠讓頁(yè)面出來(lái)的效果有天壤之別，電商客服外包的出現(xiàn)使得店鋪運(yùn)營(yíng)、店鋪裝修、客服質(zhì)量都得到了相應(yīng)的提高。而對(duì)于專業(yè)的美工來(lái)說(shuō)，一個(gè)好的能夠吸引人的活動(dòng)頁(yè)面必須要把握住顧客的切入感，讓顧客融進(jìn)店鋪情景，這才算達(dá)到了目的。下面的20個(gè)設(shè)計(jì)技巧，也許會(huì)幫你打開(kāi)一扇門。
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ì)于如何借助色輪來(lái)創(chuàng)建配色方案有比較系統(tǒng)的介紹，比如大家所熟知的單色方案、相似色方案、對(duì)比色方案、對(duì)稱三色方案等等。
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ì)比。
06. 用邊角構(gòu)成對(duì)比
圓潤(rùn)的形狀會(huì)更加柔和，給人友好的感覺(jué)，而帶有尖角的形狀則會(huì)給人鋒銳明快的感覺(jué)。在進(jìn)行設(shè)計(jì)的時(shí)候，巧妙地將圓角和銳利的邊緣搭配到一起，可以形成互相映襯互相調(diào)和的效果。
07. 用紋理來(lái)對(duì)比
和形狀類似，紋理能賦予形體以性格，不同的性格則能形成對(duì)比。粗糙與光滑、堅(jiān)硬與柔軟、參差和平整，它們都是對(duì)比。網(wǎng)絡(luò)上的紋理資源非常多，如果你合理運(yùn)用能夠達(dá)到不錯(cuò)的效果。
08. 調(diào)整比例構(gòu)成對(duì)比
除了為設(shè)計(jì)作品增加有趣的內(nèi)容增加視覺(jué)吸引力，還可以通過(guò)調(diào)整比例，構(gòu)成大小對(duì)比來(lái)增加對(duì)比度。相同大小的元素很難構(gòu)成層次感，而有了大小對(duì)比就有了重心區(qū)別和差異，這樣也更利于構(gòu)建有張力的布局和有趣的樣式。
09. 調(diào)整視覺(jué)重心來(lái)對(duì)比
視覺(jué)重心也是設(shè)計(jì)中常說(shuō)的概念，你需要告訴用戶某個(gè)部分比其他的更重要，可以將它設(shè)計(jì)成視覺(jué)重心，通過(guò)調(diào)整它的色彩、造型、尺寸、樣式、紋理等屬性，同周圍的元素區(qū)分開(kāi)來(lái)，成為視覺(jué)重心。
10. 通過(guò)留白形成對(duì)比
雖然將頁(yè)面或者畫(huà)布填滿信息是非常誘人的事情，但是效果往往不好，留白同樣重要。留白可以期待分割內(nèi)容、組織設(shè)計(jì)元素、形成對(duì)比的作用。越是復(fù)雜多變的布局，留白越是重要（值得注意的是，它并不一定非得是白色）。留白出現(xiàn)之后，可以讓設(shè)計(jì)不同的部分有明顯的對(duì)比。
11. 通過(guò)位置控制來(lái)實(shí)現(xiàn)對(duì)比
從某種程度上來(lái)說(shuō)，每個(gè)設(shè)計(jì)作品都需要兼顧到平衡和張力，這樣可以讓設(shè)計(jì)均衡而又不沉悶，有條理又不紊亂。具體怎么做呢？最常見(jiàn)的是借助三分法和對(duì)角線結(jié)構(gòu)來(lái)控制布局。
·三分法：頁(yè)面被兩橫兩豎劃分成9塊區(qū)域，而四條線的四個(gè)交點(diǎn)是視覺(jué)重心。這是一種動(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. 用意外來(lái)營(yíng)造對(duì)比
出乎意料的設(shè)計(jì)很多時(shí)候非常有效，因?yàn)樗屓烁与y忘。突變、不集中、不典型都是意外的特征。充滿驚喜的元素會(huì)讓設(shè)計(jì)內(nèi)出現(xiàn)前后對(duì)比。意想不到的色彩和圖形都是這樣的設(shè)計(jì)。
13. 通過(guò)重復(fù)和模式來(lái)對(duì)比
嚴(yán)格意義上來(lái)講，重復(fù)的樣式和模式化的設(shè)計(jì)是通過(guò)營(yíng)造視覺(jué)焦點(diǎn)和趣味性的視覺(jué)來(lái)實(shí)現(xiàn)對(duì)比效果的。
14. 使用位置和方向來(lái)對(duì)比
錯(cuò)落的位置、不一致的方向能夠構(gòu)成對(duì)比。不一樣的間距，不同的空間特征，打破了整個(gè)設(shè)計(jì)的一致性特征，合理地掌控其中的平衡，可以營(yíng)造出頗為不錯(cuò)的對(duì)比，又不會(huì)太過(guò)違和。
15. 通過(guò)靠近和分離來(lái)對(duì)比
通過(guò)靠近分組的方式來(lái)組織內(nèi)容也是一種常見(jiàn)的設(shè)計(jì)技巧，可以更加便于瀏覽，更清晰地分割內(nèi)容。通過(guò)這種方式劃分出群體和個(gè)體，這也是一種對(duì)比。
16. 借助視覺(jué)引導(dǎo)來(lái)構(gòu)建對(duì)比
研究表明，人能記住他們所看到的80%的內(nèi)容，這也是為什么設(shè)計(jì)是強(qiáng)大的工具。但是用戶需要適當(dāng)?shù)囊曈X(jué)引導(dǎo)來(lái)找到重要的內(nèi)容。所以，視覺(jué)引導(dǎo)很重要，通過(guò)圓點(diǎn)、箭頭、下劃線等多種方式來(lái)區(qū)分內(nèi)容的重要性、條理性。而下面的案例也正是這樣做的。
17. 復(fù)雜和簡(jiǎn)單的對(duì)比
將復(fù)雜和簡(jiǎn)單的樣式混合使用，常常能夠產(chǎn)生足夠的對(duì)比度。這種對(duì)立本身就是對(duì)比。下面的案例就是很好的例子，繁復(fù)的花卉樣式和中間簡(jiǎn)約的留白與文字構(gòu)成對(duì)比。
18. 字體組合的對(duì)比
不同于使用單一字體家族所追求的一致性設(shè)計(jì)，講究對(duì)比度的字體組合往往會(huì)使用不同類型的字體搭配。不過(guò)這樣的設(shè)計(jì)有一些地方值得注意：如果要對(duì)比度，那么字體一定要有明顯的差異，只有這樣才有區(qū)分度。不同字體應(yīng)對(duì)不同的職能，不要在同樣的功能區(qū)使用不同的字體，這樣會(huì)造成混亂。一般而言，使用一個(gè)襯線體和一個(gè)非襯線體來(lái)搭配是個(gè)不錯(cuò)的選擇。
19. 在進(jìn)行排版的對(duì)比度設(shè)計(jì)的時(shí)候務(wù)必要注意
當(dāng)你尋求字體組合的時(shí)候，你需要的是對(duì)比度而非沖突，這兩者是有區(qū)別的。兩種字體有差異，有的時(shí)候是對(duì)比，有的則是沖突。這種差異并沒(méi)有一種明確的規(guī)則，更多的時(shí)候是需要依靠設(shè)計(jì)者的直覺(jué)來(lái)判斷，多看多做你會(huì)逐漸明白的。
20. 借助樣式和字重來(lái)構(gòu)建排版對(duì)比度
許多字體都有著不同的樣式和字重，比如細(xì)體、粗體、斜體、窄體等等等等。這些字體在排版中使用，構(gòu)成對(duì)比，突出不同的部分。
然而，和絕大多數(shù)的設(shè)計(jì)規(guī)則一樣，平衡是對(duì)比度控制的核心規(guī)則。如果對(duì)比度反差太大，這樣的視覺(jué)設(shè)計(jì)可能是混亂而不和諧的，如果對(duì)比度不明顯，那么設(shè)計(jì)作品可能看起來(lái)單調(diào)而晦暗，毫不突出。當(dāng)然，這些技能都需要美工在不斷的店鋪裝修中提升自己的圖片處理能力和色彩搭配能力。
