12 Standard Screen Patterns

サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」
次のような感じで、状況に応じた適切なレイアウトパターンのサンプルイメージと、実装例サイトを紹介しています。



例えば、その１の、Master/Detail というパターンであれば、左、あるいは上部にナビゲーションを置いて、右あるいは下にコンテンツを表示するパターンです。



具体例でいけば、iTunesやWindowsのエクスプローラーが同じようなＵＩですね、というサンプル例が多数紹介されています。

　

他にも12のパターンが紹介されていて、ＵＩに迷った時はこれを参考にすると糸口が見つかりそうな気がします。

関連エントリ

• HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン
• 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」
• 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」
• CSSレイアウトのチート集「CSS Layout Cheats」