見出し画像

粒状テクスチャがすてきなウェブサイト5選

こんにちは!株式会社FORKのkuritaです!
暑い日が続きますね…休日は救急車が多く見受けられます💦
熱中症に気を付けてお過ごしください!

さて!今回は粒状テクスチャが魅力的なサイトをピックアップさせていただきました!
粒状テクスチャの温かみある雰囲気が個人的にお気に入りで、つい見入ってしまいます…そんな私がこの粒状テクスチャの使い方素敵だなと思ったサイトをご紹介させていただければと思います✨
それでは始まります!

株式会社キュービック キャリア採用

アイコン的に使われているこちらのイラストに粒状テクスチャが使用されています。KVのイラストから下層コンテンツに飛べたり画面を掴んで動かすことができるのも直感的な操作感で面白いです!
アイコンにカーソルを当てるとテキストが出て、下層コンテンツへ誘導してくれるところも素敵です!

アイコンをホバーすると波立つ挙動が素敵
サイト全体の青色トーンに変化するのも遷移した感があって分かりやすいです


東海汽船グループ10周年記念特設サイト|東海汽船

サイト全体に粒状テクスチャが施されており、KVから画面全体に広がるイラストが圧巻です!配色も温かみある色合いで、背景色の変わり目はマジックアワーの空のような趣深い雰囲気さえ感じます!
メニューボタンも形が少し歪んでいるところがアナログ感があって素敵です✨

粒状テクスチャに細い線のアイコンや地図の組み合わせが映えますね!
この色の境目が素敵
波の立体感が素敵


HIS × RAGEBLUE

SP特化のデザインとなっています!PC時の左側のビジュアルが粒状テクスチャになっているのと、サイトのエリア内の青背景や写真も粒状テクスチャになっていて、サイトのコンセプトである「レトロポップ」な雰囲気を醸し出すのに抜擢な効果といえるのではないでしょうか👀✨

タイポグラフィーと粒状の組み合わせがレトロポップ感満載ですね!


再生可能エネルギーを学ぼう|世界を変える!?再生可能エネルギー

イラスト背景のグラデがサイト背景にも使われており統一感があってトンマナも落ち着いていて、まじめさとイラストのポップさでバランスをとっているところがいいなと思いました✨
サイトのエリア自体がファイルっぽくなっているところが教材っぽくて素敵だなと思いました!

グラデーションの青緑が落ち着きます
その他コンテンツのアイコン背景も粒状になっているところが細かい!


福岡市中央区 産科・婦人科 東野産婦人科

SP特化のサイトです!
こちらは粒状感というよりは紙のような温かみあるテクスチャが施されています。PCのTOPページではコンテンツごとに左側のイラストが切り替わるような仕組みとなっているところが珍しいですよね👀コンテンツごとにイラストを挿絵的に使っているところが素敵です!

下層ページのコンテンツごとに挿絵が固定されるのがわかりやすくて素敵


いかがでしたでしょうか!
数年前からトレンドとなっている粒状テクスチャですが、魅了され続けている方も少なくないのではないかと思われます!皆様のお気に入り粒状テクスチャサイトがありましたら是非教えてください✨

それではまた8月の投稿でお会いしましょう!
暑い日が続いておりますのでお気をつけてお過ごしください🙇

この記事が気に入ったらサポートをしてみませんか?