推薦閱讀

有很多看似非常復(fù)雜的設(shè)計(jì)其背后的邏輯往往非常簡(jiǎn)單，今天分享一個(gè)版式的練習(xí)，幫助大家對(duì)這種有些抽象的設(shè)計(jì)流程進(jìn)行拆分和講解，希望對(duì)大家有用。

這個(gè)圖總的來(lái)說(shuō)優(yōu)大于劣，最省事的方法一眼就是做成中心構(gòu)圖，輔助一個(gè)簡(jiǎn)單的四角結(jié)構(gòu)就能解決了，變化性不是太強(qiáng)，因?yàn)橄掳氩糠指緵](méi)有。

這種設(shè)計(jì)難學(xué)，其實(shí)就是因?yàn)樽ゲ蛔≡O(shè)計(jì)的主線和流程，一方面是難以入手，另一方面也可能大家有畏難情緒，嘗試的不是太多，商業(yè)里確實(shí)需求也不多。

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

首先調(diào)整背景色為暗色，更加匹配主圖。

注意英文要單獨(dú)修改字體，標(biāo)題組注意負(fù)空間的填補(bǔ)，然后大小節(jié)奏方面注意，復(fù)雜的字放大，簡(jiǎn)單的字可以適當(dāng)放小。

書(shū)法體也是一樣的道理，因?yàn)榉糯笮枰凶銐虻募?xì)節(jié)支撐，否則內(nèi)部簡(jiǎn)單的同時(shí)還放大就沒(méi)有細(xì)節(jié)可看，也就是視覺(jué)性不足。

結(jié)構(gòu)是用于表達(dá)元素之間關(guān)系的理論，因?yàn)槠渥詭胶舛矣芯呦蟮奈恢弥笇?dǎo)，所以很適合我們新手使用，例如想把標(biāo)題組拉齊平衡以下三個(gè)位置都是可以的，分別是對(duì)角結(jié)構(gòu)和左右結(jié)構(gòu)。

首先定住大的空間，我們總是難以入手就是因?yàn)椴恢雷ゴ蠓判。@就相當(dāng)于畫(huà)面版式的“定海神針”

添加黑白圖層，并且建立網(wǎng)格，記得是先有大的結(jié)構(gòu)再建立網(wǎng)格進(jìn)行規(guī)范和位置的參考。PS 可以視圖-新建參考線版面，來(lái)實(shí)現(xiàn)網(wǎng)格的繪制。

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

不怕版式出問(wèn)題，就怕版式?jīng)]問(wèn)題，因?yàn)闆](méi)問(wèn)題就以為沒(méi)有要修改和操作的地方，一般這時(shí)候會(huì)創(chuàng)建出一個(gè)打破的點(diǎn)來(lái)讓版式重新回到失衡的狀態(tài)。

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

下面跟上面比較類(lèi)似，只需要把上面的操作拿到下面來(lái)再進(jìn)行一次就可以了。

適當(dāng)?shù)慕Y(jié)合。線和點(diǎn)元素可以讓空間的飽滿(mǎn)度更高，注意，不管是點(diǎn)還是線，只要在畫(huà)面使用出來(lái)盡量不要只出現(xiàn)一次，避免出現(xiàn)元素孤立的情況。

其實(shí)這一步可加可不加，但是以我個(gè)人的觀察，還是加更好一些，在對(duì)角以一種半透明的矩形色塊來(lái)對(duì)空間進(jìn)行豐富，這樣也會(huì)讓整體性更加好一些。

歡迎關(guān)注作者微信公眾號(hào)：「視研設(shè)」