実践!WEB2.0デザイン

俺いまWeb 2.0時代のウェブデザインがわかった!

世の中、似たり寄ったりなWeb2.0っぽいデザインが流行りのようですね。

i d e a * i d e a — Web2.0っぽいデザイン
{ marble Beat* } web2.0的デザインの傾向と対策(1)
上記のブログなどを参考にしながら、自分でもWeb2.0っぽいデザインに挑戦してみました。

できあがったのが以下の画像。
(画像クリックにて拡大)
WEB2.0デザイン

実際にやってみて分かったWeb 2.0的デザインのポイントを箇条書きにします。

・bodyの背景色は白が無難

・全体的に淡くて薄くて寒色系なパステルカラーがいいのかも

・角丸ボックス必須

・バクダン(ギザギザの円形バッジ)必須

・なんとなくグラデーション入れとく

・見出しとかリード文を画像にするならフォントはヒラギノで決まり

・アップルみたいな謎のキャッチコピーがよく合う(『さあ、東京タワーのお時間です。』など)

・背景色と本文の文字色は同系色に。読みにくいくらいのコントラストがちょうどいい

・余白のとりかた等、レイアウト全般はPhotoshopのグリッドにスナップさせておけば、ほぼ間違いない(これかなり重要)

・イメージは、とりあえず巨大建造物か子供の笑顔ドアップ写真を入れておけば間違いない(ロモで撮ってたらハマりやすい)

・ロゴデザインは丸っこいフォントで、ぶっとい縁取りを付けておくとそれっぽい

・区切り線などは色を決めかねたら、ひとまず薄いグレー

・デザインに個性とか求めない姿勢で

というわけで、俺ウェブデザイナー2.0としてイケるなと思った(笑)
ウェブ2.0っぽいデザインをお求めの方はぜひぜひメールください。1件500万円から引き受けます。



投稿者 愛場大介(Daisuke AIBA / Jetdaisuke) : 2006年8月25日 03:42

ジェット☆ダイスケ

ジェット☆ダイスケ
愛場大介/ジェット☆ダイスケ
昭和生まれの古い男がこのブログを地味に更新しつづけております。趣味はブログです。 ツイッターIDは @jetdaisukeです。 また、YouTubeのチャンネル登録はこちらからできます。

ナノ一眼 PENTAX Q の実力
iPhoneとも戦えるカメラ、ナノ一眼 PENTAX Q を購入しました
シャッター切るたび画調が変わる PENTAX Q のランダムなクロスプロセスが楽し過ぎるのだ
PENTAX Q トイレンズ比較 魚眼/広角/望遠
ペンタックスQのバッテリは、フジフイルム、コダックとも共通
ナノ一眼PENTAX Qをもう一台導入しまして
ナノ一眼 PENTAX Q でも星を撮影できた
PENTAX Q 動画モードについての感想

世界最小15倍ズームレンズB008とキヤノンEOS 60Dで大自然を撮ってみよう!
TAMRON 18-270mmF3.5-6.3 Di2 VC PZD B008
タムロン 18-270mmF3.5-6.3 Di2 VC PZD B008

バリアングル液晶でビデオ撮影も快適なデジイチ
Canon デジタル一眼レフカメラ EOS 60D
EOS 60D
レビュー記事:
EOS 60Dのバリアングル液晶はやっぱり動画撮りやすいです
キヤノン 一眼レフ EOS 60D を購入してみた

[地球圏最強の標準レンズ]
シグマ30mm F1.4レンズは企業プロモーションビデオにも使える優れもの
SIGMA 30mm F1.4 EX DC

Canon EFレンズ 50mm F1.8 II 最安の単焦点レンズを試す
Canon EFレンズ 50mm F1.8 II
[最安の超広角レンズ買うた]
タムロン超広角ズームレンズ TAMRON SP AF10-24mm F/3.5-4.5 Di II
TAMRON AF10-24mm F/3.5-4.5 DiIILD Aspherical
TAMRON AF10-24mm F/3.5-4.5 DiIILD

【EOS 関連記事】
キヤノンEOS Kiss X3関連で購入したアイテムまとめ1 純正品編
キヤノンEOS Kiss X3関連で購入したアイテムまとめ2 お役立ち編
キヤノンEOS Kiss X3関連で購入したアイテムまとめ3 交換レンズ編

最近のエントリー