TOP10日本食品類網頁設計參考

2018-03-26

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

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

 

Mary's巧克力網站

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

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

 

1

 

ORIENS花茶網站

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

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

 

2

 

Koikeya湖池屋網站

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

http://koikeya-pridepotato.jp/

 

3

 

kobechoco巧克力糕點網站

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

http://kobechoco.jp/

4

 

Himeno網站

 一頁式麵包網站

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

 

5

 

RINGO奶油餡餅派網站

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

https://ringo-applepie.com/

 

6

 

Pasco窯烤帕斯科麵包網站

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

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

 

7

 

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

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

https://green.koe.com/

 

8

 

Kakiyama米果專賣店網站

 購物車網頁

http://www.kakiyama.com/

 

9

 

CRISP沙拉專賣店網站

 網頁使用影片Slider效果呈現

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

 

10

 

 

 

訂閱文章

想要收到CADIIS網頁設計公司的相關訊息嗎?

我們會在FB轉貼網頁設計專欄文章,歡迎訂閱CADIIS凱士數位臉書專頁


想詢問網站設計方面的問題?

沒問題!

凱士網站設計公司深受B2B外銷公司、上市櫃公司及外商公司推薦,累積超過100個網頁設計案例。

我們很樂意用淺顯易懂的方式讓我們的客戶輕鬆了解網頁設計的各種疑難雜症。

如果您對網站設計規劃有任何問題,歡迎與我們聯絡:立即填寫諮詢表單