最新 New

[公告]草監網路更改網址至gratch.tw

[CSS]金碧輝煌的綁定承諾-結

草監網路已從Blogger搬離至獨立網站https://gratch.tw/ ,將於3秒後自動跳轉

,一個充滿"約定"感受的網站,運用了紅色、米色等色系搭配日式紋路,呈現出一個關於日本傳統結婚主題的購物網站,這個網站主要在販賣婚禮禮品、喜餅、喜糖相關金箔產品的網站,是個不折不扣的購物車網站。與上篇小倉屋美味米店剛好同樣都走高雅日本風,不外乎的都挑了紅色,而且是與婚約有關的網站,所以紅色會偏亮,但是絕對不會是正紅色。在許多細節處理上都比小倉屋美味米店精細,比方說框線的部份並不是採用實線,而是稍微做了一些看似印章的效果,排行榜的部份也採用國字一二三,捨棄羅馬數字的設計可以讓網站忠實呈現出日本風(如果是中國網站則會變成中國風),而底色部份也都押上了淡淡的紋路凸顯質感,可以透過這些紋路更加凸顯日本風。這個網站比較有趣的地方是,他除了商品購物部份以外,還有一個婚禮豆知識,所謂的豆知識就是我們說得冷知識,他提供了日本新人一些傳統婚禮知識庫,雖然目前文章不多,但是這部份的發展將會提升整體網站的專業度。

購物車網站類型的設計重點在於產品分類清晰、動線安排妥善、購物流程簡單易懂。在產品分類清晰的部份,你會發現在網站的左邊有固定的文字型分類選單,另外在主視覺下方還有一個圖文型分類選單,在右邊最下方還有一排文字分類設計剛好與左邊相反,所以在的首頁,光是分類選單的設計就有三次,分別以不同的表現方式出現。動線安排妥善主要是在讓網友在挑選禮品或食品時可以非常流暢,所以產品類型名稱就是一個非常需要凸顯的部份, 同時在頁面上方明顯處安排麵包屑(也就是路徑,例如:首頁 > 關於我們),也可以讓網友很快明白自己身在何處,甚至產品的安排與內文的排版、相關產品推薦等,這些都是動線安排的一部份。購物流程簡單易懂亦是網站類型中購物網站最不一樣的一個區塊,常見的設計方式有步驟1、步驟2這樣的指示類型,或者是很簡單的一頁完結清單確定、產品寄送、付費等流程。

在產品列表頁上有一個非常明顯的問題,就是產品區塊會因為產品名稱太長導致區塊長短不一,雖然說區塊都是齊頭平等,但末端參差不齊還是會引響畫面上的美觀。另外在產品列表上的格式也沒有整體統一,有些產品除了產品名稱與價格外,當產品缺貨下方就會出現一句「申し訳ございませんが、只今品切れ中です。「意思是「不幸的是,我們現在沒有貨。「,個人覺得這部份可以改用其他圖片形式顯示,比方說產品左上角有個協標圖示,除了寫缺貨還可以寫熱門、特價等等不同的協標圖式,可以加強整體網站在銷售上的說明部份,也可以透過這個小小的設計讓產品列表部份更加特別。

整體來說是一個不錯的日本風購物網站,它有個明確的主題,設計上也非常精緻,採用區塊的設計也可以將主題的嚴肅性質表達出來,適當的使用風格紋路可以提升網站的設計感,是個不錯的網站,如果你正好要設計日本風或者是購物網站,不妨參考參考喔。

留言