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

[Funitory (不如憐取眼前人)]

        想請教一下版上的高人們

        我想要設計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


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.122.103
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1429287998.A.194.html
→ superpai: 先設計手機版，再想桌面版
※ 編輯: Funitory (61.230.89.90), 04/18/2015 16:21:21
→ Funitory: 先想手機版再讓它變成桌面版嗎？
→ annie1729: 歐萊禮有一本「Responsive Web Design 響應式網頁設計
→ annie1729: 學習手冊」
→ annie1729: 應該可以解答您的疑惑