推薦閱讀

有很多看似非常復雜的設計其背后的邏輯往往非常簡單，今天分享一個版式的練習，幫助大家對這種有些抽象的設計流程進行拆分和講解，希望對大家有用。

這個圖總的來說優大于劣，最省事的方法一眼就是做成中心構圖，輔助一個簡單的四角結構就能解決了，變化性不是太強，因為下半部分根本沒有。

這種設計難學，其實就是因為抓不住設計的主線和流程，一方面是難以入手，另一方面也可能大家有畏難情緒，嘗試的不是太多，商業里確實需求也不多。

這種基本可以考慮純做版式練習探索提升自己的。

首先調整背景色為暗色，更加匹配主圖。

注意英文要單獨修改字體，標題組注意負空間的填補，然后大小節奏方面注意，復雜的字放大，簡單的字可以適當放小。

書法體也是一樣的道理，因為放大需要有足夠的細節支撐，否則內部簡單的同時還放大就沒有細節可看，也就是視覺性不足。

結構是用于表達元素之間關系的理論，因為其自帶平衡而且有具象的位置指導，所以很適合我們新手使用，例如想把標題組拉齊平衡以下三個位置都是可以的，分別是對角結構和左右結構。

首先定住大的空間，我們總是難以入手就是因為不知道抓大放小，這就相當于畫面版式的“定海神針”

添加黑白圖層，并且建立網格，記得是先有大的結構再建立網格進行規范和位置的參考。PS 可以視圖-新建參考線版面，來實現網格的繪制。

這一步稍有一點點技法操作，就是需要先用色階加強對比，然后 Ctrl+alt+2 提取畫面高光，圖層混合模式改為線性減淡，再結合一點高斯模糊就 OK 了，如果有多余的部分用蒙版單獨擦一下就行了。

不怕版式出問題，就怕版式沒問題，因為沒問題就以為沒有要修改和操作的地方，一般這時候會創建出一個打破的點來讓版式重新回到失衡的狀態。

這一步操作按照前面的邏輯就很好理解了，左側有了元素，右側拉好平衡注意編排，要適當有些形式感不要太死板。

下面跟上面比較類似，只需要把上面的操作拿到下面來再進行一次就可以了。

適當的結合。線和點元素可以讓空間的飽滿度更高，注意，不管是點還是線，只要在畫面使用出來盡量不要只出現一次，避免出現元素孤立的情況。

其實這一步可加可不加，但是以我個人的觀察，還是加更好一些，在對角以一種半透明的矩形色塊來對空間進行豐富，這樣也會讓整體性更加好一些。

歡迎關注作者微信公眾號：「視研設」