看起來真好吃，吃起來真好看，沒錯(cuò)，這里就是你需要的美食排版究極寶典。
或許每個(gè)行業(yè)都有自己特色的設(shè)計(jì)，但是特色萬萬千，唯有美食妙。阿隨君感覺可能沒有比做一個(gè)美食設(shè)計(jì)師更幸福的，或者說更虐的了，看著美食不能吃，只能盯著屏幕放大、縮小、左移一個(gè)像素……哈哈哈。這不是美食的設(shè)計(jì)，這是針對(duì)胃口的設(shè)計(jì)，好的設(shè)計(jì)讓美食看起來都好吃，相反則很可能浪費(fèi)了一份美味可口的佳肴。今天阿隨君要來分享一下關(guān)于美食設(shè)計(jì)，那些你知道的和你不知道的方法原則們。PS：本文參考自Canva網(wǎng)站Janie Kliever的文章《Food. Love it? You’ve never seen it look like this. We can promise you that.》，并非學(xué)術(shù)氣質(zhì)的嚴(yán)謹(jǐn)翻譯，而是頗為任性的意譯、直譯混合大法。
多達(dá)50條法則和方法，閑言少敘，直切主題嘍。
前方高能教程
1、食材拼貼
類比于文字云的話，這種表現(xiàn)形式倒是可以總結(jié)為“食材云”，每一道美食都有它的專屬食材，新鮮的食材經(jīng)過不同的烹制成為新的大餐。用食材拼貼成美食的樣子，就像一塊透明的機(jī)械表，看到內(nèi)里的美與香。
2、混入文字層
將新鮮的蔬菜、水果跟主題文字同樣作為設(shè)計(jì)的素材，在畫布上交錯(cuò)排布、水溶交融，雙重強(qiáng)調(diào)，提升設(shè)計(jì)感的同時(shí)表達(dá)意味，甚至美味。
3、貫穿始終的主題色
在平面排版的時(shí)候，選用一個(gè)主題色或者強(qiáng)調(diào)色作為題眼，貫穿全文，正如這組圖所示，明亮的黃色點(diǎn)綴在內(nèi)文的每一頁上，能夠讓人的閱讀視線一以貫之，并在復(fù)雜的文本中，第一眼get到重點(diǎn)信息。
4、大膽用色
來自大自然的美食，色彩斑斕，這讓它們不會(huì)拘泥于沉悶，天然的煥發(fā)活力，無論是食品包裝上，還是美食攝影上，害怕使用高飽和的顏色都不是必須的，只要跟實(shí)物本身產(chǎn)生聯(lián)系、形成互動(dòng)，盡管大膽配色吧，醒目、抓眼睛，一秒吸引到你的讀者、客戶、食客才是最重要的。
5、適配品牌logo
有些時(shí)候，同一個(gè)產(chǎn)品往往有多個(gè)口味，在設(shè)計(jì)包裝的時(shí)候往往需要既有統(tǒng)一，又有區(qū)別，這就需要靈活處理，在品牌logo和食材元素的表現(xiàn)上做些微調(diào)、適配，讓產(chǎn)品在擺放陳列的時(shí)候，能夠讓吃貨們一眼看出這一群都是它家產(chǎn)品，而且每一個(gè)都是不同的口味，相同的好吃。
6、趨近食物自然狀態(tài)隨性風(fēng)
排版無處不在，但有些時(shí)候也可以反其道而行之，不追求明確的設(shè)計(jì)原則，不完全對(duì)其網(wǎng)格，不對(duì)齊，不統(tǒng)一，不重復(fù)，而是用一種趨近食物自然的狀態(tài)來設(shè)計(jì)，再搭配手繪文字、圖像等，傳達(dá)一種休閑自在隨性的趣味，
7、用好負(fù)空間
Laura Palese在設(shè)計(jì)這個(gè)封面的時(shí)候，就很好的利用了負(fù)空間來鏈接書的標(biāo)題和主題，圖文的對(duì)稱分布讓效果能夠引人入目。
8、玩好景深
景深是經(jīng)典的攝影原則，利用模糊與銳化的對(duì)比，吸引吃貨的焦點(diǎn)所在。下圖所示的網(wǎng)站就通過模仿景深，來突出了產(chǎn)品的照片和描述。
9、強(qiáng)化紋理：放大
人有臉，樹有皮，正所謂表里如一，食物的表皮往往就是它們最大的代言人，裁剪出來放大突出它們的紋理才作為設(shè)計(jì)元素，將產(chǎn)品的天然紋理和色彩標(biāo)簽進(jìn)行整體設(shè)計(jì)，是個(gè)非常不錯(cuò)的方法。
10、強(qiáng)化紋理：細(xì)節(jié)
除了把紋理放大做背景外，正如該案例所示，還可以對(duì)紋理進(jìn)行平鋪等方法的處理，在淡雅的背景上，甘藍(lán)的菜葉散步其上，也能脫穎而出，傳達(dá)重點(diǎn)。
11.在場(chǎng)景中排版
將所有的食材、文案、圖片都作為素材，并為此設(shè)計(jì)專門的場(chǎng)景，將它們逐一安排進(jìn)去，如圖中所示，再配以可愛的手繪，既個(gè)性，又能準(zhǔn)確傳達(dá)信息。
12.攝影插圖組合拳
由Robin Kurtz設(shè)計(jì)的這個(gè)包裝作品，就是攝影和插圖的完美結(jié)合，素描加水彩的小創(chuàng)意補(bǔ)充了攝影作品的含義，讓每一款產(chǎn)品都顯得很有意思，處女果成了小火箭，而其他則是熱氣球、高爾夫球，非常好玩。
13.大小對(duì)比
利用食物的大小和在畫面中的位置，是非常明顯的重點(diǎn)突出的方法，比如這個(gè)案例中一眼就看出來中間這個(gè)巨無霸才是主角。
14.激發(fā)情緒
食色，性也。食欲作為人類本能之一，它潛在的賦予了每種食物或這樣或那樣的天然情緒，而利用這種本能，通過設(shè)計(jì)表達(dá)食物的情緒，勾起吃貨的食欲是非常巧妙的技巧。So，你的口水在哪里？
15.劃重點(diǎn)
正如下圖案例作品所示，被叉子高舉的牛排炸薯?xiàng)l就是重點(diǎn)，非常清晰準(zhǔn)確地讓吃貨們看到，適用于主打餐品。
16.把焦點(diǎn)框起來
突出焦點(diǎn)的做法有很多，比如這個(gè)作品就利用邊框把焦點(diǎn)框了起來。而文字和修飾小元素的配色也都直接取自食材本身，讓整個(gè)畫面色彩都非常的和諧，圍繞在焦點(diǎn)之中的美食四周。
17.美食包圍文案
用文字包裝美食食材之外，完全可以讓兩者位置互換，讓蔬菜、水平等美食把文案圍起來，以達(dá)到突出標(biāo)題的目的。
18.讓美食成為你的畫筆
小伙伴們應(yīng)該還記得《舌尖上的中國1》的宣傳海報(bào)，一座由五花肉做成山巒。這就是此方法的核心，讓美食成為你手中的畫筆，成為你藝術(shù)表達(dá)的素材，如案例作品所示，設(shè)計(jì)師用最普通的食材完成了衣服意境悠遠(yuǎn)的畫作。
19.用美食做拼圖
這個(gè)方法簡(jiǎn)單說是第一種方法和上一種方法的結(jié)合，也是把美食作為了畫筆，但是繪畫方法卻是第一種的拼貼畫，如圖中所示，其實(shí)它也像編織作品，織毛衣啊把美人織進(jìn)去，有那么一些古典的意思。
20.營造動(dòng)感：位移
通過對(duì)事物位置的連續(xù)擺放，暗示出一條運(yùn)動(dòng)軌跡，會(huì)讓人感覺它們?cè)谶\(yùn)動(dòng)的，設(shè)計(jì)方法雖簡(jiǎn)單但效果很明顯。
21.營造動(dòng)感：瞬間
這個(gè)方法的精髓就是模擬或是攝影步驟到食物真實(shí)感運(yùn)動(dòng)中的一個(gè)瞬間，常用在牛奶等各種飲品的設(shè)計(jì)上，爆破、噴薄而出的瞬間被記錄下來，很有視覺沖擊力。
22.對(duì)比&黑板報(bào)大法
好吧，原文直譯過來管這個(gè)叫“支持你的留言”，但是從畫面感來說，阿隨君自由發(fā)揮成了“對(duì)比&黑板報(bào)大法”，它就是非常簡(jiǎn)單粗暴的讓兩種比較的事物分列畫面兩側(cè)，然后中間用黑板報(bào)的文案方法呈現(xiàn)主題，畫面意思傳達(dá)很準(zhǔn)確，健康的水果蔬菜VS速食快餐，作為學(xué)校午餐的宣傳小海報(bào)，還是很好用的。
23.混合配對(duì)大法：一個(gè)產(chǎn)品
在同一畫面中，將食物不同階段的畫面排隊(duì)排對(duì)比展現(xiàn)，比如食材本身和做好的食物，如圖中所示，通過它們不同的紋理和顏色的視覺化對(duì)比，有一種解剖學(xué)的美感，也能了解到這款美食是“從哪來”，吃得喝得更安心。
24.混合配對(duì)大法：系列產(chǎn)品
一個(gè)產(chǎn)品、多款口味等，讓他們的完整圖像并排放置，加上同樣的圖文排版，讓聯(lián)系更為直觀，視覺統(tǒng)一性好，吃了這款吃那款。
25.聯(lián)想大法好：擬物
嗯，原文管這個(gè)方法叫“Go for the Unexpected”，阿隨君還是意譯了，它在設(shè)計(jì)時(shí)采用的是“聯(lián)想”，比如案例中是想介紹美國緬因州的吃早餐的地方，然后設(shè)計(jì)師就用煎蛋來發(fā)散了聯(lián)想，用蛋“擬物”成緬因州的地圖輪廓，形象而生動(dòng)。
26.聯(lián)想大法好：歸真
同依然是聯(lián)想大法的延伸，但是與上一個(gè)方法相反，這里不是用“擬物”聯(lián)想，而是“歸真”聯(lián)想，為了表達(dá)不同口味的果凍，設(shè)計(jì)師直接在包裝上花了特別的心思，比如葡萄口味的，包裝就是葡萄樣子，蘋果口味的包裝就是蘋果的樣子，讓人能一眼識(shí)別。
27.信息圖的靈感
信息圖大行其道的當(dāng)下，美食設(shè)計(jì)當(dāng)然少不了，食物化作背景，選擇合適的字體和排版方法，將文案鋪陳在畫面中，圖文結(jié)合達(dá)到傳播效果。
28.顏色：合并同類項(xiàng)
在闡述一款美食產(chǎn)品的組成時(shí)，可以如案例所示，用同一種色系把食材、材料，包括文案展開在畫面中，視覺會(huì)非常舒服，食材的顏色和拼貼的形狀直觀地傳達(dá)了案例中醬油的主要成分。
29.數(shù)字“3”的妙用
數(shù)字“3”，一直是人類非常感興趣，而且極具有吸引力的數(shù)字，比如三部曲、三分法、事不過三、倒數(shù)三下等等。所以在美食排版的時(shí)候，諸如三分法啊都是很常用的，正如案例所示，在網(wǎng)站頁面的大背景和基礎(chǔ)排版上，用三個(gè)美食圖像來創(chuàng)建了很好的一個(gè)焦點(diǎn)，吸引訪客。
30.創(chuàng)意解構(gòu)
這個(gè)方法也很有意思，同樣是解構(gòu)“美食”的食材，比如案例中把意大利面“解構(gòu)”，食材如同處女作一般排列整齊地平鋪在畫面上方，清晰的表達(dá)了是它們成就了下面那碗好吃的意大利面。
31.玩一下遠(yuǎn)景
萬變不離其宗，往俗了說，排版就是擺放嘛，透視、遠(yuǎn)景……擺得像一張大桌子一樣，從不同的角度來做圖文排版，讓作品更生動(dòng)有趣形象。
32.用美食寫字
再次說明，阿隨君這里又任性了，放棄了原標(biāo)題，哈哈哈哈。說的不過就是美食不僅可以是畫筆，也可以是鋼筆，直接用“美食”寫字，拼貼成標(biāo)題，并用其他食材輔助做修飾元素，讓美食特性更加閃耀。
33.創(chuàng)作互補(bǔ)的圖形元素
這個(gè)方法也是攝影和插畫的組合，但是不同的是，插畫只是作為互補(bǔ)元素，與美食照片互動(dòng)，共同完成設(shè)計(jì)，而不是簡(jiǎn)單地作為攝影作品的補(bǔ)充，再加以合適的配色，畫面充滿樂趣和新鮮感。
34.形狀對(duì)比
簡(jiǎn)單的線條形狀，以接近icon的形態(tài)，配合美食照片，來表達(dá)意思，簡(jiǎn)單明了。
35.文本闡述
與聯(lián)想大法類似，用食物的材質(zhì)去模擬想要表達(dá)物體，創(chuàng)作出可闡述的文本涵義，正如案例作品中傳達(dá)出的理念一樣，草莓、燈泡所具有的能指和所指產(chǎn)生了化學(xué)反應(yīng)，視覺感強(qiáng)烈。
36.用網(wǎng)格規(guī)范
顧名思義，把美食、文案、logo等元素放在設(shè)計(jì)好的網(wǎng)格里，整齊的網(wǎng)格布局和活潑的配色，共同實(shí)現(xiàn)了這個(gè)作品。
37.讓背景聚焦：卡片
有時(shí)候美食圖片會(huì)比較繁復(fù)，讓人看上去眼花繚亂，很難在其上面添加更多的信息，這種情況下，可以通過添加一個(gè)半透明度的純色圖層，來聚焦，降低背景的干擾，再來添加我們需要的 文本和元素即可，正如案例所示。
38.讓背景聚焦：整頁
還是添加帶有一定程度不透明度的純色層，這樣既可以保留原有畫面的信息，又可以清晰地在上面添加文案等內(nèi)容，而除了卡片網(wǎng)格式的，在一些首頁或者Banner上同樣可以采用這個(gè)簡(jiǎn)單的方法來處理。
39.捕捉創(chuàng)意圖案
在食品包裝設(shè)計(jì)上，比如案例中所示，把干果、水果等拼成圖案，構(gòu)成一個(gè)都特色的新形狀來吸引目光，而不僅僅是展示食物的組成。
40.采用MD設(shè)計(jì)風(fēng)格
谷歌的material design設(shè)計(jì)風(fēng)格，著重強(qiáng)調(diào)模塊化布局和鮮艷的顏色主題。設(shè)計(jì)師Jared Bell在為一家餐廳設(shè)計(jì)網(wǎng)頁時(shí)，便借鑒了該種風(fēng)格，來展示公司的餐品和美食。
41.一圖勝千言
就像文學(xué)寫作或者電影敘事，用“動(dòng)作”、用“影像”去展示、去表現(xiàn)，而不是靠“臺(tái)詞對(duì)白”或“文字”來強(qiáng)硬解釋、反復(fù)訴說，正如案例中這種典型的菜單，每道菜都與完整的圖像表示，所有的信息一清二楚，一看就知。
42.不要用太多顏色
這個(gè)就很簡(jiǎn)單了，小伙伴們幾乎都知道了，顏色太多了，額。。。你懂的。而且本來有些食物就已經(jīng)很多顏色，所以像案例中的處理方法就比較討巧，強(qiáng)差一個(gè)白色圖層，隔開食物和背景色。顏色，不在多，而在對(duì)。
43.創(chuàng)建視覺引導(dǎo)
為了突出要表達(dá)的主題，有時(shí)候可以采用這種排版方法，讓食物成為參考線，引導(dǎo)視覺，通過擺放位置和傾斜角度，來指向共同對(duì)的焦點(diǎn)，提高信息傳播的到達(dá)率。
44.虛實(shí)結(jié)合，平易近人
在這組案例中，設(shè)計(jì)師采用了敘事結(jié)合的方法，有實(shí)物也有手繪，畫面給人很友好親近的感覺，很動(dòng)人。
45.巧用流行色
每一年潘通都會(huì)發(fā)布當(dāng)季流行色，這也是美食設(shè)計(jì)中很好用的元素，圖中案例就是結(jié)合使用流行色的典型方法，為了突出商品，流行色在這里成了背景墻，包裝素雅，點(diǎn)綴其間正好。
46.不要過于保守
所有的設(shè)計(jì)原則，追求的美和效率，而不是為了固步自封，給設(shè)計(jì)師套上紙枷鎖。所以有時(shí)候也不必拘泥，根據(jù)美食產(chǎn)品特性，可以做一些冒險(xiǎn)的嘗試，讓它在貨架上、餐桌上鶴立雞群，未嘗不是好事。
47.以小取勝，返璞歸真
在美食界，可愛、賣萌風(fēng)也是受歡迎的，食物被縮小到成了畫面元素之一，聚焦于自身，反倒也更吸引人，一個(gè)蘋果，兩根胡蘿卜，一個(gè)西藍(lán)花，簡(jiǎn)簡(jiǎn)單單，返璞歸真。
48.重復(fù)重要意象
每一道美食都包羅萬象，都有一些標(biāo)志性的內(nèi)容，我們可以在畫面中提煉這些信息，反復(fù)出現(xiàn)，加強(qiáng)印象。如圖案例中，就反復(fù)出現(xiàn)了魚的不同部位或形態(tài)，魚身、魚頭、魚子、魚肉、手繪魚等，特別鮮明地標(biāo)明了這家店是以魚為主題的。
49.打碎文本
顧名思義，用美食把一篇完整的文章“打碎”，以個(gè)性的排版分別插入在相應(yīng)內(nèi)容的主題旁邊，典型的圖文并茂的排版方法。
50.提高設(shè)計(jì)的人情味
美食最終面向的是吃貨們，增強(qiáng)食品設(shè)計(jì)中的人情味總是不會(huì)錯(cuò)的，用表情符號(hào)、經(jīng)典手勢(shì)都是表達(dá)人情味的百試不爽的方法，比如案例中的手勢(shì)，非常直給。
好了，這就是本文要介紹的美食設(shè)計(jì)的五十個(gè)“秘籍”，相信在實(shí)際作業(yè)中，方法不僅于此，但還是那句話萬變不離其宗，總有一款適合你。希望堅(jiān)持看到這里的小伙伴，沒有看“餓”，么么噠。
OK，我就是那個(gè)愛折騰軟件的策劃君阿隨，沒事搞搞視頻、聽聽Nirvana、讀讀陶淵明、看看戈達(dá)爾，生活就很美好。
如果親愛的小伙伴喜歡這篇文章，阿隨這里賣萌求點(diǎn)贊求支持哦，么么噠。
轉(zhuǎn)載請(qǐng)發(fā)簡(jiǎn)信聯(lián)系阿隨君，禁止抄襲，禁止無溝通授權(quán)的轉(zhuǎn)載！
