良いWebデザインをつくるには、良いWebデザインを見ることから。
良いデザインを見る目を養うため、また最近のトレンドをおさえておく意味でも、様々なWebデザインを集めたギャラリーサイトを普段からよく見ることは大切です。
気になるサイトを見るときはTOPページだけではなく、ぜひ下層ページもチェックしてみてください。特に、お問い合わせフォームや会社概要といった画面は作る機会も多いので、たくさん見ておくのがおすすめ。
今回はWebデザイナーの自分が以前からブックマークしているサイトをご紹介します。
おすすめのWebサイトギャラリー
I/O 3000
いつもよく見ていますその１。更新頻度高めなので鮮度のよいデザインが見れます。
MUUUUU.ORG
いつもよく見ていますその２。こちらも更新頻度高め。
だいたい上記のサイトとこちらの２つを見ることがほとんどですね。
現代デザイン
TOPと下層ページのデザインを一度に確認できます。
右上の表示数を最大にすると一度に多く見れますよ。
RWD JP
レスポンシブデザインのスマートフォン、タブレット、PCの3つの表示を一度に確認できます。
Web Design Clip
日本製、海外製、LP（ランディングページ）、スマートフォンと表示を切り替えて確認できます。
SMARTPHONE DESIGN GALLERY
スマートフォンデザインの紹介に特化しているサイト。
サムネイルにマウスオンすると、自動でスクロールしてその場でTOPページの最下部まで確認することができます。
Bookma!
PCとスマートフォン、スマートフォンのみと表示を切り替えられます。PCのサムネイルが大きめ。
Parts.
SaaS/LPのパーツ別Webデザイン集。
ヘッダーのみ、会社概要のみというように、よくあるパーツごとに一覧できるのが特長。自力で調べようと思うと、下層ページの要素は見ていくのが大変なんですよね。主にBtoBサイトを作るときに参考になると思います。
他にもモーダルや404ページも網羅されています。
海外のWebサイトをメインに見たいなら
Awwwards.
国際的Webデザインアワード。一体どうやって作っているの？というようなインタラクティブなサイトが多く見られ、とても刺激になります。
日本製デザインはこちら
https://www.awwwards.com/websites/Japan/
CSS Design Awards
国際的Webデザインアワード。UI、UX、革新性が重視されている。
Land-book
海外のLPデザインを確認できます。CTA、検索など部分的に参考にすることも。
さいごに
ここにあげた以外にも様々なギャラリーサイトがあります。
サイトによって特色がありますので、違う系統のものも含めていくつかおさえておくといいですよ。
デザイン制作の参考になるだけではなく、お客様や社内での着手前のイメージのすり合わせや、提案などにも役立ちます。ギャラリーサイトの制作者の方に感謝！
ぜひお気に入りを探してみてくださいね。
