2019年11月:デザインの参考にしたいWebサイト16選2019年11月:デザインの参考にしたいWebサイト16選https://senrogai.com/2019年11月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。ポップなデザインからスタイリッシュなデザインまで、幅広く参考にすべきサイトをまとめているので、Webデザイン勉強中の方はぜひ学習に役立ててください。GROUPその他の参考になるWebサイト下北線路街https://senrogai.com/ポップで、見る人をワクワクさせるようなデザインが魅力的なサイトです。太字のゴシック体や、淡いシャドーなど、流行のスタイルがたくさん使われています。ITGhttps://itg.digital/ローディングアニメーションの犬に心を奪われてしまいました。ボタンのマウスホバーエフェクトもしっかりとデザインされていて、細かい所まで作り込まれています。Anniversaryhttps://www.semba-center.com/50th/カラフルな配色と、少しレトロ調にデザインされたページ内の要素が組み合わさって魅力的な雰囲気に仕上げられています。https://dosojin.jp/Webサイトというよりは、雑誌など印刷物のデザインに近い要素がたくさん使われているサイトです。印象的なデザインで、LP制作の参考にもなります。Patrahttps://patrainc.jp/一番上のレイヤーにイラストを配置している面白いサイト。イラストの世界の中でWebサイトが展開されているかのように、楽しい違和感を感じることができます。SALONhttps://irodas.com/シンプルながらもメリハリの効いたデザインで、とても魅力的な雰囲気に仕上げられているサイトです。こちらも太字のゴシック体とシャドーが使われていて、最近良く見かけるスタイルですね。LOOPhttps://loopearplugs.jp/難聴などを防ぐことができるイヤープロテクターのプロダクトサイトです。画像を大きく配置して、画面いっぱいに広げることで開放的で魅力的な印象に仕上げられています。WEBhttps://tokyo-voice.jp/記事ページでもスプリットスクリーンが使われているデザインが面白いサイトです。写真を大きく固定で表示することにより、世界観がより強く伝わってきますね。見ていて楽しい!スプリットスクリーンレイアウトの特徴と参考になるサイトまとめスプリットスクリーンレイアウトは画面を大きく分割するレイアウトで、使い方次第では非常に効果を発揮するデザイン手法です。分割スクリーンレイアウトや、分割式レイアウトなどとも呼ばれたりします。trendsMetaMusichttps://metamusic.ca/アートな雰囲気が漂う素敵な雰囲気のサイトです。非同期画面遷移が使われていて、流れるようなユーザー体験が提供されています。少ない色数でまとめられていて、サイト全体で一貫したスタイルが使われています。YAH!https://www.youngandhyperactive.de/ファーストビューの動画背景やグラデーション、スプリットスクリーンなど参考になる点がたくさん詰まったサイトです。PCで表示すると画面左側に表示されているスクロール位置を表示するバーはユーザビリティを高めつつデザイン要素としても機能しています。Wash&Cafehttps://www.washcafe.jp/「カフェスタイルコインランドリー」というコンセプトに合わせて、セクションの境界線に波のエフェクトが付けられている点がとても印象的です。情報量が多いページですが、イラストや写真を使って分かりやすくまとめられていますね。PRODUCEhttps://www.toromi.co.jp/「とろみ」という社名に合わせて、サイトのあちこちがとろとろしているWebサイト。エレガントで上品なデザインとはとろみのエフェクトという、対称的な要素が組み合わさることによって面白いデザインとなっています。Technologies株式会社https://www.art-technologies.co.jp/要素をずらしたり、重ねたりすることによって美しいデザインを作り上げているWebサイト。小さめのテキストによってエレガントで洗練された印象が作り出されています。JPホールディングスグループhttps://jphdgroup-recruit.jp/スクロールに合わせてページがどんどんと変化していく展開性がとても楽しいサイト。ブロックで作られたテキストが積み上がったり崩れたりするアニメーションが可愛らしいです。プーコニュhttps://peu-connunet.com/テキスト、写真、線の3つの要素でほとんどが構成されているミニマルデザインのサイト。余計な装飾を無くし、魅力的な写真によって世界観を作り上げている点がとても参考になります。GROUPhttps://dmm-corp.com/画面を大きく使ったデザインが、開放的で魅力的な雰囲気を生み出しつつ、挑戦していくという会社の姿勢を体現しています。大企業のWebサイトはどうしても似たりよったりなデザインになりがちですが、そこを崩しに行くと差別化が狙えるポイントになりますね。その他の参考になるWebサイト今回ご紹介したような、デザインの参考になるおすすめのWebサイトをギャラリー形式でまとめています。コンテンツは随時更新しているので、ぜひチェックしてみてください。Trends(ウェブデザイントレンド)は、Webに関わる全ての人のためのメディアです。ウェブサイトの制作やデザインに役立つ情報、最新トレンド、チェックすべきサービスなどを配信しています。