前の記事 ≪：2009年5月18日 管理人のブックマーク
次の記事 ≫：ガレージセールに使えそうな手書き風フリーフォント

グラデーションをうまく使って立体感を出したサイトデザイン集

2009年05月19日-はてなブックマーク

スポンサード リンク
25 Great Examples of Using Gradient Effects in Web Designs

グラデーションをうまく使って立体感を出したサイトデザイン集。
うまくグラデーションを使うことで、質感の表現や、ゴージャスな印象を生み出しています。

ECTOMACHINE
クールな画像とともにグラデーションされた背景が印象を強くしています


Reinvigorate
うまくグラデーションと背景イメージを混ぜ合わせたデザイン
単色にするよりグラデーションの方が高級感が出ているのが分かります


Central Snowsports
平面ですがうまく立体的にしてさらにそれが分かりやすいメニューになっている点が参考にできそう


Tim Van Damme
コントロールパネルっぽいデザインを立体的にデザインしている例
シンプルで分かりやすいページ構築の際の参考になるかも


Rise Creative Group
大きくグラデーションを使ってサイト全体になじませたという印象のデザイン
よくありそうであまりみたことがないなぁという感じのデザインです


Newism
透過をうまく使ってグラデーションを全体に効かせているデザイン


全部見る

色々と参考にできそうなテクニックが満載ですね。

関連エントリ
関連の記事検索：Webデザイン, デザイン, まとめ, Web制作, Photoshop, webデザイン
スポンサード リンク

By.KJ : 2009年05月19日 07:03 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitterでお願いします(クリック)