設(shè)計(jì)不僅僅只是軟件操作，最重要的要有商業(yè)的思維能力。

—圖文版+視頻版—

魚(yú)找茬兒是我2018年開(kāi)設(shè)的一個(gè)專(zhuān)欄，主要的目的就是“診斷”+“修改”，用持續(xù)的行動(dòng)帶動(dòng)設(shè)計(jì)師的成長(zhǎng)！

本期主題是一款牛肉醬包裝設(shè)計(jì)診斷與調(diào)整，那么一起來(lái)找茬兒吧，附帶視頻版和圖文版！

——視頻版——

——圖文版——

魚(yú)找茬兒

大家好這里是【魚(yú)找茬兒】第三期，魚(yú)找茬兒是一欄商業(yè)實(shí)戰(zhàn)改稿系列教程，今天我們的案例是一款牛肉醬包裝瓶貼的實(shí)戰(zhàn)思路及技法，一起來(lái)學(xué)習(xí)探討一下吧！

我們看如下圖，是一個(gè)醬類(lèi)包裝帖，一款分為三個(gè)類(lèi)別，那么我在最開(kāi)始已經(jīng)提過(guò)一次意見(jiàn)，建議以顏色來(lái)區(qū)別，這位同學(xué)也做了初步修改。我們今天在他的基礎(chǔ)上，再來(lái)做進(jìn)一步深入優(yōu)化，一起來(lái)看一下。

投稿作品修改前

▼

我們先看一下，原作者的設(shè)計(jì)畫(huà)面其實(shí)不丑，但就是沒(méi)有考慮到最終的落地，導(dǎo)致主次不夠分明，不夠突出。

整體來(lái)看，左右兩端是包裝信息部分，不用考慮的太過(guò)于復(fù)雜，就按照版式法則整齊呈現(xiàn)，保持視覺(jué)性即可，重要的我們是要來(lái)強(qiáng)調(diào)中間主圖這一塊，那么考慮到這個(gè)標(biāo)貼高度只有3cm，所以我們可以考慮主題文字橫排，視覺(jué)呈現(xiàn)會(huì)更加清晰一點(diǎn)。

魚(yú)找茬兒，指出問(wèn)題：

1、文字信息部分保持良好的視覺(jué)呈現(xiàn)，比如左側(cè)的產(chǎn)品信息內(nèi)容，太過(guò)于擁擠，可以調(diào)整一下，保持透氣性；

2、主圖畫(huà)面為主，如主題文字主次不夠明確，文字也比較小，視覺(jué)性和功能性體現(xiàn)都是不夠的，在設(shè)計(jì)這款作品之前，一定要思考一個(gè)問(wèn)題，就是考慮這款產(chǎn)品擺放在貨架上的畫(huà)面，有了這一步思考，你才能更好的把握這款產(chǎn)品包裝設(shè)計(jì)的重點(diǎn)。

實(shí)戰(zhàn)操練-1

話不多說(shuō)，找茬兒完畢，直接上戰(zhàn)場(chǎng)操練一番，第一個(gè)思路，我考慮以突出主題文字信息為切入點(diǎn)入手。

前面也提到了用顏色來(lái)區(qū)分這款產(chǎn)品的三個(gè)類(lèi)別，那么我先把這款產(chǎn)品進(jìn)行色彩定位，就按照行業(yè)和產(chǎn)品屬性來(lái)定位，如下圖就是按照牛肉醬、海鮮醬、瘦肉醬定義為這三個(gè)類(lèi)別的色彩。

顏色定義為淺色和深色兩塊，淺色可以用于輔助，比如底色，深色用于主色，比如文字的顏色，比如整體背景的顏色，這個(gè)要根據(jù)設(shè)計(jì)場(chǎng)景來(lái)判斷。

色彩規(guī)劃

▼

然后我們以牛肉醬來(lái)做例子，只要一個(gè)類(lèi)別設(shè)計(jì)完畢，其余的替換顏色和調(diào)整文字細(xì)節(jié)即可。

牛肉醬這個(gè)類(lèi)別，我們運(yùn)用如圖的暗紅色，那么只是純色背景會(huì)顯得很單調(diào)，這個(gè)時(shí)候我們可以添加一些輔助底紋來(lái)讓畫(huà)面更加充實(shí)，這里我們可以根據(jù)配料表中的食材對(duì)應(yīng)找一些矢量元素，作為底紋填充一下。

我們一定要切記，輔助元素是為了讓整個(gè)設(shè)計(jì)更加的完美，所以要從產(chǎn)品或者文案本身去尋找，不要運(yùn)用一些根本和產(chǎn)品不沾邊的設(shè)計(jì)，否則會(huì)適得其反。

那么這個(gè)地方為了節(jié)省我們修改稿件的時(shí)間，我就先用其它的底紋代替，大家在設(shè)計(jì)的時(shí)候一定要按照與本產(chǎn)品有關(guān)的元素，這樣才能增加設(shè)計(jì)的價(jià)值，并且保持統(tǒng)一、相關(guān)性。

底紋元素提取

▼

運(yùn)用配料表的一些食材找對(duì)對(duì)應(yīng)的矢量素材，做成如上圖底紋背景，這是第一步，做好了之后，我們開(kāi)始細(xì)化完善我們的主題文字，也就是“私房牛肉醬”，根據(jù)應(yīng)用場(chǎng)景選擇適合的字體。

這個(gè)場(chǎng)景下，考慮到我們的包裝貼比較小，我想用一款比較突出主體信息的字體，經(jīng)過(guò)選擇最后設(shè)計(jì)成為如下畫(huà)面，詳細(xì)步驟可以看底部鏈接視頻里面，操作也非常的詳細(xì)，我們先一起來(lái)看下排版出來(lái)的效果。

修改前后對(duì)比

▼

我們來(lái)看下與原稿的對(duì)比圖，把原來(lái)稿件里面的主次不明確問(wèn)題調(diào)整了，還有主題文字也突出了出來(lái)，整體的一個(gè)感覺(jué)看上去也是比較舒服的，并且添加了英文，通過(guò)各種對(duì)比法則，整個(gè)主題文字的呈現(xiàn)更加清晰。

并且添加小元素，讓整個(gè)設(shè)計(jì)畫(huà)面更加飽滿起來(lái)，比如英文的添加，短線的添加，這些元素既然要添加，一定要是整個(gè)畫(huà)面是出彩的，否則不如不加。

效果圖展示

▼

那么這一款方案的其他兩個(gè)類(lèi)別我就不一一的呈現(xiàn)了，替換顏色和文字即可。

但這款設(shè)計(jì)風(fēng)格，相對(duì)還是比較普遍的，萬(wàn)一客戶不喜歡怎么辦，所以我們要做兩手準(zhǔn)備，再出一個(gè)設(shè)計(jì)方案，供客戶選擇，那么我們可以再深入從另一個(gè)角度切入設(shè)計(jì)。

實(shí)戰(zhàn)操練-2

不是所有的設(shè)計(jì)都需要很有創(chuàng)意，但是每一個(gè)設(shè)計(jì)都需要考慮兩點(diǎn)，功能性和視覺(jué)性，這也是我們?cè)O(shè)計(jì)的本質(zhì)，需要以解決問(wèn)題為本質(zhì)切入思考。

第二款方案我延續(xù)原作者的設(shè)計(jì)風(fēng)格，運(yùn)用這位同學(xué)原來(lái)的元素，從原稿畫(huà)面里面的這個(gè)線稿插畫(huà)圖角度入手。

投稿作品修改前

▼

單看還是不丑的，但是一定要考慮應(yīng)用環(huán)境場(chǎng)景和整個(gè)畫(huà)面的主次體現(xiàn)。

那我們看到這個(gè)線稿插畫(huà)之后，可以考慮搭配古典氣質(zhì)的字體，那么我們找到了一款有特點(diǎn)的宋體，然后進(jìn)行修飾，那么這里我建議，設(shè)計(jì)者可以自行去設(shè)計(jì)字體，來(lái)應(yīng)用本場(chǎng)景，這樣也會(huì)顯得更有設(shè)計(jì)感和獨(dú)特性。

字體細(xì)節(jié)處理

▼

我們把文字進(jìn)行細(xì)節(jié)處理，這個(gè)地方不需要多有創(chuàng)意，只需要結(jié)合產(chǎn)品自身的屬性和想要突出的重點(diǎn)，結(jié)合場(chǎng)景應(yīng)用，我們就把文字調(diào)整為右圖紅色框組的呈現(xiàn)方式。

把“私房”兩字體提到上面，第一是為了讓“牛肉醬”三個(gè)字可以在框內(nèi)區(qū)域放大，第二是加強(qiáng)整體的對(duì)比性，呈現(xiàn)也會(huì)更加直觀和清晰。

斑駁紋理細(xì)節(jié)處理

▼

根據(jù)產(chǎn)品的場(chǎng)景，給主題字體區(qū)域添加斑駁的紋理，就是右上角的黑色斑駁紋理，為了讓大家看清楚，我用黑色表示一下，這樣子就更加增添了整個(gè)畫(huà)面的細(xì)節(jié)處理，那么最終處理完畢后，如下面的稿件呈現(xiàn)。

修改后稿件

▼

如上圖我們?cè)谶@個(gè)主題畫(huà)面里面，直接采用左右構(gòu)圖，左邊是圖形，右邊是文字信息部分，我么你可以回憶一下修改前的稿件，呈現(xiàn)的一個(gè)問(wèn)題就是圖形太過(guò)于突出，文字信息調(diào)小而且主次零碎。

那么最開(kāi)始出現(xiàn)的問(wèn)題，我們?cè)谶@里都做了調(diào)整，現(xiàn)在看起來(lái)整個(gè)畫(huà)面主次分明，文字信息呈現(xiàn)清晰、簡(jiǎn)潔、美觀，不失設(shè)計(jì)感。

牛肉醬的設(shè)計(jì)稿完成之后，根據(jù)原來(lái)的配色，直接把其他兩款案例設(shè)計(jì)出來(lái)，如下圖。

當(dāng)然，這里面還是有很多細(xì)節(jié)可以把控的，感興趣的可以繼續(xù)優(yōu)化，這篇文章我們先到這里。

先一起來(lái)看看整體的效果展示，做一個(gè)簡(jiǎn)單的貼圖。

全部效果圖展示

▼

設(shè)計(jì)本身就是無(wú)極限的，我也相信還可以有更多的角度想法來(lái)設(shè)計(jì)這款包裝，我們今天就講到這里，希望大家可以多思考更多的切入點(diǎn)，繼續(xù)實(shí)戰(zhàn)練習(xí)完善，畢竟能力提升才是真真切切的價(jià)值獲取。

設(shè)計(jì)更是一件既有趣又無(wú)限的事情，魚(yú)友們也可以一起家加入魚(yú)先生的學(xué)習(xí)提升大家庭，這期到這里結(jié)束，我們下期再見(jiàn)！

看到結(jié)尾了，如果覺(jué)得有收獲，順便點(diǎn)個(gè)贊吧！