on:2010年7月26日sponsorsボックスやボーダーはウェブレイアウトでコンテンツを組み立てるためによく使用される便利なパーツです。手軽に使用すると、過剰になってしまうこともあります。そんな過剰になってしまったボックスやボーダーを取り除くスタディを紹介します。Borderitis下記は上記の記事を意訳したものです。ウェブデザインにおいて、ボックスやボーダーはコンテンツを組み立てるためによく機能します。そのボックスやボーダーがある一点に過剰に集まってしまうことがあります。Gandi.net上記のページでは、五つのボーダーが集まっています。ページ下部のエリアをフルで見てみましょう。Tips」用にもう一つボックスが使用されています。シンプルにボーダーで表現すると、下記のようになります。これは情報を損なわないで、単純化することができると思います。外側の容器を取り除いてみます。これは上部のナビゲーションにつながっているボックスですが、取り除いても機能する方法があります。Tips」の周りのボックスを取り除いてみます。コンテンツセクション内には内容の異なる別のコンテンツがあります。これを分離するために、コンテンツセクションのボックスにボーダーを配置します。この二つの変更を適用すると、下記のようになります。シンプルなボーダーをはずしてみましょう。容器のボックスを取り除き、コンテンツを分離するためにボーダーを配置しました。インターフェイスはより明るくなり、雑然とした感じがなくなりました。ボーダーの代わりに、充分なホワイトスペースを使用してコンテンツを整理することもできます。Posts関連記事が見つかりませんでした。