Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Grid Page Layout

Avatar for kaiye kaiye
January 06, 2011

Grid Page Layout

栅格化设计及其解决方案的分享PPT

Avatar for kaiye

kaiye

January 06, 2011
Tweet

More Decks by kaiye

Other Decks in Design

Transcript

  1. N(560) = N(2^4 * 7 * 5) = 18 N(720)

    = N(2^4 * 3^2 * 5) = 28 N(750) = N(2 * 3 * 5^3) = 14 N(800) = N(2^5 * 5^2) = 16 N(960) = N(2^6 * 3 * 5) = 26 N(1000) = N(2^3 * 5^3) = 14 N(1024) = N(2^10) = 9 N(1440) = N(2^6 * 3^2 * 5) = 34 N(1920) = N(2^7 * 3 * 5) = 30
  2. 对于 24 x 40 的情景,最接近黄金分割的两栏布局是 350 : 590, 栏数比例为 9

    : 15。但实际使用时,因为窄栏经常用来做导航或放辅 助信息,并不需要350px这么宽。实际情况下经常被采用的布局是: http://www.cdc.com/cri/v_cri/20081201-85.html