看起來(lái)真好吃,吃起來(lái)真好看肠套,沒(méi)錯(cuò)舰涌,這里就是你需要的美食排版究極寶典。
或許每個(gè)行業(yè)都有自己特色的設(shè)計(jì)刁赖,但是特色萬(wàn)萬(wàn)千搁痛,唯有美食妙。阿隨君感覺可能沒(méi)有比做一個(gè)美食設(shè)計(jì)師更幸福的宇弛,或者說(shuō)更虐的了鸡典,看著美食不能吃,只能盯著屏幕放大枪芒、縮小彻况、左移一個(gè)像素……哈哈哈。這不是美食的設(shè)計(jì)舅踪,這是針對(duì)胃口的設(shè)計(jì)纽甘,好的設(shè)計(jì)讓美食看起來(lái)都好吃,相反則很可能浪費(fèi)了一份美味可口的佳肴抽碌。今天阿隨君要來(lá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)過(guò)不同的烹制成為新的大餐。用食材拼貼成美食的樣子饰豺,就像一塊透明的機(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)文的每一頁(yè)上惕鼓,能夠讓人的閱讀視線一以貫之儿倒,并在復(fù)雜的文本中,第一眼get到重點(diǎn)信息呜笑。
4夫否、大膽用色
來(lái)自大自然的美食,色彩斑斕叫胁,這讓它們不會(huì)拘泥于沉悶凰慈,天然的煥發(fā)活力,無(wú)論是食品包裝上驼鹅,還是美食攝影上微谓,害怕使用高飽和的顏色都不是必須的,只要跟實(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)
排版無(wú)處不在竟稳,但有些時(shí)候也可以反其道而行之属桦,不追求明確的設(shè)計(jì)原則,不完全對(duì)其網(wǎng)格他爸,不對(duì)齊聂宾,不統(tǒng)一,不重復(fù)诊笤,而是用一種趨近食物自然的狀態(tài)來(lái)設(shè)計(jì)系谐,再搭配手繪文字、圖像等讨跟,傳達(dá)一種休閑自在隨性的趣味纪他,
7、用好負(fù)空間
Laura Palese在設(shè)計(jì)這個(gè)封面的時(shí)候晾匠,就很好的利用了負(fù)空間來(lái)鏈接書的標(biāo)題和主題茶袒,圖文的對(duì)稱分布讓效果能夠引人入目。
8凉馆、玩好景深
景深是經(jīng)典的攝影原則薪寓,利用模糊與銳化的對(duì)比,吸引吃貨的焦點(diǎn)所在澜共。下圖所示的網(wǎng)站就通過(guò)模仿景深向叉,來(lái)突出了產(chǎn)品的照片和描述。
9嗦董、強(qiáng)化紋理:放大
人有臉母谎,樹有皮,正所謂表里如一京革,食物的表皮往往就是它們最大的代言人销睁,裁剪出來(lái)放大突出它們的紋理才作為設(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è)案例中一眼就看出來(lái)中間這個(gè)巨無(wú)霸才是主角泻云。
14.激發(fā)情緒
食色,性也狐蜕。食欲作為人類本能之一宠纯,它潛在的賦予了每種食物或這樣或那樣的天然情緒,而利用這種本能层释,通過(guò)設(shè)計(jì)表達(dá)食物的情緒婆瓜,勾起吃貨的食欲是非常巧妙的技巧。So贡羔,你的口水在哪里廉白?
15.劃重點(diǎn)
正如下圖案例作品所示,被叉子高舉的牛排炸薯?xiàng)l就是重點(diǎn)乖寒,非常清晰準(zhǔn)確地讓吃貨們看到猴蹂,適用于主打餐品。
16.把焦點(diǎn)框起來(lái)
突出焦點(diǎn)的做法有很多楣嘁,比如這個(gè)作品就利用邊框把焦點(diǎn)框了起來(lái)磅轻。而文字和修飾小元素的配色也都直接取自食材本身珍逸,讓整個(gè)畫面色彩都非常的和諧,圍繞在焦點(diǎn)之中的美食四周聋溜。
17.美食包圍文案
用文字包裝美食食材之外谆膳,完全可以讓兩者位置互換,讓蔬菜撮躁、水平等美食把文案圍起來(lái)漱病,以達(dá)到突出標(biāo)題的目的。
18.讓美食成為你的畫筆
小伙伴們應(yīng)該還記得《舌尖上的中國(guó)1》的宣傳海報(bào)把曼,一座由五花肉做成山巒杨帽。這就是此方法的核心,讓美食成為你手中的畫筆祝迂,成為你藝術(shù)表達(dá)的素材睦尽,如案例作品所示器净,設(shè)計(jì)師用最普通的食材完成了衣服意境悠遠(yuǎn)的畫作型雳。
19.用美食做拼圖
這個(gè)方法簡(jiǎn)單說(shuō)是第一種方法和上一種方法的結(jié)合,也是把美食作為了畫筆山害,但是繪畫方法卻是第一種的拼貼畫纠俭,如圖中所示,其實(shí)它也像編織作品浪慌,織毛衣啊把美人織進(jìn)去冤荆,有那么一些古典的意思。
20.營(yíng)造動(dòng)感:位移
通過(guò)對(duì)事物位置的連續(xù)擺放权纤,暗示出一條運(yùn)動(dòng)軌跡钓简,會(huì)讓人感覺它們?cè)谶\(yùn)動(dòng)的,設(shè)計(jì)方法雖簡(jiǎn)單但效果很明顯汹想。
21.營(yíng)造動(dòng)感:瞬間
這個(gè)方法的精髓就是模擬或是攝影步驟到食物真實(shí)感運(yùn)動(dòng)中的一個(gè)瞬間外邓,常用在牛奶等各種飲品的設(shè)計(jì)上,爆破古掏、噴薄而出的瞬間被記錄下來(lái)损话,很有視覺沖擊力。
22.對(duì)比&黑板報(bào)大法
好吧槽唾,原文直譯過(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)品
在同一畫面中,將食物不同階段的畫面排隊(duì)排對(duì)比展現(xiàn)交播,比如食材本身和做好的食物重虑,如圖中所示,通過(guò)它們不同的紋理和顏色的視覺化對(duì)比秦士,有一種解剖學(xué)的美感缺厉,也能了解到這款美食是“從哪來(lái)”,吃得喝得更安心隧土。
24.混合配對(duì)大法:系列產(chǎn)品
一個(gè)產(chǎn)品提针、多款口味等,讓他們的完整圖像并排放置曹傀,加上同樣的圖文排版辐脖,讓聯(lián)系更為直觀,視覺統(tǒng)一性好皆愉,吃了這款吃那款嗜价。
25.聯(lián)想大法好:擬物
嗯,原文管這個(gè)方法叫“Go for the Unexpected”幕庐,阿隨君還是意譯了久锥,它在設(shè)計(jì)時(shí)采用的是“聯(lián)想”,比如案例中是想介紹美國(guó)緬因州的吃早餐的地方异剥,然后設(shè)計(jì)師就用煎蛋來(lái)發(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ù)字让歼,比如三部曲、三分法丽啡、事不過(guò)三谋右、倒數(shù)三下等等。所以在美食排版的時(shí)候补箍,諸如三分法啊都是很常用的改执,正如案例所示,在網(wǎng)站頁(yè)面的大背景和基礎(chǔ)排版上馏予,用三個(gè)美食圖像來(lái)創(chuàng)建了很好的一個(gè)焦點(diǎn)天梧,吸引訪客盔性。
30.創(chuàng)意解構(gòu)
這個(gè)方法也很有意思霞丧,同樣是解構(gòu)“美食”的食材,比如案例中把意大利面“解構(gòu)”冕香,食材如同處女作一般排列整齊地平鋪在畫面上方蛹尝,清晰的表達(dá)了是它們成就了下面那碗好吃的意大利面。
31.玩一下遠(yuǎn)景
萬(wàn)變不離其宗悉尾,往俗了說(shuō)突那,排版就是擺放嘛,透視构眯、遠(yuǎn)景……擺得像一張大桌子一樣愕难,從不同的角度來(lái)做圖文排版,讓作品更生動(dòng)有趣形象惫霸。
32.用美食寫字
再次說(shuō)明猫缭,阿隨君這里又任性了,放棄了原標(biāo)題壹店,哈哈哈哈猜丹。說(shuō)的不過(guò)就是美食不僅可以是畫筆,也可以是鋼筆硅卢,直接用“美食”寫字射窒,拼貼成標(biāo)題藏杖,并用其他食材輔助做修飾元素,讓美食特性更加閃耀脉顿。
33.創(chuàng)作互補(bǔ)的圖形元素
這個(gè)方法也是攝影和插畫的組合蝌麸,但是不同的是,插畫只是作為互補(bǔ)元素艾疟,與美食照片互動(dòng)祥楣,共同完成設(shè)計(jì),而不是簡(jiǎn)單地作為攝影作品的補(bǔ)充汉柒,再加以合適的配色误褪,畫面充滿樂(lè)趣和新鮮感。
34.形狀對(duì)比
簡(jiǎn)單的線條形狀碾褂,以接近icon的形態(tài)兽间,配合美食照片,來(lá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ù)晦鞋,讓人看上去眼花繚亂蹲缠,很難在其上面添加更多的信息,這種情況下悠垛,可以通過(guò)添加一個(gè)半透明度的純色圖層线定,來(lái)聚焦,降低背景的干擾鼎文,再來(lái)添加我們需要的 文本和元素即可渔肩,正如案例所示。
38.讓背景聚焦:整頁(yè)
還是添加帶有一定程度不透明度的純色層拇惋,這樣既可以保留原有畫面的信息周偎,又可以清晰地在上面添加文案等內(nèi)容抹剩,而除了卡片網(wǎng)格式的,在一些首頁(yè)或者Banner上同樣可以采用這個(gè)簡(jiǎn)單的方法來(lái)處理蓉坎。
39.捕捉創(chuàng)意圖案
在食品包裝設(shè)計(jì)上澳眷,比如案例中所示,把干果蛉艾、水果等拼成圖案钳踊,構(gòu)成一個(gè)都特色的新形狀來(lái)吸引目光,而不僅僅是展示食物的組成勿侯。
40.采用MD設(shè)計(jì)風(fēng)格
谷歌的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.一圖勝千言
就像文學(xué)寫作或者電影敘事兵钮,用“動(dòng)作”蛆橡、用“影像”去展示、去表現(xiàn)掘譬,而不是靠“臺(tái)詞對(duì)白”或“文字”來(lái)強(qiáng)硬解釋泰演、反復(fù)訴說(shuō),正如案例中這種典型的菜單葱轩,每道菜都與完整的圖像表示睦焕,所有的信息一清二楚,一看就知酿箭。
42.不要用太多顏色
這個(gè)就很簡(jiǎn)單了复亏,小伙伴們幾乎都知道了趾娃,顏色太多了缭嫡,額。抬闷。妇蛀。你懂的。而且本來(lái)有些食物就已經(jīng)很多顏色笤成,所以像案例中的處理方法就比較討巧评架,強(qiáng)差一個(gè)白色圖層,隔開食物和背景色炕泳。顏色纵诞,不在多,而在對(duì)培遵。
43.創(chuàng)建視覺引導(dǎo)
為了突出要表達(dá)的主題浙芙,有時(shí)候可以采用這種排版方法登刺,讓食物成為參考線,引導(dǎo)視覺嗡呼,通過(guò)擺放位置和傾斜角度纸俭,來(lái)指向共同對(duì)的焦點(diǎn),提高信息傳播的到達(dá)率南窗。
44.虛實(shí)結(jié)合揍很,平易近人
在這組案例中,設(shè)計(jì)師采用了敘事結(jié)合的方法万伤,有實(shí)物也有手繪窒悔,畫面給人很友好親近的感覺,很動(dòng)人敌买。
45.巧用流行色
每一年潘通都會(huì)發(fā)布當(dāng)季流行色蛉迹,這也是美食設(shè)計(jì)中很好用的元素,圖中案例就是結(jié)合使用流行色的典型方法放妈,為了突出商品北救,流行色在這里成了背景墻,包裝素雅芜抒,點(diǎn)綴其間正好珍策。
46.不要過(guò)于保守
所有的設(shè)計(jì)原則,追求的美和效率宅倒,而不是為了固步自封攘宙,給設(shè)計(jì)師套上紙枷鎖。所以有時(shí)候也不必拘泥拐迁,根據(jù)美食產(chǎn)品特性蹭劈,可以做一些冒險(xiǎn)的嘗試,讓它在貨架上线召、餐桌上鶴立雞群铺韧,未嘗不是好事。
47.以小取勝缓淹,返璞歸真
在美食界哈打,可愛、賣萌風(fēng)也是受歡迎的讯壶,食物被縮小到成了畫面元素之一料仗,聚焦于自身,反倒也更吸引人伏蚊,一個(gè)蘋果立轧,兩根胡蘿卜,一個(gè)西藍(lán)花,簡(jiǎn)簡(jiǎn)單單氛改,返璞歸真匀借。
48.重復(fù)重要意象
每一道美食都包羅萬(wàn)象,都有一些標(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è)中显熏,方法不僅于此雄嚣,但還是那句話萬(wàn)變不離其宗,總有一款適合你佃延。希望堅(jiān)持看到這里的小伙伴现诀,沒(méi)有看“餓”,么么噠履肃。
OK坐桩,我就是那個(gè)愛折騰軟件的策劃君阿隨尺棋,沒(méi)事搞搞視頻、聽聽Nirvana、讀讀陶淵明膘螟、看看戈達(dá)爾成福,生活就很美好。
如果親愛的小伙伴喜歡這篇文章荆残,阿隨這里賣萌求點(diǎn)贊求支持哦奴艾,么么噠。
轉(zhuǎn)載請(qǐng)發(fā)簡(jiǎn)信聯(lián)系阿隨君内斯,禁止抄襲蕴潦,禁止無(wú)溝通授權(quán)的轉(zhuǎn)載!