推薦:TOP10 日本餐廳網頁設計參考範例

2018-03-16

日本設計師在網頁設計上習慣會多一些空間上的留白,在餐廳設計上也不例外的使用大面積留白,拍攝手法、圖片解析度也都是關鍵,設計動線不外乎包含菜單、訊息、交通等,將視覺設計結合使用者體驗設計,才能加乘出趨近完美的網站設計。

CADIIS從數百個日本餐廳設計網站中精挑細選出下列幾個網站,如果你正打算規劃一個餐廳網站,這些網站可以提供您參考,不論是在網站視覺風格、使用流程、畫面編排設計、網頁動態,都能激發您的靈感。

AFURI阿夫利拉麵餐廳網站

以白色背景壓底,Slider滾動後呈現主選單,簡約易辨識。

http://afuri.com/

 

2017 01

 

Halal Sakura燒肉餐廳網站

大版面Slider將其特色直接映入眼簾,使用簡約區塊區分要項

http://halalsakura.com/index.html

 

2017 02

 

Nakanoshima Garden網站

插入插圖式大版面Slider,往右滑動的特效,壓白底大字LOGO,圖字互不干擾

http://www.nakanoshima-garden.jp/beer/

 

2017 03

 

Bistrot13法式料理餐廳網站

以褐色單一色當做背景,卻不會有後重的壓迫感,也使用視差介紹餐點圖片、餐廳環境的方式呈現

http://bistrot13que.com/top

 

2017 04

 

MOSSA餐飲及熟食餐廳網站

小清新的設計,留白處放入食物小圖,擺放位置經過設計,不生硬,讓網頁多了吸睛的效果

http://www.mossa.jp/

 

2017 05

 

京懷石 美濃吉懷石料理餐廳網站

 左選單,區塊式設計並於頁底遷入社交團體

https://www.minokichi.co.jp/

 

2017 06

 

GINA用筷子吃法國米飯餐廳網站

滿版的版面切割設計,穿插錯位設計編排

http://gina.tokyo/

 

2017 07

 

八百彥本店自助餐網站

滿版的版面切割設計,穿插視差效果

https://www.yaohiko.nagoya/

 

2017 08

 

Mimiu網站

以大面積留白,加強對比照片鮮豔度與解析度

http://www.mimiu.co.jp/

 

2017 09

 

1SMOKEMAN網站

以滿版左右區塊方式,資訊與圖穿插呈現

http://www.smokeman.restaurant/

 

2017 10