Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
サイト制作の参考に!Webデザインギャラリーサイト10選 | ぶちろぐ

アラサー主婦の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

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

関連記事

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

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

レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」

今回は、レトロ・ヴィンテージ風なベクター素材がたくさん揃ったサイト、「Retro Vectors」をご紹介します! 配布している素材もそうですが、サイト自体がとてもお洒落なのでぜひ見ていただきたいです …

覚えておきたいIllustratorの便利なショートカット

前回の記事に引き続き、ショートカットのおさらいをしていこうと思います。今回はIllustrator編です。 では早速ですが、便利なショートカット10選のご紹介していきますね。   ダイレクト …

サイト内の画像を一気に取得できる「Image Cyborg」

今回は、サイト内の画像を一気に取得できる「Image Cyborg」をご紹介します。 画像の多いサイトのリニューアルの時などに便利なオンラインサービスです。   「Image Cyborg」 …

参考にしたい!斜めのラインが印象的なサイト3選

こんにちは、ぶちこです。 私は今斜めグリッドのサイトのデザインに挑戦しているのですが、斜めの角度や、コンテンツ間の余白の取り方など、レイアウトがなかなか難しく苦戦中です。 そこで、斜めグリットの参考サ …