« 【日常描写】ようこそメモリ8GBの世界へ | ホーム | 【雑感週報】2011年31週目「信」 »

2011年7月31日

【日常描写】960 Grid System

Web制作をやっている方なら常識なのかもしれませんが、

Web画面のレイアウトを考える上での常套手段?的な考え方があるようです。

私は今更しりました。

というか今まで聞いたことあったのかもしれませんが、完全に情報をスルーしていたと思われます。

その名も「960 Grid System」です。

もちろん、960というのは960pxを指すのですが、

時代によって、画面の解像度が大きくなるのでこの数字は変化することになるでしょう。

960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行えるため、950ではなく960なのでしょう。

960 Grid Systemの一番よくやる方法は、

60pxの領域を12個つくり、それぞれ左右のマージンを10px取った、

12カラムグリッドの方法です。

説明するよりも見たほうが早いので、こちらのリンクをご紹介します。

http://960.gs/demo.html

今回、パートナーさんからこの考え方を教えてもらい、

新しいサイトをこの考え方を導入して作っていこうかということになりました。

他のサイト作りでも、この考え方を取り入れていければと思います。

というかWebサイトだけではなく、レイアウトの考え方だと思うので、

色々なところで役立ちそうです。

コメントする

月別 アーカイブ

このブログ記事について

このページは、マス風が2011年7月31日 12:43に書いたブログ記事です。

ひとつ前のブログ記事は「【日常描写】ようこそメモリ8GBの世界へ」です。

次のブログ記事は「【雑感週報】2011年31週目「信」」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。