@阿隨向前沖?：看完這篇美食排版究極寶典，幫你掌握50種最常用的美食排版設(shè)計(jì)方法。

1. 第一期回顧：《掌握這10個(gè)摳圖方法，幫你輕松應(yīng)對(duì)大部分摳圖工作?。▌?dòng)圖演示）》
2. 第二期回顧：《幫你輕松應(yīng)對(duì)文字處理工作的9個(gè)基礎(chǔ)方法》
3. 第三期回顧：《唯快不破！可能是最全面的PS快捷鍵使用指南（圖文演示）》

1. 食材拼貼

By Evo Agency

類比于文字云的話，這種表現(xiàn)形式倒是可以總結(jié)為“食材云”，每一道美食都有它的專屬食材，新鮮的食材經(jīng)過(guò)不同的烹制成為新的大餐。用食材拼貼成美食的樣子，就像一塊透明的機(jī)械表，看到內(nèi)里的美與香。

2. 混入文字層

by Cheungyoon Kim

將新鮮的蔬菜、水果跟主題文字同樣作為設(shè)計(jì)的素材，在畫布上交錯(cuò)排布、水溶交融，雙重強(qiáng)調(diào)，提升設(shè)計(jì)感的同時(shí)表達(dá)意味，甚至美味。

3. 貫穿始終的主題色

By Alaina Sullivan

在平面排版的時(shí)候，選用一個(gè)主題色或者強(qiáng)調(diào)色作為題眼，貫穿全文，正如這組圖所示，明亮的黃色點(diǎn)綴在內(nèi)文的每一頁(yè)上，能夠讓人的閱讀視線一以貫之，并在復(fù)雜的文本中，第一眼get到重點(diǎn)信息。

4. 大膽用色

By Pearlfisher

來(lái)自大自然的美食，色彩斑斕，這讓它們不會(huì)拘泥于沉悶，天然的煥發(fā)活力，無(wú)論是食品包裝上，還是美食攝影上，害怕使用高飽和的顏色都不是必須的，只要跟實(shí)物本身產(chǎn)生聯(lián)系、形成互動(dòng)，盡管大膽配色吧，醒目、抓眼睛，一秒吸引到你的讀者、客戶、食客才是最重要的。

5. 適配品牌logo

By Pearlfisher

有些時(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)

By G’nosh

排版無(wú)處不在，但有些時(shí)候也可以反其道而行之，不追求明確的設(shè)計(jì)原則，不完全對(duì)其網(wǎng)格，不對(duì)齊，不統(tǒng)一，不重復(fù)，而是用一種趨近食物自然的狀態(tài)來(lái)設(shè)計(jì)，再搭配手繪文字、圖像等，傳達(dá)一種休閑自在隨性的趣味，

7. 用好負(fù)空間

by Laura Palese

Laura Palese在設(shè)計(jì)這個(gè)封面的時(shí)候，就很好的利用了負(fù)空間來(lái)鏈接書的標(biāo)題和主題，圖文的對(duì)稱分布讓效果能夠引人入目。

8. 玩好景深

By Alberto Conti

景深是經(jīng)典的攝影原則，利用模糊與銳化的對(duì)比，吸引吃貨的焦點(diǎn)所在。下圖所示的網(wǎng)站就通過(guò)模仿景深，來(lái)突出了產(chǎn)品的照片和描述。

9. 強(qiáng)化紋理：放大

By Prompt Design

人有臉，樹有皮，正所謂表里如一，食物的表皮往往就是它們最大的代言人，裁剪出來(lái)放大突出它們的紋理才作為設(shè)計(jì)元素，將產(chǎn)品的天然紋理和色彩標(biāo)簽進(jìn)行整體設(shè)計(jì)，是個(gè)非常不錯(cuò)的方法。

10. 強(qiáng)化紋理：細(xì)節(jié)

By Michael McNeive

除了把紋理放大做背景外，正如該案例所示，還可以對(duì)紋理進(jìn)行平鋪等方法的處理，在淡雅的背景上，甘藍(lán)的菜葉散步其上，也能脫穎而出，傳達(dá)重點(diǎn)。

11. 在場(chǎng)景中排版

By Input Creative Studio and Corse Design Factory

將所有的食材、文案、圖片都作為素材，并為此設(shè)計(jì)專門的場(chǎng)景，將它們逐一安排進(jìn)去，如圖中所示，再配以可愛的手繪，既個(gè)性，又能準(zhǔn)確傳達(dá)信息。

12. 攝影插圖組合拳

by Robin Kurtz

由Robin Kurtz設(shè)計(jì)的這個(gè)包裝作品，就是攝影和插圖的完美結(jié)合，素描加水彩的小創(chuàng)意補(bǔ)充了攝影作品的含義，讓每一款產(chǎn)品都顯得很有意思，處女果成了小火箭，而其他則是熱氣球、高爾夫球，非常好玩。

13. 大小對(duì)比

by Brian Struble

利用食物的大小和在畫面中的位置，是非常明顯的重點(diǎn)突出的方法，比如這個(gè)案例中一眼就看出來(lái)中間這個(gè)巨無(wú)霸才是主角。

14.激發(fā)情緒

By Brand Society

食色，性也。食欲作為人類本能之一，它潛在的賦予了每種食物或這樣或那樣的天然情緒，而利用這種本能，通過(guò)設(shè)計(jì)表達(dá)食物的情緒，勾起吃貨的食欲是非常巧妙的技巧。So，你的口水在哪里？

15.劃重點(diǎn)

by Matthew Lenning

正如下圖案例作品所示，被叉子高舉的牛排炸薯?xiàng)l就是重點(diǎn)，非常清晰準(zhǔn)確地讓吃貨們看到，適用于主打餐品。

16. 把焦點(diǎn)框起來(lái)

By Jon Contino

突出焦點(diǎn)的做法有很多，比如這個(gè)作品就利用邊框把焦點(diǎn)框了起來(lái)。而文字和修飾小元素的配色也都直接取自食材本身，讓整個(gè)畫面色彩都非常的和諧，圍繞在焦點(diǎn)之中的美食四周。

17. 美食包圍文案

by Jill DeHaan

用文字包裝美食食材之外，完全可以讓兩者位置互換，讓蔬菜、水平等美食把文案圍起來(lái)，以達(dá)到突出標(biāo)題的目的。

18. 讓美食成為你的畫筆

By Anna Keville Joyce

小伙伴們應(yīng)該還記得《舌尖上的中國(guó)1》的宣傳海報(bào)，一座由五花肉做成山巒。這就是此方法的核心，讓美食成為你手中的畫筆，成為你藝術(shù)表達(dá)的素材，如案例作品所示，設(shè)計(jì)師用最普通的食材完成了衣服意境悠遠(yuǎn)的畫作。

19. 用美食做拼圖

by Rosa Engracia Pe?a

這個(gè)方法簡(jiǎn)單說(shuō)是第一種方法和上一種方法的結(jié)合，也是把美食作為了畫筆，但是繪畫方法卻是第一種的拼貼畫，如圖中所示，其實(shí)它也像編織作品，織毛衣啊把美人織進(jìn)去，有那么一些古典的意思。

20. 營(yíng)造動(dòng)感：位移

By Stefan Poulos

通過(guò)對(duì)事物位置的連續(xù)擺放，暗示出一條運(yùn)動(dòng)軌跡，會(huì)讓人感覺它們?cè)谶\(yùn)動(dòng)的，設(shè)計(jì)方法雖簡(jiǎn)單但效果很明顯。

21.營(yíng)造動(dòng)感：瞬間

By Sharpe + Associate Inc.

這個(gè)方法的精髓就是模擬或是攝影步驟到食物真實(shí)感運(yùn)動(dòng)中的一個(gè)瞬間，常用在牛奶等各種飲品的設(shè)計(jì)上，爆破、噴薄而出的瞬間被記錄下來(lái)，很有視覺沖擊力。

22. 對(duì)比&黑板報(bào)大法

By Kimberly Low

好吧，原文直譯過(guò)來(lái)管這個(gè)叫“支持你的留言”，但是從畫面感來(lái)說(shuō)，阿隨君自由發(fā)揮成了“對(duì)比&黑板報(bào)大法”，它就是非常簡(jiǎn)單粗暴的讓兩種比較的事物分列畫面兩側(cè)，然后中間用黑板報(bào)的文案方法呈現(xiàn)主題，畫面意思傳達(dá)很準(zhǔn)確，健康的水果蔬菜VS速食快餐，作為學(xué)校午餐的宣傳小海報(bào)，還是很好用的。

23.混合配對(duì)大法：一個(gè)產(chǎn)品

By Tanya Zouev

在同一畫面中，將食物不同階段的畫面排隊(duì)排對(duì)比展現(xiàn)，比如食材本身和做好的食物，如圖中所示，通過(guò)它們不同的紋理和顏色的視覺化對(duì)比，有一種解剖學(xué)的美感，也能了解到這款美食是“從哪來(lái)”，吃得喝得更安心。

24. 混合配對(duì)大法：系列產(chǎn)品

By Sharpe + Associates

一個(gè)產(chǎn)品、多款口味等，讓他們的完整圖像并排放置，加上同樣的圖文排版，讓聯(lián)系更為直觀，視覺統(tǒng)一性好，吃了這款吃那款。

25. 聯(lián)想大法好：擬物

by Angela Southern

嗯，原文管這個(gè)方法叫“Go for the Unexpected”，阿隨君還是意譯了，它在設(shè)計(jì)時(shí)采用的是“聯(lián)想”，比如案例中是想介紹美國(guó)緬因州的吃早餐的地方，然后設(shè)計(jì)師就用煎蛋來(lái)發(fā)散了聯(lián)想，用蛋“擬物”成緬因州的地圖輪廓，形象而生動(dòng)。

26.聯(lián)想大法好：歸真

By Guillermo Carvajal

同依然是聯(lián)想大法的延伸，但是與上一個(gè)方法相反，這里不是用“擬物”聯(lián)想，而是“歸真”聯(lián)想，為了表達(dá)不同口味的果凍，設(shè)計(jì)師直接在包裝上花了特別的心思，比如葡萄口味的，包裝就是葡萄樣子，蘋果口味的包裝就是蘋果的樣子，讓人能一眼識(shí)別。

27.信息圖的靈感

By Willoughby Design

信息圖大行其道的當(dāng)下，美食設(shè)計(jì)當(dāng)然少不了，食物化作背景，選擇合適的字體和排版方法，將文案鋪陳在畫面中，圖文結(jié)合達(dá)到傳播效果。

28. 顏色：合并同類項(xiàng)

By Dave Brady

在闡述一款美食產(chǎn)品的組成時(shí)，可以如案例所示，用同一種色系把食材、材料，包括文案展開在畫面中，視覺會(huì)非常舒服，食材的顏色和拼貼的形狀直觀地傳達(dá)了案例中醬油的主要成分。

29. 數(shù)字“3”的妙用

By Sean Farrell

數(shù)字“3”，一直是人類非常感興趣，而且極具有吸引力的數(shù)字，比如三部曲、三分法、事不過(guò)三、倒數(shù)三下等等。所以在美食排版的時(shí)候，諸如三分法啊都是很常用的，正如案例所示，在網(wǎng)站頁(yè)面的大背景和基礎(chǔ)排版上，用三個(gè)美食圖像來(lái)創(chuàng)建了很好的一個(gè)焦點(diǎn)，吸引訪客。

30. 創(chuàng)意解構(gòu)

By Acre

這個(gè)方法也很有意思，同樣是解構(gòu)“美食”的食材，比如案例中把意大利面“解構(gòu)”，食材如同處女作一般排列整齊地平鋪在畫面上方，清晰的表達(dá)了是它們成就了下面那碗好吃的意大利面。

31. 玩一下遠(yuǎn)景

By Mark Unger

萬(wàn)變不離其宗，往俗了說(shuō)，排版就是擺放嘛，透視、遠(yuǎn)景……擺得像一張大桌子一樣，從不同的角度來(lái)做圖文排版，讓作品更生動(dòng)有趣形象。

32. 用美食寫字

By Becca Clason

再次說(shuō)明，阿隨君這里又任性了，放棄了原標(biāo)題，哈哈哈哈。說(shuō)的不過(guò)就是美食不僅可以是畫筆，也可以是鋼筆，直接用“美食”寫字，拼貼成標(biāo)題，并用其他食材輔助做修飾元素，讓美食特性更加閃耀。

33. 創(chuàng)作互補(bǔ)的圖形元素

By Martin Azambuja

這個(gè)方法也是攝影和插畫的組合，但是不同的是，插畫只是作為互補(bǔ)元素，與美食照片互動(dòng)，共同完成設(shè)計(jì)，而不是簡(jiǎn)單地作為攝影作品的補(bǔ)充，再加以合適的配色，畫面充滿樂趣和新鮮感。

34. 形狀對(duì)比

By Vikas

簡(jiǎn)單的線條形狀，以接近icon的形態(tài)，配合美食照片，來(lái)表達(dá)意思，簡(jiǎn)單明了。

35. 文本闡述

By Andrea Censi

與聯(lián)想大法類似，用食物的材質(zhì)去模擬想要表達(dá)物體，創(chuàng)作出可闡述的文本涵義，正如案例作品中傳達(dá)出的理念一樣，草莓、燈泡所具有的能指和所指產(chǎn)生了化學(xué)反應(yīng)，視覺感強(qiáng)烈。

36. 用網(wǎng)格規(guī)范

By Grant Burke

顧名思義，把美食、文案、logo等元素放在設(shè)計(jì)好的網(wǎng)格里，整齊的網(wǎng)格布局和活潑的配色，共同實(shí)現(xiàn)了這個(gè)作品。

37. 讓背景聚焦：卡片

By Dual Pixel

有時(shí)候美食圖片會(huì)比較繁復(fù)，讓人看上去眼花繚亂，很難在其上面添加更多的信息，這種情況下，可以通過(guò)添加一個(gè)半透明度的純色圖層，來(lái)聚焦，降低背景的干擾，再來(lái)添加我們需要的 文本和元素即可，正如案例所示。

38. 讓背景聚焦：整頁(yè)

By Lauren Pagan

還是添加帶有一定程度不透明度的純色層，這樣既可以保留原有畫面的信息，又可以清晰地在上面添加文案等內(nèi)容，而除了卡片網(wǎng)格式的，在一些首頁(yè)或者Banner上同樣可以采用這個(gè)簡(jiǎn)單的方法來(lái)處理。

39.捕捉創(chuàng)意圖案

By Vanillashake Media

在食品包裝設(shè)計(jì)上，比如案例中所示，把干果、水果等拼成圖案，構(gòu)成一個(gè)都特色的新形狀來(lái)吸引目光，而不僅僅是展示食物的組成。

40. 采用MD設(shè)計(jì)風(fēng)格

By Jared Bell

谷歌的material design設(shè)計(jì)風(fēng)格，著重強(qiáng)調(diào)模塊化布局和鮮艷的顏色主題。設(shè)計(jì)師Jared Bell在為一家餐廳設(shè)計(jì)網(wǎng)頁(yè)時(shí)，便借鑒了該種風(fēng)格，來(lái)展示公司的餐品和美食。

41. 一圖勝千言

By Anthony K

就像文學(xué)寫作或者電影敘事，用“動(dòng)作”、用“影像”去展示、去表現(xiàn)，而不是靠“臺(tái)詞對(duì)白”或“文字”來(lái)強(qiáng)硬解釋、反復(fù)訴說(shuō)，正如案例中這種典型的菜單，每道菜都與完整的圖像表示，所有的信息一清二楚，一看就知。

42. 不要用太多顏色

By Vincent Xu

這個(gè)就很簡(jiǎn)單了，小伙伴們幾乎都知道了，顏色太多了，額。。。你懂的。而且本來(lái)有些食物就已經(jīng)很多顏色，所以像案例中的處理方法就比較討巧，強(qiáng)差一個(gè)白色圖層，隔開食物和背景色。顏色，不在多，而在對(duì)。

43. 創(chuàng)建視覺引導(dǎo)

By Lindsay Itani

為了突出要表達(dá)的主題，有時(shí)候可以采用這種排版方法，讓食物成為參考線，引導(dǎo)視覺，通過(guò)擺放位置和傾斜角度，來(lái)指向共同對(duì)的焦點(diǎn)，提高信息傳播的到達(dá)率。

44. 虛實(shí)結(jié)合，平易近人

By BigFan

在這組案例中，設(shè)計(jì)師采用了敘事結(jié)合的方法，有實(shí)物也有手繪，畫面給人很友好親近的感覺，很動(dòng)人。

45. 巧用流行色

By Jeremy Cheramy

每一年潘通都會(huì)發(fā)布當(dāng)季流行色，這也是美食設(shè)計(jì)中很好用的元素，圖中案例就是結(jié)合使用流行色的典型方法，為了突出商品，流行色在這里成了背景墻，包裝素雅，點(diǎn)綴其間正好。

46. 不要過(guò)于保守

By Snask

所有的設(shè)計(jì)原則，追求的美和效率，而不是為了固步自封，給設(shè)計(jì)師套上紙枷鎖。所以有時(shí)候也不必拘泥，根據(jù)美食產(chǎn)品特性，可以做一些冒險(xiǎn)的嘗試，讓它在貨架上、餐桌上鶴立雞群，未嘗不是好事。

47. 以小取勝，返璞歸真

by Yum Tang

在美食界，可愛、賣萌風(fēng)也是受歡迎的，食物被縮小到成了畫面元素之一，聚焦于自身，反倒也更吸引人，一個(gè)蘋果，兩根胡蘿卜，一個(gè)西藍(lán)花，簡(jiǎn)簡(jiǎn)單單，返璞歸真。

48. 重復(fù)重要意象

By Andrei Hancu

每一道美食都包羅萬(wàn)象，都有一些標(biāo)志性的內(nèi)容，我們可以在畫面中提煉這些信息，反復(fù)出現(xiàn)，加強(qiáng)印象。如圖案例中，就反復(fù)出現(xiàn)了魚的不同部位或形態(tài)，魚身、魚頭、魚子、魚肉、手繪魚等，特別鮮明地標(biāo)明了這家店是以魚為主題的。

49. 打碎文本

By Natalia Lachiewicz

顧名思義，用美食把一篇完整的文章“打碎”，以個(gè)性的排版分別插入在相應(yīng)內(nèi)容的主題旁邊，典型的圖文并茂的排版方法。

50. 提高設(shè)計(jì)的人情味

By Pearlfisher

美食最終面向的是吃貨們，增強(qiáng)食品設(shè)計(jì)中的人情味總是不會(huì)錯(cuò)的，用表情符號(hào)、經(jīng)典手勢(shì)都是表達(dá)人情味的百試不爽的方法，比如案例中的手勢(shì)，非常直給。

好了，這就是本文要介紹的美食設(shè)計(jì)的五十個(gè)“秘籍”，相信在實(shí)際作業(yè)中，方法不僅于此，但還是那句話萬(wàn)變不離其宗，總有一款適合你。希望堅(jiān)持看到這里的小伙伴，沒有看“餓”，么么噠。

歡迎關(guān)注作者阿隨向前沖，個(gè)人公眾號(hào)：JasonGodard

阿隨向前沖：簡(jiǎn)書簽約作者，非著名影像設(shè)計(jì)折騰玩家，曾任《看電影》編輯，《香港電影史記》聯(lián)合作者，《玫瑰與小鹿》MV曾入選《曉松奇談》之《黃金大劫案》播出！

「有哪些看上去很高大上，但實(shí)際很簡(jiǎn)單的PS技巧？」

《有哪些看上去很高大上，但實(shí)際很簡(jiǎn)單的PS技巧？》
《有哪些看上去很高大上，但實(shí)際很簡(jiǎn)單的PS技巧？（入門篇）》

冷知識(shí)系列第一期：《那些你不知道的PHOTOSHOP冷知識(shí)》
冷知識(shí)系列第二期：《第二彈！那些你不知道的PHOTOSHOP冷知識(shí)之乾坤大挪移》
冷知識(shí)系列第三期：《最終完結(jié)篇！那些你不知道的PHOTOSHOP冷知識(shí)》
冷知識(shí)系列完結(jié)篇：《最終完結(jié)篇特制版！那些你不知道的PHOTOSHOP冷知識(shí)（四）》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com