Web Design From Scratchは 、
包括的なWeb 2.0設計ガイドを公開してい
ます 。 このガイドは、新世代サイトで最もよく使用される15の設計手法のリストであり、具体的な例とスクリーンショットが含まれています。
シンプルさページには、できるだけ少ない要素を含める必要があります。 2つの可能な解決策のうち、よりシンプルなものが常に優れています。
ページの「クリーニング」の結果、訪問者の目はコンテンツに集中します。 ナビゲーションが簡素化されました。 重要なものにユーザーの注意を引くのは簡単です。
Web 2.0サイトの設計では、「描画情報」または「情報ピクセル」(データインク)という用語を使用できます。 一般に、タフト自身は、情報デザインの有効性は、画面上の「情報」ピクセルと総ピクセル数の比率で表されると言っていました。
中央マーキング以前のデザイナーのファッションと比較して、今ではブラウザの中央にはるかに多くのサイトがあり、フルスクリーンに拡大されたり、左にシフトされたりしていません。 Web 2.0の設計はよりシンプルで経済的であるため、このようなサイトには常に多くのきれいで空白があります。
少ないスピーカー数年前、3列設計が一般的でしたが、多くの場合、4列も見つかりました。 今日、2つの列は誰も驚かず、3つの列は一般的に受け入れられている最大値です。
別の上部セクションページの上部には、他のすべてのコンテンツから分離された水平セクションがあります。 もちろん、このアイデアは新しいものではなく、長い間使用されてきましたが、今では本当に認識されるようになりました。
カラーブロック上部のセクションに加えて、他のページ要素も明確に強調表示できます。 これは、ナビゲーション領域、メインコンテンツ領域、またはその他の領域にすることができます。
明るい色の問題は、ページの他の要素から注意をそらしすぎることです。 そのため、場合によっては、通常の白い色から逸脱しないほうが良いでしょう。
簡単なナビゲーションサイトの各ページに表示されるナビゲーションメニューは、大きく、明確でシンプルでなければなりません。 ハイパーリンクについては、ページ上の他のすべてのコンテンツと明らかに異なる必要があります。
大きいサイズWeb 2.0サイトでは、フォントサイズは通常、前世代のサイトよりも大きくなります。 このルールは、シンプルさと機能設計の原則に基づいています。
大きなテキストの挿入非常に大きな見出し、ロゴ、ラベルが多くのサイトで見られます。 これらのラベルは通常、グラフィック要素として実装されます。
クリアロゴはっきりとした、力強い、そして強いブランドは、目立つ、キャッチーなロゴで作られています。
上記のすべてに加えて、それほど一般的ではない6つの設計手法が言及されています。飽和色の使用。 華やかな表面(豊かな表面); 勾配 反射; エレガントなピクトグラム、さらには多角形の星。