2010 年 8 月 22 日

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

本篇目錄

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

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

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

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

文章分類:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關推薦文章

希望您會喜歡
2010 年 1 月 10 日
[紀錄]倒楣衰事記事本

本篇文章是紀錄本人從2009年末至今的倒楣事蹟與衰事一籮筐的生活點滴,起始點在於我安排至日本渡過跨年的旅程,如 […]

Read More
2013 年 11 月 19 日
[設計]華航購物商城網頁視覺設計

負責內容:視覺設計 為華航購物商城設計首頁入口視覺。

Read More
2009 年 12 月 5 日
[免費]Samurai: Way of the Warrior 等多款免費App 遊戲下載

Samurai: Way of the Warrior-FREE TODAY (遊戲推薦下載) 這是一款充滿武 […]

Read More
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram