グラデーションをうまく使って立体感を出したサイトデザイン集
2009年05月19日-
スポンサード リンク
25 Great Examples of Using Gradient Effects in Web Designs
グラデーションをうまく使って立体感を出したサイトデザイン集。
うまくグラデーションを使うことで、質感の表現や、ゴージャスな印象を生み出しています。
ECTOMACHINE
クールな画像とともにグラデーションされた背景が印象を強くしています
Reinvigorate
うまくグラデーションと背景イメージを混ぜ合わせたデザイン
単色にするよりグラデーションの方が高級感が出ているのが分かります
Central Snowsports
平面ですがうまく立体的にしてさらにそれが分かりやすいメニューになっている点が参考にできそう
Tim Van Damme
コントロールパネルっぽいデザインを立体的にデザインしている例
シンプルで分かりやすいページ構築の際の参考になるかも
Rise Creative Group
大きくグラデーションを使ってサイト全体になじませたという印象のデザイン
よくありそうであまりみたことがないなぁという感じのデザインです
Newism
透過をうまく使ってグラデーションを全体に効かせているデザイン
全部見る
色々と参考にできそうなテクニックが満載ですね。
関連エントリ
グラデーションをうまく使って立体感を出したサイトデザイン集。
うまくグラデーションを使うことで、質感の表現や、ゴージャスな印象を生み出しています。
ECTOMACHINE
クールな画像とともにグラデーションされた背景が印象を強くしています
Reinvigorate
うまくグラデーションと背景イメージを混ぜ合わせたデザイン
単色にするよりグラデーションの方が高級感が出ているのが分かります
Central Snowsports
平面ですがうまく立体的にしてさらにそれが分かりやすいメニューになっている点が参考にできそう
Tim Van Damme
コントロールパネルっぽいデザインを立体的にデザインしている例
シンプルで分かりやすいページ構築の際の参考になるかも
Rise Creative Group
大きくグラデーションを使ってサイト全体になじませたという印象のデザイン
よくありそうであまりみたことがないなぁという感じのデザインです
Newism
透過をうまく使ってグラデーションを全体に効かせているデザイン
全部見る
色々と参考にできそうなテクニックが満載ですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ