Webデザインで参考にしたいサイト10選

どうも、MNETデザイナーの西原です。
本日のブログテーマは「Webデザインで参考にしたいサイト10選」です。Webデザインにおいて、優れたデザインやUX(ユーザーエクスペリエンス)の知識・事例提供するサイトは常に注目されています。これらのサイトは、デザイナーや開発者等のクリエイターにとって非常に重要なベンチマーク材料となり、新たなアイデアや時流・トレンドを発見するための貴重な情報源になります。本記事では、Webデザインに関心のあるプロジェクト担当者様やクリエイターに役立つ、参考にしたいサイト10選を紹介します。

Pinterest

【Pinterest】は、イメージボードを共有するオンラインのソーシャルメディアプラットフォームです。 ユーザーは、自分が興味を持つ画像や写真を「ピン」としてボードに保存し、他のユーザーと共有することが出来るため、デザイン事例やクリエイティブなアイデア収集に優れたサイトになります。

Behance

【Behance】は世界中のプロジェクト実績が公開されているプラットフォームです。世界中のデザイナーの作品を見ることができる点から、さまざまな業界やテーマのデザインアイデアを発見することができます。デザイナー人口がとても高い事が大きな特徴です。

ちょうどいい Webデザインギャラリー

【ちょうどいい Webデザインギャラリー】はさまざまなホームページが集約されたギャラリーサイトです。ギャラリーサイトでは、ハイセンス・奇抜過ぎて参考にならない事が多くありますが、このサイトではいい意味で「ちょうどいい」事例がが多く掲載されています。参考となるワンポイントと合わせて紹介されているのも嬉しいところです。

LPアーカイブ

【LPアーカイブ】はランディングページに特化したギャラリーサイトです。使用されているキャッチコピーのみをピックアップして参照できる機能があるのがとても良いです。これにより気になるサイトをわざわざ開いて確認する手間が省けるためスムーズなアイデア収集に役立ちます。

Parts.

【Parts.】はヘッダーやフッターなどサイトに使用されている一部分のパーツ毎に参考デザインを探せるサイトになります。 料金表やフローなどオリジナリティが出しにくいパーツが一覧で見れるため肘に参考になり、打ち合わせ時の認識合わせの際にもよく利用します。

Modulesss…

【Modulesss…】はPartsと同様にこちらもパーツ別に検索できるギャラリーサイトです。デザイン作業をしていると絶妙に悩みがちな細かいディテール部分も絞り込めるため、困ったとき・悩んだときに見るという使い方がとてもオススメです。

AWWWARDS

【AWWWARDS】は、世界中の優れたWebデザインに贈られる賞を選定するウェブサイトです。 毎日のように新しいデザインが掲載されるので、Webデザインの最新トレンドをキャッチすることができます。  

マネるデザイン研究所

【マネるデザイン研究所】は優れたデザインのサイトをピックアップし、どの点が参考にできるのか、その応用場面、そして懸念点をまとめています。ただ、漠然とWebデザインを眺めているだけでなく、ポイントを押さえることでよりデザインを深く学べる優れたサイトです。

bookma!

【bookma!】はPC版とスマホ版のヒーローエリア（メインビジュアル）のデザインを同時に閲覧でき、画面幅の違いによる要素の増減や大きさの変化を参考にすることができます。サイトのキーカラーでソートすることも可能です。

BANNER LIBRARY

【BANNER LIBRARY】は4,000点以上のバナーがあり、気に入ったデザインがあればお気に入り登録して管理できます。 他のサイトと比較するとおしゃれなバナーが多い傾向にあります。テイストや季節感のハッシュタグで分類されているので、トレンドの把握にも参考になります。 以下のSNSごとに広告を閲覧できるため、自社広告を配信したいメディアにあわせて閲覧したいバナーの条件を絞り込めます。

さいごに

本日はWebデザインで参考にしたいサイト10選をご紹介致しました。国内だけでなく海外のサイトを見る事で得られる知見も多くあると感じています。レイアウトやアニメーションの参考等、ぜひご活用頂ければと思います。 弊社ではこういった知見収集を行いながらお客様一人ひとりにオーダーメイドでのサイト制作を行なっております。

合同会社MNETは「ユーザーのニーズを叶える」を理念に持ち、お客様への価値提供を行う大阪のWeb制作会社です。大阪だけではなく全国どこでもオンラインでご対応可能ですのでWebサイト制作会社、デザイン会社をお探しの方は是非一度お気軽にお問い合わせ下さい。MNETがお客様のニーズの実現を後押し致します。

MNET過去の実績を見たい
実績ページへ

MNETの会社案内を見たい
資料請求へ

MNETへ問い合わせたい
お問い合わせへ