[問題] Responsive網頁視覺上如何設計?

作者: Funitory (不如憐取眼前人)   2015-04-18 00:26:21
想請教一下版上的高人們
我想要設計Responsive的網頁,從視覺面先著手的話
有沒有什麼一定的規範、原則呢?
我看很多網頁都是一格一格的資訊
然後把網頁縮扁之後,格子會往下排列移動
http://www.tea.co.uk/
但有些視覺設計的部份應該是沒辦法做成responsive的吧?
例如說圖很多、擺放的很錯綜複雜之類的網頁
http://i.imgur.com/B1qOL2V.jpg
http://i.imgur.com/j2SPWc5.jpg
http://i.imgur.com/TIx44K7.jpg
像這幾個就是RWD會失敗的例子:
http://www.pandaexpress.com/menu#!/orange-chicken
https://www.greyhound.com/express/
所以我想知道它的邏輯在哪邊,才能開始做設計
想請問各位,應該要怎麼設計,讓網頁可以做成responsive的呢?
懇請請多指點,謝謝大家 m(__ __)m
作者: superpai (超級白)   2015-04-18 01:13:00
先設計手機版,再想桌面版
作者: Funitory (不如憐取眼前人)   2015-04-18 16:21:00
先想手機版再讓它變成桌面版嗎?
作者: annie1729 (唉呦!)   2015-04-18 23:47:00
歐萊禮有一本「Responsive Web Design 響應式網頁設計學習手冊」應該可以解答您的疑惑

Links booklink

Contact Us: admin [ a t ] ucptt.com