WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞

1-13. RWD 佈局探討

RWD : Responsive Web Design 響應式網頁設計。

單頁完全式 RWD 設計

內容不算太多,桌機版與手機版的內容一樣。

例如:巨匠電腦, (桌機)下拉選單 (手機)下拉選單+折疊面板。

例如:ASUS華碩, (桌機)下拉選單+區域式第三層 (手機)側邊滑入選單+多層左右滑動面板。

例如:Samsung三星, (桌機)寬度滿版選單 (手機)側邊滑入選單+多層左右滑動面板。

例如:acer宏碁, (桌機)寬度滿版選單 (手機)側邊滑入選單+多層左右滑動面板。

分檔設計不完全式的 RWD 設計

內容眾多,桌機版與手機版的內容不完全一樣,因此由二檔分別設計,再由程式掌控。

例如:momo購物網etmall購物網蝦皮購物網

go TOP