あなたも、グラデーションのテクを使ってみない？
今日は、あなたのサイトのページを、さらに「それっぽく」見せることができる、ちょっとしたデザインテクニックをご紹介しちゃいます。
それは、「グラデーション」と呼ばれるテクニック。
（本職のデザイナーさんの間では、略して「グラデ」と呼ばれることも）
「グラデーションって何？」
グラデーションとは、A色からB色へ、少しずつ変化させていくデザイン・テクニック。
プロが制作するサイトに限らず、とくにナビゲーションメニューのデザインで、当たり前のように使われているテクニックです。
「う～む、その抽象的な説明じゃ、分からないよ・・・」
はい、ちょっと言葉足らずですね（^ ^；
百聞は一見にしかず！さっそく、グラデーションの活用例を見てみましょう。
↓こちらの画像を見てください
これ、大人気の動画サイトYouTubeのナビゲーションメニューです。
この画像の中で、ナビゲーションメニュー「Videos」「Caterogies」の背景色に注目してください。
上部のほうは薄～い青色ですが、下部へ行くに従って、濃い青色に、少しずつ変わっていますよね。
薄い青色から濃い青色に、少しずつ変化させていく。これが、「グラデーション」テクニックの一例です。
グラデーションの効果とは？
「なぜ、グラデーションを使うの？」
グラデーションを効果的に活用すると、ページ全体に、メリハリが出てくるんです。
ちょっとキザな表現ですが（笑）、ページのデザインに、豊かなリズムが生まれてくる。
ちょっと想像してみてください。
上で見ていただいたYouTubeのページのナビゲーション。
このナビゲーションに、グラデーションが使われなかったら、はたして、どのように見えるでしょうか？
ベタッと一色だけの配色に変えたら、印象はどうなるだろう？
↓ためしに、デザインをちょっといじってみました。
どうです？
なんとなく、ノッペリした印象を受けません？（^ ^；
同じナビゲーションでも、グラデーションをかけることで、ページの印象がだんぜんリッチに、豊かになります。丁寧にデザインされた、プロフェッショナルなイメージを演出することもできるんです。
ちょっとしたデザインの小技（こわざ）のグラデーション。
もちろん、やりすぎると逆効果ですが、メニューのデザインなどで使ってみると、あなたのページも「それっぽく」見せることができるかも！？
↓参考記事
GIGAZINE: グラデーションを使ったデザインのやり方
さらに突っ込んだデザインノウハウは、メルマガでお届けします！メルマガ読者限定の、サイト無料診断企画もたまにやってます。
>>バックナンバーを見る
Powered by
