如何用一條咸魚(yú)做5張不同風(fēng)格的海報(bào)？實(shí)戰(zhàn)案例來(lái)了！

大家好，我是魚(yú)先生。

又到了設(shè)計(jì)學(xué)習(xí)時(shí)間……

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

今天就以一條咸魚(yú)為例，來(lái)帶大家學(xué)習(xí)一些排版知識(shí)，以及在其中所運(yùn)用的實(shí)戰(zhàn)設(shè)計(jì)技巧。

倒油下鍋...放魚(yú)，搞錯(cuò)了.....是開(kāi)講了

往期干貨：

PART 1

先來(lái)一張看著簡(jiǎn)單的版式設(shè)計(jì)，有點(diǎn)文藝范

① 放入主角和文案。

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

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

③ 把處理完成的字體和主角進(jìn)行排版，同時(shí)放入LOGO部分。

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

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

④ 最后進(jìn)行細(xì)節(jié)處理，這個(gè)版式比較方正，我就用英文（紅色英文）進(jìn)行破局處理，給畫面加入點(diǎn)靈動(dòng)性。

魚(yú)先生說(shuō)：

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

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

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

部分草稿呈現(xiàn)

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

OK，繼續(xù)！

PART 2

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

① 把主題文字放大，作為符號(hào)存在，同時(shí)要保留文字的識(shí)別性。

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

③ 很多同學(xué)認(rèn)為英文放上去要比中文更美觀，這當(dāng)然是錯(cuò)誤的意識(shí)。只要你掌握了設(shè)計(jì)方法，無(wú)論中文英文，都可以設(shè)計(jì)的很美觀。

這個(gè)地方我們換中文試試看。

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

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

如下圖：

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

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

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

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

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

如下圖：

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

放大效果如下圖：

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

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

OK，是不是很簡(jiǎn)單？

繼續(xù)往下看。

PART 3

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

① 同樣的，主角和文字先放出來(lái)。

② 把咸魚(yú)進(jìn)行S型變形，如何變形請(qǐng)看上圖右下角步驟（點(diǎn)擊圖片可放大）。

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

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

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

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

記得要加入 logo。

魚(yú)先生說(shuō)：

我一直強(qiáng)調(diào)要放 logo，是因?yàn)?logo 是商業(yè)設(shè)計(jì)中必備的一個(gè)元素，試問(wèn)哪個(gè)企業(yè)沒(méi)有 logo 呢？

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

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

PART 4

換條魚(yú)，再來(lái)設(shè)計(jì)兩張，看下效果。

最后這兩張不做拆解了，沒(méi)有技術(shù)層次的難點(diǎn)，純屬版式設(shè)計(jì)練習(xí)。

如下圖：

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

畫面沒(méi)有很復(fù)雜，文字就是簡(jiǎn)單的居中排版，重點(diǎn)在于對(duì)平面構(gòu)成的實(shí)踐運(yùn)用。

PART 5

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

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

看美了，也吃飽了，點(diǎn)個(gè)贊支持下唄！

下期見(jiàn)！

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