查看完整版本 : 網頁設計寬度問題

我明白現在的網頁係 Responsive website,
雖然現在的電腦螢幕好多已經係1920px
但點解公司的web designer仍然是1440px,
我係網上 search 過只有 1440px Grid System, 沒有 1920...
而且 Sketch default 的 HD Desktop 都係 144px, 而唔係1920px

求高人指點

你野野頂到盡，到個website launch 左，就會有D老女人來問你：點解我個腦睇唔哂個website? 咁點算？


btw 如果你做responsive website, 你理鬼得個screen 幾大，開個GA 出來，睇下你D客多數用咩screen 咪有benchmark 比你跟，老闆問到時就話：得你隻mon 咁x 大，你D客用windows xp + 1080px

你google 下 "most common resolution"
1920唔係最多人用, 而係 1366x768.
要考慮兼容最多人, 應該係考慮呢個像素.

[quote]原帖由 [i]laputafish[/i] 於 2019-3-27 05:40 PM 發表 [url=https://computer.discuss.com.hk/redirect.php?goto=findpost&pid=496878762&ptid=28113544][img]https://computer.discuss.com.hk/images/common/back.gif[/img][/url]
你google 下 "most common resolution"
1920唔係最多人用, 而係 1366x768.
要考慮兼容最多人, 應該係考慮呢個像素. [/quote]

Thanks, 咁如果你1366, 點解 Sketch 係 1440?

因為1440 可以比2, 3, 4, 5, 6, 8, 9, 10, 12, 15, 16, 18, 20, 24, 30, 32, 36, 40, 45, 48, 60, 72, 80, 90, 96, 120, 144, 160, 180, 240, 288, 360, 480 除後是整數

[quote]原帖由 [i]patpat904[/i] 於 2019-3-28 12:26 AM 發表 [url=https://computer.discuss.com.hk/redirect.php?goto=findpost&pid=496897746&ptid=28113544][img]https://computer.discuss.com.hk/images/common/back.gif[/img][/url]
因為1440 可以比2, 3, 4, 5, 6, 8, 9, 10, 12, 15, 16, 18, 20, 24, 30, 32, 36, 40, 45, 48, 60, 72, 80, 90, 96, 120, 144, 160, 180, 240, 288, 360, 480 除後是整數 [/quote]

2, 3, 4, 5, 6, 8, 9, 10, 12, 15, 16, 18, 20, 24, 30, 32, 36, 40, 45, 48, 60, 72, 80, 90, 96, 120, 144, 160, 180, 240, 288, 360, 480
呢D數係咩黎架? 點解除後是整數就要用 1440?

1440px Grid System

[quote]原帖由 [i]patpat904[/i] 於 2019-3-29 01:12 AM 發表 [url=https://computer.discuss.com.hk/redirect.php?goto=findpost&pid=496944503&ptid=28113544][img]https://computer.discuss.com.hk/images/common/back.gif[/img][/url]
1440px Grid System [/quote]

唔識啊~可否指教一下, THX

[quote]原帖由 [i]story_koo[/i] 於 2019-3-29 10:09 PM 發表 [url=https://computer.discuss.com.hk/redirect.php?goto=findpost&pid=496984920&ptid=28113544][img]https://computer.discuss.com.hk/images/common/back.gif[/img][/url]


唔識啊~可否指教一下, THX [/quote]
我地將網頁變成一格格，每格寬度可以你選擇，如 2, 4, 8, 32, ..., 方便設計。以前用  960 grid, 依家會多用 1440 grid.

[quote]原帖由 [i]中環創新小子[/i] 於 2019-3-30 12:22 PM 發表 [url=https://computer.discuss.com.hk/redirect.php?goto=findpost&pid=497006920&ptid=28113544][img]https://computer.discuss.com.hk/images/common/back.gif[/img][/url]

我地將網頁變成一格格，每格寬度可以你選擇，如 2, 4, 8, 32, ..., 方便設計。以前用  960 grid, 依家會多用 1440 grid. [/quote]

understood, thanks

[quote]原帖由 [i]中環創新小子[/i] 於 2019-3-30 12:22 PM 發表 [url=https://computer.discuss.com.hk/redirect.php?goto=findpost&pid=497006920&ptid=28113544][img]https://computer.discuss.com.hk/images/common/back.gif[/img][/url]

我地將網頁變成一格格，每格寬度可以你選擇，如 2, 4, 8, 32, ..., 方便設計。以前用  960 grid, 依家會多用 1440 grid. [/quote]

最後想問如果1440 下, 你地通常網頁左右兩邊的 margin (即係D 字同圖不會超出的位置) 通常 SET 幾多?

你 google 下  material design，layout 個頁應該會幫到你

咁for電話又應該用幾多嘅resolution呢??


:smile_42: