WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

ピンクのグラデーションが綺麗!なサイト3選

   

数年前からWebデザインのトレンドとして様々な所で取り上げられていますが、背景に使用したりボタンや電話番号などアクセントとして使用したり写真の上に重ねたりと、様々な使い方があって見ていてとても楽しいです!

今回は、その中でもピンク系のグラデーションを使ったサイトを3つご紹介したいと思います。

FORH

ヒーローヘッダーの動画の上にグラデーションを重ねたり、メニュー部分の背景やタイトル部分がグラデーションになっていたりと、色んな要素にグラデーションを使用しています。
サイト全体に統一感が生まれ、かといってクドすぎない絶妙なバランスでグラデーションを取り入れていて、とても参考になるデザインのサイトです!

 

andMade

こちらは見える箇所にグラデーションを使うのではなく、ホバーアクションにグラデーションを取り入れています。
サイト全体の配色は白と黒のシンプルなものにして、ホバーしたときに色を出す形になっているので、写真の鮮やかさが際立っていますね!

 

ELI

こちらは青とピンクの淡いグラデーションを使った柔らかい色合いのサイトになっています。
ファーストビューの男性の肌や唇の色に合わせたグラデーションになっていて、配色に統一感が出ています。

 

パキッとしたグラデーションが多い中、ピンク系の淡いグラデーションを使ったサイトが多く、優しく柔らかい印象が伝わってくるサイトが多いですね。

web上で簡単に綺麗なグラデーションを作れる「shade」や「uiGradients」といったジェネレーターもあるので、活用していきたいですね!

 - 色で表現 , ,

  関連記事

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …

ロゴに合わせたイラストで可愛らしさを

  熊本県にあるカフェのWebサイトです。茶系のカラーリングで落ち着い …

イラストやアイコンを使って、女性にも親しみやすいデザインの土木建築会社

愛知県半田市にある土木建築会社「株式会社 知多土木」のホームページです。 ファー …

砂浜のようなテクスチャとハイビスカスを使ってハワイアンな雰囲気を演出したウェディングサイト

東京都港区にオフィスをかまえているウェディングサポートをするプロジェクトチーム「 …

白黒の配色と扇形の写真の切り取り方を使った重厚感ある香料メーカー

200年あまりの歴史を持つ香料メーカー「塩野香料株式会社」のホームページです。 …

色んな色と形が組めるつみき「KUUM」

フェリシモが販売している新しい組むつみき「KUUM(クーム)」の特設サイトです。 …

【WEBサイトまとめ】もうすぐ春!ピンク色を効果的に使ったサイト5選!

まだまだ寒い日が続きますが、暦の上ではもう「春」ですね〜。 ということで、今回は …

商品のイメージカラーの黄色を全面に出した、日焼け止めの商品ブランドのランディングページ3選!

日焼け止めが活躍する時期になりましたねー! ですが暑かったり寒かったりで気温がな …

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …