- 相關(guān)推薦
10個(gè)以美食為主題的網(wǎng)頁設(shè)計(jì)案例
AnyForWeb應(yīng)景的分享一些以美食為主題的網(wǎng)頁設(shè)計(jì),希望在勾起大家食欲的同時(shí),能為大家?guī)硪恍┰O(shè)計(jì)靈感。
1.Kettle Cuisne的網(wǎng)站用木質(zhì)感的大背景作為主要襯托物,和美食的色彩和質(zhì)感相搭配都恰如其分,體現(xiàn)了一種古樸和愜意的生活情調(diào),寧靜、安逸的格調(diào)不就是我們向往的生活方式嗎?
2.Molly&Me網(wǎng)站使用的設(shè)計(jì)方法還是相對比較傳統(tǒng)的。一張簡簡單單的高清食物圖片、常用字體的網(wǎng)站標(biāo)題、幽靈按鈕和下方干凈整潔的導(dǎo)航就構(gòu)成了網(wǎng)站首頁的設(shè)計(jì)。原來沒有過多修飾的食物大圖很輕松的就能勾起大家的食欲。
3.這個(gè)網(wǎng)站是一個(gè)很短的單頁式網(wǎng)頁,所以在布局上也與常規(guī)的網(wǎng)站不太一樣。圖片在頁面中雖然仍然占了很大了比重,但由于其他的部分也一起堆在頁面上,不免令人在視覺上覺得有些厚重。在色彩搭配上,設(shè)計(jì)師運(yùn)用的還是很合理的,盡量減少了色彩的攝入,讓網(wǎng)站看起來不那么繁復(fù)。
4.這個(gè)網(wǎng)站整體看起來與普通的美食網(wǎng)站沒什么區(qū)別,但在小細(xì)節(jié)上又很別出心裁,比如一些小圖標(biāo)和小畫框,都用了與網(wǎng)站全局風(fēng)格相符的cup cake造型元素,讓甜蜜和可愛無處不在。
5.Vitalmar是一個(gè)充滿地中海風(fēng)情的美食網(wǎng)站,從色彩到格局都顯得很有親和力,并且生活化。食物圖片在首頁中雖然只有一小部分,但這似乎更能引起瀏覽者的目光,其余部分也絲毫不會(huì)對此有所干擾。
6.與上一個(gè)案例類似,食物圖片在首頁中只占了右邊的一小部分,甚至在頁面中還有一部分的留白設(shè)計(jì),在色彩上也比較素雅。聽到這里你可能會(huì)覺得這個(gè)頁面略顯單調(diào),其實(shí)不然。這都要?dú)w功于那小部分美食的點(diǎn)綴作用,讓整體都生動(dòng)起來了。
7.這個(gè)案例給了我們一個(gè)很好的啟示,當(dāng)你的設(shè)計(jì)中有一些沒有規(guī)律或是色彩比較豐富的時(shí)候,我們應(yīng)該適當(dāng)留白,給頁面一個(gè)能夠呼吸放松的空間。這種做法有助于用戶更快更好的專注于頁面的重點(diǎn)部分。
8.這個(gè)網(wǎng)站選用了比較溫暖柔軟的風(fēng)格設(shè)計(jì),冰淇淋色調(diào)和模糊背景的設(shè)計(jì)讓主要內(nèi)容更加令人愛不釋手。
9.Creuna用木質(zhì)紋理作為網(wǎng)頁背景,與食物相得益彰。圖片周圍的黑色邊框似乎也讓網(wǎng)站增添了一份家庭記錄感。
10.Munchery的網(wǎng)站融入了一些日式網(wǎng)頁的設(shè)計(jì)元素,花瓣和小花朵的散落,凌亂中不失美感,為網(wǎng)站營造出一種優(yōu)雅的氣質(zhì)。正如網(wǎng)頁上所體現(xiàn)的,“Food is Love”,有時(shí),我們的確應(yīng)該慢下腳步,細(xì)細(xì)品味生活和愛的美好。
【10個(gè)以美食為主題的網(wǎng)頁設(shè)計(jì)案例】相關(guān)文章:
以美食為主題的網(wǎng)頁設(shè)計(jì)案例07-14
以美食為主題的網(wǎng)頁設(shè)計(jì)案例10個(gè)06-30
網(wǎng)頁設(shè)計(jì)案例分享:網(wǎng)頁專題設(shè)計(jì)技巧04-04
網(wǎng)頁設(shè)計(jì)色系案例分析05-04
解讀網(wǎng)頁設(shè)計(jì)的色彩理論與案例07-15
淺析網(wǎng)頁設(shè)計(jì)的色彩理論與案例02-10
40個(gè)網(wǎng)頁設(shè)計(jì)優(yōu)秀案例03-15