WebGallery

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

*

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

   

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

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

FORH

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

 

andMade

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

 

ELI

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

 

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

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

 - 色で表現 , ,

  関連記事

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

イラストに動きを加えて、楽しい雰囲気を演出したサイトが可愛い!

佐賀県小城市にある飲料商品の開発・販売等を行っている会社「友桝飲料」のホームペー …

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

暖色系を使ったり、日本画風のイラストで昭和レトロな雰囲気を演出したイベントサイト

2017年1月20日から29日まで横浜赤レンガ倉庫で開催されている「鍋小屋201 …

黒を使った重厚感のあるデザインで、明治から続いている歴史ある酒蔵を表現した「明治蔵」

鹿児島県枕崎市にある「薩摩酒造花渡川蒸溜所 明治蔵」のホームページです。 背景の …

三角形を使って作られた「花と緑と水の町」のふるさと納税サイト

宮崎県三股町のふるさと納税特設サイトです。 黄色と黒を基調としたパキッとしたデザ …

アメコミ風のデザインで見た目を工夫し、ユーザーの好奇心を刺激する

試作部分開発・レーザ加工・治具設計制作を行っている「タイメック株式会社」のホーム …