TOP10日本食品形象網站設計參考範例

日本擁有歷史悠久的精緻飲食文化，這樣的文化背景也深深影響在網頁設計上的處理，大量的商品圖搭配簡潔的編排設計，讓整體網頁看起來更為可口動人。日本設計師在網頁設計上習慣會多一些空間上的留白，在餐廳設計上也不例外的使用大面積留白，拍攝手法、圖片解析度也都是關鍵，設計動線不外乎包含菜單、訊息、交通等視覺設計需結合使用者體驗設計，才能加乘出趨近完美的網站設計。

CADIIS從數百個日本餐廳設計網站中挑選出下列幾個網站，供有興趣的朋友們參考。

 

Mary's巧克力網站

基本的排版設計，主要以格狀區塊式說明其巧克力的主題、品牌等，主選單用連動的方式置頂，方便讓想看其他部份的網友，不需要一直滑動滾輪。

https://www.mary.co.jp/mary/

 

 

ORIENS花茶網站

以四個主色系代表茶包，日系飽和的溫和色系，特別的是每當滾動滾輪時，slider後的四個將近滿版的區塊以動態水波流由上到下出現，如圖可見動態後的畫面

http://www.oriens-tea.jp/

 

 

Koikeya湖池屋網站

Slider下方小圖連動Slider，不得不說很特效精緻，插入影片直接介紹特色

http://koikeya-pridepotato.jp/

 

 

kobechoco巧克力糕點網站

一頁式巧克力網站一次呈現六種巧克力產品，採用很多褐色的相近顏色，

http://kobechoco.jp/

 

Himeno網站

 一頁式麵包網站

http://www.himeno-mugibatake.com/

 

 

RINGO奶油餡餅派網站

影片式Slider，背景採蘋果紅色壓上圓圈並排

https://ringo-applepie.com/

 

 

Pasco窯烤帕斯科麵包網站

Slider才會出現動態式按鈕，採用方格特效，讓畫面多生動

https://www.pasconet.co.jp/kamayaki_pasco/

 

 

Koe'沙拉、三明治輕食網站

版面乾淨、清新、大範圍留白 

https://green.koe.com/

 

 

Kakiyama米果專賣店網站

 購物車網頁

http://www.kakiyama.com/

 

 

CRISP沙拉專賣店網站

 網頁使用影片Slider效果呈現

http://www.crisp.co.jp/

 

 

 

 

＊ 歡迎分享這篇文章，分享時請務必加入文章來源網址。

 

 

 

 

追蹤文章

想要收到網頁設計領域的相關訊息嗎？

我們會不定時在FB更新上面的網頁設計相關文章，歡迎追蹤凱士臉書專頁