格子本设计用模板
这个网页里看到的: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格列间距):
![]() |
早说了格子本用处多多,这套模板可用于网站或平面的布局设计,很赞吧?
-
轮回之树 赞了这篇日记 2023-01-13 09:45:28
-
whitecube71 赞了这篇日记 2015-12-04 12:52:48
-
Ÿç-信鹿 赞了这篇日记 2013-02-11 21:13:28
-
无味斋主人 赞了这篇日记 2012-10-10 12:13:04
-
心马由缰 赞了这篇日记 2012-09-10 13:26:38
-
嘻嘻哈哈 赞了这篇日记 2012-09-06 10:46:18
-
CKLG 赞了这篇日记 2012-08-05 10:41:00
-
番茄炒蛋! 赞了这篇日记 2012-04-16 04:35:19
-
桃西 赞了这篇日记 2011-07-02 20:39:58
-
千山飞雪 赞了这篇日记 2010-05-03 13:40:59