頁面設計:響應式設計電子商務網站案例學習

響應式設計技術已經比3年前更加成熟而且有了更多的設計、測試載入器和設計架構和樣式。

不過這些設計大部分用在一些閱讀、Blog、簡單門戶網站中，在電子商務領域少有涉及。

國內大中型電子商務網站基本上沒有使用響應式設計的技術。

不過，今天看到一個國外賣定製衣服的網站，這方面設計、實現得很不錯，值得借鑒。

網站首頁：

http://www.indochino.com

在PC上是排在一行的4個方塊導航到各個分類

在手機上則自動切換到列表模式（右邊帶方向箭頭）

商品展示頁面：

http://www.indochino.com/collection/Shirts

在PC上最上方是功能表列，下面內容部分有兩列，左邊的分類導航列，右邊的商品展示列

隨著裝置尺寸的縮小，首先商品展示列會由4列逐步遞減到2列。

然後左邊的列消失，該分類導航列變成了商品右上方的導航下拉式功能表，如：