大家好，我是魚先生。

又到了設(shè)計學習時間……

在設(shè)計學習中，能夠舉一反三是非常重要的，對于設(shè)計師來講，底層邏輯中的基礎(chǔ)知識和設(shè)計法則是不變的，變的是思路運用和視覺表現(xiàn)。

今天就以一條咸魚為例，來帶大家學習一些排版知識，以及在其中所運用的實戰(zhàn)設(shè)計技巧。

倒油下鍋...放魚，搞錯了.....是開講了

往期干貨：

PART 1

先來一張看著簡單的版式設(shè)計，有點文藝范

① 放入主角和文案。

② 根據(jù)文案層級排版文字，文案層級最簡單的理解就是，按照文字重要性來區(qū)分，越重要的文字在畫面中越需要突出。

文字排版中，不僅要注意整體的層級關(guān)系，在整體的局部中，每一個細節(jié)部分也需要做一些對比和點綴，從而增加版式設(shè)計的美感和豐富性。

③ 把處理完成的字體和主角進行排版，同時放入LOGO部分。

上面提到的細節(jié)部分也有對比，在 logo 這一塊大家可以明確看到，運用了粗細對比，大小對比，看上去才會顯得精致。

如果文字一致，那么看起來就比較呆板了，大家可以在軟件里面自己做一下對比，加深印象。

④ 最后進行細節(jié)處理，這個版式比較方正，我就用英文（紅色英文）進行破局處理，給畫面加入點靈動性。

魚先生說：

我曾經(jīng)看到一位老先生的設(shè)計稿，他是手繪，比如設(shè)計一個獎杯，人家繪制出來的弧度、度數(shù)都是準確的，讓助理在電腦繪制的時候，完全是按照他的手繪稿來的。

像現(xiàn)在我們借助于電腦和軟件，能夠一步到位的設(shè)計基本沒有，都是需要修修改改。

所以當我們拿到一個項目之后，你需要根據(jù)主題構(gòu)思、借鑒、繪制草稿，然后選擇合適的草稿進行執(zhí)行，然后優(yōu)化修改，最終完稿。

部分草稿呈現(xiàn)

本文案例在用文字給大家講解的時候，簡化了，所以大家不要誤以為設(shè)計的過程就是這么簡單，如果你有這種錯覺，你就很難把握到設(shè)計的基礎(chǔ)規(guī)則以及細節(jié)處理。

OK，繼續(xù)！

PART 2

文字符號化形式表現(xiàn)

① 把主題文字放大，作為符號存在，同時要保留文字的識別性。

② 主題字體由無襯線調(diào)整為襯線字體，主角咸魚登場，并搭配闡述文字。

③ 很多同學認為英文放上去要比中文更美觀，這當然是錯誤的意識。只要你掌握了設(shè)計方法，無論中文英文，都可以設(shè)計的很美觀。

這個地方我們換中文試試看。

④ 把右上角的那段文字調(diào)整為襯線字體，保持和主題文字的屬性一致，看上去會更協(xié)調(diào)一些。

到了這一步，我們發(fā)現(xiàn)這個版式視覺上還差點什么，我們再繼續(xù)調(diào)整它的細節(jié)，同時把主題文字「做條咸魚」進行字體設(shè)計處理。

如下圖：

⑤ 調(diào)整主題文字字體效果，以及調(diào)整版式細節(jié)。

大家在做設(shè)計時候記得備份，以便于前后對比，特別是學習階段，這樣更容易看到你的問題和進步。

比如下圖字體細節(jié)對比：

最終稿中字體效果設(shè)計步驟教程：

掌握了方法之后，要學會舉一反三，我們還可以試試其他的效果。

如下圖：

我們放大一點字體的細節(jié)，可以看得更清晰，它是一種塑料材質(zhì)效果，PS 濾鏡庫自帶。

放大效果如下圖：

方法和上面的水波效果基本一致，只是換了個濾鏡效果。

塑料質(zhì)感字體效果制作教程如下：

OK，是不是很簡單？

繼續(xù)往下看。

PART 3

利用發(fā)射構(gòu)成形成，嘗試著做一張有趣生動的畫面。

① 同樣的，主角和文字先放出來。

② 把咸魚進行S型變形，如何變形請看上圖右下角步驟（點擊圖片可放大）。

③ 把段子語句按照發(fā)射狀排版在魚的周圍。

這里注意調(diào)節(jié)文字發(fā)射的形態(tài)，總之要看起來美觀。

關(guān)于路徑文字的教程，請看下圖：

④ 色調(diào)進行調(diào)整，文字的關(guān)鍵詞提取處理，然后對關(guān)鍵詞進行加粗和顏色調(diào)整，從而起到醒目和強調(diào)的作用，同時也加強了文字版式的對比性。

記得要加入 logo。

魚先生說：

我一直強調(diào)要放 logo，是因為 logo 是商業(yè)設(shè)計中必備的一個元素，試問哪個企業(yè)沒有 logo 呢？

大部分同學學習設(shè)計都不是為了有趣，而是為了之后運用在商業(yè)設(shè)計中，所以在學習階段一定要注意結(jié)合商業(yè)，這樣才能更好的學以致用。

OK，這一張到這里結(jié)束！

PART 4

換條魚，再來設(shè)計兩張，看下效果。

最后這兩張不做拆解了，沒有技術(shù)層次的難點，純屬版式設(shè)計練習。

如下圖：

首先，運用了重復構(gòu)成形式，同一條魚，重復了 16 次，代表著多數(shù)派，然后打領(lǐng)結(jié)的魚只有一個，而且比較大，這用到了大小對比，多數(shù)派的魚都是向左，而領(lǐng)結(jié)魚是向右，打破多數(shù)派的規(guī)則，顯得與眾不同，符合主題獨一無二的屬性。

畫面沒有很復雜，文字就是簡單的居中排版，重點在于對平面構(gòu)成的實踐運用。

PART 5

最后放在一起，統(tǒng)一看下今天做的幾張海報。

終于結(jié)束了，可以吃飯了！

看美了，也吃飽了，點個贊支持下唄！

下期見！

歡迎關(guān)注作者微信公眾號：「擺渡魚生」