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

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

 

1. Mary's巧克力網站

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

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

 1

 

2.ORIENS花茶網站

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

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

 2

 

3.Koikeya湖池屋網站

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

http://koikeya-pridepotato.jp/

 3

 

4.kobechoco巧克力糕點網站

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

http://kobechoco.jp/

 4

 

5.Himeno網站

 一頁式麵包網站

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

5

 

6.RINGO奶油餡餅派網站

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

https://ringo-applepie.com/

6

 

7.Pasco窯烤帕斯科麵包網站

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

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

7

 

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

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

https://green.koe.com/

 8

 

9.Kakiyama米果專賣店網站

 購物車網頁

http://www.kakiyama.com/

 9

 

10.CRISP沙拉專賣店網站

 網頁使用影片Slider效果呈現

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

 10

 

 

 

想跟我們談談你的網頁設計構想嗎?

 

 

網頁設計洽詢 >