AdLab アドラボ

役立つ情報を研究する
アドシンのWEBメディア

present byADSHIN

  • CONTACT

SCROLL

FOLLOW ME!

お問い合わせはこちら

WEB制作

Webデザインにとっても役立つ!!あなたにおすすめの参考サイトの探し方!

Webデザインにとっても役立つ!!おすすめの参考サイトの 探し方!

 

こんにちは。デザイナーのミクシです。

みなさんはWebサイトを制作するときにギャラリーサイトを利用されていますか?

僕はWeb制作をする場合や、トレンドを押さえる際に、参考サイト(ギャラリーサイト)を使うことが多くあります。
Web制作の場合は、主にお客様とのデザインイメージを共有するために、参考サイトを複数上げる、または共有していただき、それをもとにデザインイメージを固めたり、どういったコンテンツを配置するかを参考にしたりします。

そこで今回の記事では、参考サイトの探し方を紹介します!

 

参考サイトの探し方

まず、世の中にはたくさんのWebサイトがあり、その大量のWEBサイトの中から大ざっぱに探すのはとても大変です。
なので、テーマを決めて参考サイトを絞り込みます。

スタイリングの参考

お客様やターゲットの好まれるカラーやトーンの参考を探す。
商材やブランドイメージによってターゲットから好まれるカラーやトーンは違います。
ヒアリングした内容を元に好まれるスタイリングを調べます。
※シンプル、清潔感、余白感など

コンテンツの参考

制作するWebサイトのコンテンツの見せ方に近い情報設計・画面設計が成立している参考を探す。
※ECサイト、コーポレートサイト、ブランドサイト、メディアサイトなど

写真やイメージの参考

制作するWebサイトにピッタリとはまるように真やイメージの撮影・表現方法の参考を探す。
ホームページにおける写真とはとても重要で、ユーザーにイメージをより正確に、かつスムーズに伝えることができます。

 

このテーマに沿ってデザインイメージを固める事で、ご提案時により説得力が増します。

 

参考になるWebデザインのギャラリーサイト 8選

以上を踏まえて、僕がふだんWeb制作をする際に実際に参考にしているギャラリーサイトを、それぞれの特徴とともにご紹介していきます!

SANKOU!

sankou!

https://sankoudesign.com/

業種・目的・色など豊富なカテゴリーからフィルターを使って検索できるので、目的のデザインをすぐに見つけられます。

Webデザイン制作の参考になる日本のWebサイト・LPを集めたギャラリー・リンク集。おしゃれなサイトを厳選してご紹介しています。2021年の最新トレンドをチェック!
(SANKOU!より引用

 

Web Design Clip

Web Design Clip

https://www.webdesignclip.com

国内、国外、ランディングページ、スマホ/レスポンシブデザインごとに分かれていて、カラー・レイアウト・カテゴリ・タグといったいくつもの切り口で検索でき、マイクリップに追加をするとログインしなくても気に入ったWebサイトを保存できます。
ヘッダーメニューで「Japan」「World」を切り替えることができ、日本だけでなく世界のWebデザインをチェックできます。

Web Design ClipはWebデザイン制作の参考になる国内のWebデザインギャラリー・クリップ集です。トレンドを押さえたクオリティーの高いWebサイトをクリップしています。(WebdesignClipより引用

 

bookma!

 感性を刺激するWebデザインギャラリー<bookma!>

https://bookma.org/

レスポンシブデザインを比較するのに向いているWebデザインのまとめサイトです。
PCとスマホでの表示画面が並んで掲載されているので、一目でモバイルのイメージを確認することができます。

感性を刺激するWebデザインギャラリーブックマ!(bookma!より引用

 

I/O 3000

I/O 3000

https://io3000.com/

こちらはユニークなシャッフル機能が面白いです。
「シャッフルボタン」を押すことによって、掲載されているサイトのなかからランダムで表示することができます。

I/O 3000は、Webデザインに関わる人のための Webデザインギャラリーサイトです。
国内外を問わず、Web制作の参考となるサイトをセレクトしています。 (I/O 3000より引用

 

URAGAWA

URAGAWA

https://uragawa.work/

URAGAWAはとても見やすいギャラリーサイトです。
絞り込みの種類も豊富で、アワード受賞やランキングなどがあります。
URAGAWAのオススメポイントは、サイトを制作した会社の情報をチェックできるところです。

URAGAWAは、クリエイティブカンパニーの情報を蓄積していくことで、クリエイティブカンパニーと、クリエイター・クライアントの関係を構築していくことを目的としたデータベースです。 (URAGAWAより引用

 

MUUUUU.ORG

MUUUUU.ORG(ムーオルグ)

https://muuuuu.org/

MUUUUU.ORGは掲載数が多く更新の頻度も高いサイトです。
トレンドを捉えたデザインを集めているので、今現在の流行を知ることが出来ます。

MUUUUU.ORGは、web制作において参考になる縦に長いレイアウトでかつ、クオリティの高いwebデザインのリンクを集めたサイトです。webデザインの参考にどうぞご活用ください。a collection of long scrolling websites(muuuuu.orgより引用

 

ズロック

ズロック

http://www.zzrock.net

ズロックはサムネイルが小さくできるので、1ページでたくさんのサイトを見ることができます。大量のサイトの中から参考になるものを探したいときにおすすめです。

かっこいいWebデザインのリンク集「ズロック」ページです。Webデザインの参考に。(ズロックより引用

 

現代デザイン

現代デザイン

https://gendaidesign.com/

現代デザインのオススメポイントはトップページだけでなく下層ページのデザインもチェックできる事です。下層デザインも一緒に見たい人にオススメです。

現代デザインはWebサイトを集めたギャラリー・リンク集です。トップデザイン・下層デザインを一覧で確認出来るのが特徴です。毎日更新を目標にしています!(出来なかったらごめんなさい)Webデザイン制作の参考にどうぞご活用ください。(現代デザインより引用

 

まとめ

いかがでしたでしょうか?
参考サイトを探すときはこれらのギャラリーサイトを使うと良いかと思います!
普段からこれらを活用し質の高いデザインに触れる事で、どんどんインスピレーションが沸いてくると思います!
ぜひ参考にしてみてください!

PAGE TOP