沒有對比，就沒有傷害！看看設計中的大招！
先來張圖感受一下：
大家都是人類，為何體型差距那麼。。。
大家都是同齡人，為何長相。。。
同樣是做設計的，為何一個站著，一個坐著。。。。
（這篇不要讓曉波看到）
好了好了~ 今天要講的是設計！！不講明星八卦！
那麼，這期我們接著講版式設計基礎原理中的對比。
簡單來說，對比就是：
通過放大兩個元素之間的差異，來達到製造視覺衝突的效果。
再來一張形象點的示意圖。
對比是視覺設計中最常用的設計手法之一，它可以起到的作用有：
第一，強烈的對比可以形成視覺落差，從而有更強的視覺衝擊力。
第二，對比可以讓人快速的分清誰是頁面中的主角，誰是配角，這個過程就建立了信息層次。
沒有對比，畫面就會平淡無奇，抓不住用戶眼球。
來，跟我一起念：無對比，不設計。
那具體有哪些東西可以用來對比呢？
理論上來講，元素的一切可改變特徵都是可以拿來對比的，比如說：大小、搞定，形狀、顏色、紋理、位置、方向，軟硬，甚至表情、性格等等。
電影《變臉》和《搏擊俱樂部》的海報都是通過雙男主的表情對比，來暗示人物身份和劇情走向的。
在實際的工作中，我們一般採用視覺上比較容易感知到的一些屬性來對比，比如說大小、顏色等，下面我們列舉幾種常用的對比方式，分析它們在設計中的應用。
大小對比很簡單，就是把重點信息提煉出來，放大展示。這樣用戶可以第一時間聚焦到重點信息。
來看個簡單案例：
更多應用案例：
左圖：比較常規的大小對比，很好的構建了視覺秩序。
右圖：用的是放大局部，縮小整體的對比方式，通過誇張的比例營造出神秘的氛圍。
顏色對比也是最常用的對比方式之一，顏色對比的應用方式會更複雜一些。有色相對比、明度對比、冷暖對比等等，總之，就是顏色的所有屬性也都可以拿來對比。
還是這個簡單案例：
有了顏色對比之後，畫面重點進一步被突出。
更多應用案例：
左圖：《天使愛美麗》的海報利用了紅綠的色相對比，很好的襯托出主角的古靈精怪特質。
右圖：用了明度對比，通過兩種不同膚色的手指模擬出鋼琴的黑白鍵。
左圖：自古紅藍出CP，紅藍的冷暖對比是最經典的顏色對比方案。
右圖：紅黑配是經典的有彩色和無彩色的對比。
虛實對比能夠形成很強的空間感與速度感。
注意，不是這個虛！
再優化簡單案例：
添加一個虛化的 5 作為背景，再打點環境光之後，整個畫面就由平面變成有景深的立體空間了。
更多應用案例：
通過虛化的前景和背景飄浮物，使得整個畫面充滿動感。
虛實結合的小球，形成了遠近感，很好的體現了空間景深。
還是空間感和速度感。
這裡我不得不嚴肅地說一下，閃電俠能跑贏光速那麼牛逼，為什麼在超人面前變成戰五渣？？？我不服！
好了，回到教程來！
古人說：疏可跑馬，密不透風。講的就是疏密對比可以營造出很好的節奏變化。
案例：
很常規的排版，能做到將信息點清晰的傳達。
文字加入疏密變化之後，視覺上就有了節奏變化，畫面更有設計感。
更多應用案例：
將大段的文字密集排版，可以讓文字形成塊，視覺上更緊湊，也更利於留白。剩下來的大面積可以用來展示畫面主題，通過這樣的疏密變化不但可以形成好的閱讀節奏，也能更強化主題。
在實際的設計中，用來對比的元素會更多，但是限於篇幅，就只寫到這裡。接下來我通過實操案例具體演示對比在設計中的應用。
在實操案例中我把前面的簡單案例豐富化，做成一個完整的海報。
-----------
案例一
龐門正道聚會海報，突出聚會城市
-----------
1、找到一張能夠代表西安特色的照片——鼓樓
2、添加黑夜藍作為背景，與鼓樓的黃色形成對比
3、將文案大致排上去，由於鼓樓的主體在右下角，因此我們把文案的主體部分放到左上角，形成視覺上的平衡。
4、把文字按兩端對齊的方式排好，注意其中的細節處理，比如說文字的橫豎、大小等，添加線條把文案歸類整理。
5、最後添加一些小字，這樣就完成了海報的設計，我們來看海報中運用了哪些對比方式：
來看看最終效果：
-----------
案例二
龐門正道聚會海報，突出嘉賓人物
-----------
在案例一中，我採用了非常工整的排版方式，案例二就來嘗試一下非常規的排版方式。
1、首先當然是要找到一張帥的照片。
2、這張照片對比度略有不足，但是輪廓不錯，於是我試著用漸變映射將它處理成黑白的，並且加大對比，這樣就把人物的輪廓凸顯出來，同時黑白的顆粒感也得到強化。
處理過程：
3、將光斑以及其它不完美的細節處理好。
4、添加標題文字。
5、將標題改為更有視覺衝擊力的書法字體，並且調成高亮的黃色，與黑色背景形成極強的明度對比。
6、試著將文字打散，與人物輪廓結合，同時還可以留出空間來放其它的文案。
7、打上主要的文案，見縫插針的將文案安放到畫面中。
8、經過嘗試，整體右對齊的方式效果不錯。
9、最後添加一些輔助文案，使得畫面更平衡以及富有節奏感。這樣海報基本就完成了，我們來看看用到的對比方式：
看看最終效果：
好了，為了讓大家鞏固一下本期學習內容，留一下本期的作業。
主題：
海報設計
文案：
龐門正道第五屆線下設計分享會
北京站
2018-12-16
分享嘉賓：郗鑒，劉楊，阿門
尺寸：
1200X1600 像素
格式：
提交作品的時候，
需要把你的psd（不要ai或者cdr等格式）文件命名修改為：
----------------------------------------------
上一期投稿作品，真不少，每一張我都認真看了！
精選了3位同學！
上一期的獲獎作品。
01號作品
設計手法較為成熟，顏色、字體以及版式的選擇都很合理，已經是可以商用的設計稿了。
02號作品
名字的處理挺有意思，名片信息的分布也比較合理。
03號作品
很認真的練習，橫版和豎版各嘗試了十五種形式的排版，其中一些不乏亮點，值得鼓勵。
送出獎品，小鱷魚各一個！
沒有獲獎的同學不要灰心，不是你們做得差很遠，只是獲獎名額有限，下次可能就是你了！
好了，
學到乾貨的同學請大方地點擊一下喜歡作者！！ ：）
這樣下一期乾貨來得更快！
(更多乾貨教程，回復：色彩教程)
越努力，越幸運。
這裡是龐門正道。
TAG:龐門正道 |