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

看板Web_Design作者 (不如憐取眼前人)時間9年前 (2015/04/18 00:26), 9年前編輯推噓0(005)
留言5則, 3人參與, 最新討論串1/1
想請教一下版上的高人們 我想要設計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

04/18 01:13, , 1F
先設計手機版,再想桌面版
04/18 01:13, 1F
※ 編輯: Funitory (61.230.89.90), 04/18/2015 16:21:21

04/18 16:21, , 2F
先想手機版再讓它變成桌面版嗎?
04/18 16:21, 2F

04/18 23:47, , 3F
歐萊禮有一本「Responsive Web Design 響應式網頁設計
04/18 23:47, 3F

04/18 23:47, , 4F
學習手冊」
04/18 23:47, 4F

04/18 23:48, , 5F
應該可以解答您的疑惑
04/18 23:48, 5F
文章代碼(AID): #1LCJG-6K (Web_Design)