+RECOMMEND
+RECOMMEND
+Ad
+OTHERS

無料ブログ作成サービス JUGEM

paperboy&co.
RSS 1.0
ATOM  0.3
<< March 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
<< 電子書籍 Epubに関する動きまとめ3 データ ソフト編 | main | グーグル(米)、電子書籍販売サイト立ち上げへ >>
黄金比・白銀比 カラム別データ


黄金比や白銀比別のカラム比率の作例データを作ってみました。
2カラムと3カラムで、サイト幅別に検証しています。
サイト制作時に参考になればとおもいます。画像で作っていますので、テンプレートに使うなどご自由にどうぞ。
William Lidwell,Kritina Holden,Jill Butler
ビー・エヌ・エヌ新社
¥ 4,200
(2004-06-27)

まず簡単に黄金比と白銀比の説明から。

■黄金比

黄金比とは最も美しいとされている比率のことで

 1:1.618

という比率のことです。
黄金比を用いたもので代表的なものは、ギリシアのパルテノン神殿やミロのヴィーナスなどの造形物に用いられていることでも有名です。また、自然界でもオウムガイの殻の節の比率や、ひまわりの種の配列、バラの花びらなどなど、いろいろなところにも発見されています。
身近なところだと名刺の比率も黄金比。


■白銀比

こちらは日本に馴染み深い比率です。

 1:1414

普段良く使用する、A4やA3といった用紙のサイズや法隆寺の五重塔にもこの比率が用いられているそうです。「大和比」とも呼ばれるくらい日本になじみのある比率なのだとか。



ではサンプルです。
サンプルは下記の内容で制作しました。
なお、3カラムは幅が狭いと3カラムが成立しないので、幅広のものに絞りました。

まとめZipはこちらから



■2カラム-黄金比
・750px
黄金比2カラム750px

・800px
黄金比2カラム800px

・850px
黄金比2カラム850px

・900px
黄金比2カラム900px

・950px
黄金比2カラム950px


■2カラム-白銀比
・750px
白銀比2カラム750px

・800px
白銀比2カラム800px

・850px
白銀比2カラム850px

・900px
白銀比2カラム900px

・900px
白銀比2カラム950px


■3カラム-黄金比
・900px
黄金比3カラム900px

・950px
黄金比3カラム950px


■3カラム-白銀比
・900px
白銀比3カラム900px

・950px
白銀比3カラム950px



データ制作のために参考にさせていただいたサイト

Webデザイン黄金比計算ツール
http://zapanet.info/blog/item/1298


Webデザイン白銀比計算ツール
http://zapanet.info/blog/item/1300


電脳狂想 曲 レイアウトの小技
http://www.geocities.jp/dennou84/kowaza/ratio_table/table2.html




| グラフィックデザイン | 13:42 | comments(0) | trackbacks(0) | - | - |はてなブックマーク - 黄金比・白銀比 カラム別データ | このエントリーをはてなブックマークに追加









http://blog.tug.lomo.jp/trackback/990142