投稿日:|更新日:

WEBデザイン制作に役立つ参考サイト

WEBサイトのデザイントレンドや表現方法は、デバイスや技術の進化によって日々変化しています。
WEBデザインはユーザーの満足度や体験価値を高めるためにも、常にトレンドをキャッチアップすることが重要です。また、その後の制作段階においては、作りたいサイトのデザインイメージをコーダーとしっかり共有することも重要となってきます。
そこで今回は、最新のデザイントレンドを学べるサイトなど、WEBデザイン制作の際に参考になるサイトをいくつかご紹介します。

 

1.SANKOU!

https://sankoudesign.com/

SANKOU!は、日本のWEBサイトをまとめたWebデザインギャラリーです。
こちらのサイトは、参考にしたいサイトの種類や業種、サイトの色味やデザインテイストなどを細かくカテゴリ検索できます。
そのほかにもデザイン面だけではなく、パララックスやホバーといった「動き」もカテゴリで検索することができます。
また、サイトのサムネイルの下にはSANKOU!への掲載日も記載されており、おおよそにはなりますが、そのサイトが新しいものなのか古いものなのかを知ることができます。
お気に入り機能もあるので、気になったサイトをお気に入りにまとめておくこともできます。

 

2.1GUU

https://1guu.jp

1GUUは日本のサイトだけではなく、世界中のサイトをまとめたWEBデザインギャラリーです。
こちらは日本のデザイントレンドだけでなく、世界中のデザイントレンドも見ることができるので、デザインの幅をより広げることができます。
また、動きのあるサイトはサムネイルの状態でも動きが見られるので、サイトのイメージが掴みやすいです。

 

3.S5style

https://bm.s5-style.com

S5styleは現在約8700ものサイトが掲載されているWEBデザインギャラリーです。
こちらは多くのサイトが掲載されていますが、カテゴリ検索だけでなく、フィルター機能がついていてAND検索とOR検索ができるので、参考にしたいサイトをすぐに検索することができるのが特徴です。

 

4.動くWebデザインアイデア帳

https://coco-factory.jp/ugokuweb/

動くWEBデザインアイデア帳は、WEBのさまざまな動きをまとめたサイトです。
このサイトはコーダーに「こんな動きにしたい」という動きのイメージを伝える際に参考になります。
動きの種類はカテゴリごとに分けられており、デモページでどんな風に動くのかを確認することができます。
また、その動きが実際に使われているサイトなども一緒に紹介されており、イメージを伝えやすいです。

 

まとめ

今回は、WEBデザイン制作の際に参考になるサイトをご紹介しました。
世界では日々、新しいWEBサイトが公開されています。そんなたくさんのWEBサイトの中からユーザーの心に残るようなデザインを作るためにも、今回ご紹介したサイトを参考に、最新のデザイントレンドやさまざまな表現方法を学んでみてくださいね。