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

—圖文版+視頻版—

魚找茬兒是我2018年開設(shè)的一個專欄，主要的目的就是“診斷”+“修改”，用持續(xù)的行動帶動設(shè)計(jì)師的成長！

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

——視頻版——

——圖文版——

魚找茬兒

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

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

投稿作品修改前

▼

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

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

魚找茬兒，指出問題：

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

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

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

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

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

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

色彩規(guī)劃

▼

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

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

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

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

底紋元素提取

▼

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

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

修改前后對比

▼

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

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

效果圖展示

▼

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

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

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

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

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

投稿作品修改前

▼

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

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

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

▼

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

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

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

▼

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

修改后稿件

▼

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

那么最開始出現(xiàn)的問題，我們在這里都做了調(diào)整，現(xiàn)在看起來整個畫面主次分明，文字信息呈現(xiàn)清晰、簡潔、美觀，不失設(shè)計(jì)感。

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

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

先一起來看看整體的效果展示，做一個簡單的貼圖。

全部效果圖展示

▼

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

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

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