ブログやサイトをデザインする際、おそらく最初に悩むレイアウト。

どの要素をどの位置に配置するか？いろいろと悩んでしまいますね。

っちゅうわけで、本日はブログやサイトデザインに使えるレイアウトをまとめてみました。

【レイアウト・サンプル】

まずは、レイアウト・サンプル集。基本はこちらからどうぞ～。

1. CSS Layouts – Code-Sucks.com

2. NEW dynamic basic CSS TEMPLATES 07 | intesivstation

3. Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!

【マガジン・スタイル】

なんだか、最近流行の？マガジン・スタイル・レイアウトのサンプル集。

4. 11 Free Magazine Style WordPress Themes | Epic Web Strategies

5. Creating a Magazine Style Theme – Learn by Example | Design Adaptations

【水平分割・スタイル】

こちらも最近よく見かける水平分割・スタイルのまとめ。

6. Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided | StyleIgnite

先に大枠を決めて、順番に要素を配置して、色や飾りつけをして完成～！っと簡単に行けばいいのですが。。。