エンジニア採用セミナー
エンジニア採用セミナー
2010.09.20

グリッドレイアウトのサイトをまとめてみたよ。

たか

クライアントワークでグリッドレイアウトのサイトを作りそうなので、まとめておきます。ワードプレス用のテーマもあります。ウィンドウのサイズを変えるとレイアウトが動くのを見ると、ウェブのレイアウトって何だろうなーと考えたりします。ここら辺、グラフィックデザインとウェブデザインの決定的に違うところですね。


Mrunouchi.com

きれいに細部までデザインされています。
http://www.marunouchi.com/

D&DEPARTMENT PROJECT

ポータルとショッピングサイトの2つの構成で出来てます。
http://www.d-department.com/jp/

バーグハンバーグバーグ

下田さんは変人でしたがいい兄貴でした。
http://bhb.co.jp/

Daily vitammins

ネタ系の記事。タイトルが素敵。
http://dailyvitamin.jp/

SpaceCollective

http://spacecollective.org/recent

THIS ALSO

ポートフォリオですね。
http://thisalso.com/

Xpaider.com

http://xpaider.com/

HEAVY EYES

http://heavyeyes.net/

TERUHIRO YANAGIHARA

http://teruhiroyanagihara.jp/

Reform&Revolution

http://reformrevolution.com/

Creative Depart

http://www.creativedepart.com/

ワードプレスのグリッドレイアウトテーマ

ワードプレスのグリッドレイアウトのテーマです。

国産のtanazaku、straghtlineの2つは商用利用も可能のようです。

tanazaku

http://www.tripleships.com/sample/

STRAGHTLINE

http://www.straightline.jp/sample_grid.html

FolioGrid

http://www.frogsthemes.com/wordpress-portfolio-themes/foliogrid/

SHAKEN AND STRRED TEHEMES

http://shakenandstirredweb.com/themes/

参考サイト

ニジュウリョク
http://2g.atsukitaira.com/wordpress/142/
speckyboy
http://speckyboy.com/2010/07/21/30-grid-based-wordpress-themes/
INSPIRED MAG
http://www.inspiredm.com/2009/07/03/web-design-trend-hunting-fluid-
grid-layout-10-outstanding-examples-1-tutorial/