アラサー主婦のWEBデザイン奮闘記

Webデザイン 制作お役立ち

サイト制作の参考に!Webデザインギャラリーサイト10選

投稿日:

みなさんはWebサイトを制作する時、どのように参考を探していますか?

ギャラリーサイトはたくさんあるけれど、中には載っているのは古いサイトばかりだったり、掲載数が少ないところもチラホラありますよね。

そこで今日は、頻繁に更新されているギャラリーサイトを10個、厳選してみました!

もうご存知のサイトもあると思いますが、少しでも参考になれば幸いです。

 

1.MUUUUU.ORG

http://muuuuu.org/

縦長レイアウトの非常にクオリティの高いWebデザインがそろっています。

産業別、デザイン別、色別と細かくカテゴリが分けられているので探しやすいです。

 

2.I/O 3000

http://io3000.com/

とてもシンプルなデザイン、そしてサムネイルも大きめなので見やすいサイトです。

右側のメニューから、産業や色ごとに検索することができます。

 

3.bookma! v3

https://bookma.org/

ゴリラのイラストが現れる、他のギャラリーサイトとはちょっと違った遊び心のあるサイトです。

サムネイルにマウスオーバーすると閲覧数が表示されたり、左側のアイコンから閲覧数順にギャラリーを見ることもできるので、他のデザイナーさんたちがどんなサイトを参考にしているのか分かります。

 

4.現代デザイン

https://gendaidesign.com/

トップページだけでなく下層ページのスクリーンショットも一緒に掲載されている、うれしいサイト。国内の洗練されたサイトが多く掲載されています。

 

5.81-web.com

http://81-web.com/

右上のサーチアイコンをクリックすると、産業別、色別で検索できるようになります。

気に入ったデザインは、お気に入りに登録することができるので便利ですよ!

 

 6.WebDesignClip

http://www.webdesignclip.com/

1,600以上ものクオリティの高いサイトが掲載されています。

MyClipに追加で、お気に入りのWebサイトを保存することができます。

 

7.イケサイ

https://www.ikesai.com/

ほぼ毎日、2~4サイトが追加されています。

国内のサイトが中心で、特にコーポレートサイトが多いのが特徴のようです。

 

8.straightline bookmark

http://bm.straightline.jp/

こちらのサイト自体クールな印象ですが、掲載しているものもスタイリッシュでかっこいい雰囲気のものが多いです。

ユーザー登録をすると、お気に入りのサイトを保存することができます。

 

9.週刊ウェブデザイン

http://www.dailywebdesign.com/

3,000以上の国内サイトが掲載されており、さまざまな業種・業界のものがあります。

スタイリッシュなデザインよりは、金融や行政などお堅いデザインのものが多い印象です。

 

10.AWWWARDS

https://www.awwwards.com/

こちらは海外のギャラリーサイトです。

ユーザーの投票でサイトの掲載順位を決めおり、「デザイン」「UI/UX(ユーザビリティー)」「クリエイティビティー」「コンテンツ」の4項目から評価がなされています。

海外のWebデザインのトレンドを知るのによいサイトです!

 

まとめ

いかがでしたでしょうか?

どのサイトも素敵なデザインがたくさん掲載されているので、見ていてとても刺激を受けますよね。

制作に煮詰まった時だけでなく、日常的にこれらのサイトを訪れて、良いデザインをたくさんインプットしていきたいです!

-Webデザイン, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

転職活動、応募先の選び方。私が大切にしていた4つのポイント。

  みなさんはWebデザイナーとして応募先の企業を決めるとき、何を基準に決めますか?   お給料? 会社の規模? 通勤時間?     人それぞれ選ぶポイントは様々だと思いますが、 私は4つのことを大切 …

OGP画像シュミレータ「og:image Simulator」のご紹介

Webページをシェアした時にFacebook上で表示されるOGP画像ですが、きちんと設定をしないと画像が見切れてしまったり、正方形になってしまったりしますよね。。 そんな悩みを解決する便利なサービスを …

終わらない修正のループにはまらないために…参考にしたい記事3選

細部の調整も終わり、デザインがほぼ完成していた状態で、クライアントからの膨大な修正依頼。それもデザインの作り直しになってしまうような大きな修正だったり…。 こういった経験、デザイナーのみな …

【Illustrator】配置した画像にフチをつける方法

今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。 もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。 なんとなくフチって「線を追加」でつけら …

【Illustrator】バウンディングボックスが表示されなくなった時の対処法

みなさんは、選択ツールで「バウンディングボックス(四角い選択マーク)」が表示されず、オブジェクトの拡大縮小が出来なくなったことはありませんか? 私はこの現象、定期的に起こしてしまうのですが、いつも解決 …