格子本设计用模板
这个网页里看到的:http://www.johntwang.com/blog/2009/01/05/moleskine-960-grid-system-divine-proportion-rules-of-thirds/
以下照片引用于该网站(Photos by John Wang)
用的是Moleskine格子本(5"x8"那种),单个格子大小是0.5平方厘米,只要你找得到类似规格的本子,下面的模板照用。
黄金分割,横着用(左栏25格,右栏15格):
黄金分割,竖着用(左栏16格,右栏10格):
三分法,竖着用(右边留1格空间,上留2格空间,下留3格,左留0.5格,剩下36格x24格,自己慢慢除以3):
最后是960像素系统,最近接触到的一个CSS模板系统(http://960.gs),很炫,正在学。
这套模板实现起来比较复杂,但越复杂的东西通常代表越大的自由度,暂时只能横着用:
960 CSS模板 12列(2.5格列宽,1格列间距):
960 CSS模板 16列(1.5格列宽,1格列间距):
早说了格子本用处多多,这套模板可用于网站或平面的布局设计,很赞吧?
以下照片引用于该网站(Photos by John Wang)
用的是Moleskine格子本(5"x8"那种),单个格子大小是0.5平方厘米,只要你找得到类似规格的本子,下面的模板照用。
黄金分割,横着用(左栏25格,右栏15格):
![]() |
黄金分割,竖着用(左栏16格,右栏10格):
![]() |
三分法,竖着用(右边留1格空间,上留2格空间,下留3格,左留0.5格,剩下36格x24格,自己慢慢除以3):
![]() |
最后是960像素系统,最近接触到的一个CSS模板系统(http://960.gs),很炫,正在学。
这套模板实现起来比较复杂,但越复杂的东西通常代表越大的自由度,暂时只能横着用:
960 CSS模板 12列(2.5格列宽,1格列间距):
![]() |
960 CSS模板 16列(1.5格列宽,1格列间距):
![]() |
早说了格子本用处多多,这套模板可用于网站或平面的布局设计,很赞吧?
-
千山飞雪 转发了这篇日记 2010-05-03 13:40:59