Webデザインの参考になる、日本のギャラリーサイトまとめ

Webデザインの参考になる、日本のギャラリーサイトまとめ
Webデザインの参考になる、日本のギャラリーサイトまとめ

デザインが上達するにはインプット・アウトプットどちらも大切ですが、インプットを多くしないと出てくるものがないので日々参考になるサイトやデザインを見て勉強することは上達につながります。人が作ったものを見るのって、自分で作れない・思いつかないようなデザインに触れることができて楽しいです。というわけで今回は、Webデザインに役立つギャラリーサイトを分かる限りまとめてみました。とにかく今はたくさんギャラリーサイトがあるので、見やすくて分かりやすいサイトに絞っています。

日本全国フリーランスWebデザイナーHP集

日本全国フリーランスWebデザイナーHP集

http://webdesignerjapan.com/
日本で活動されているフリーランスのデザイナーさんのサイトを集めています。料金表やアピールの仕方がそれぞれ違うので、自分ならどういうものが分かりやすいかなど考えると参考になります。

iPhoneデザインボックス

iPhoneデザインボックス

http://design.web-hon.com/
iPhoneサイトのギャラリーページ。クオリティの高いデザインが沢山掲載されています。スマートフォンサイトは幅などが狭い分、PC用サイトに比べて制限もあってレイアウトなど迷うことも多いので、実際のレイアウトを見て学ぶことも多いです。

MUUUUU_CHANG Web DESIGN Showcase

MUUUUU_CHANG Web DESIGN Showcase

http://muuuuu.org/
縦に長く、質の高いサイトをあつめたギャラリーサイト。洗練されたサイトデザインで見た目がすっきりしているので見やすいです。既に登録されているサイト数も多いので、ずーっとみてると時間がどんどん過ぎます…

bookma!

bookma!

http://bookma.org/
ゴリラ君のイラストがアクセントになっているギャラリーサイト。個人的にこのサイトが一番良く見てます。サムネイルが大きくて見やすいのと、メニューなどは端にコンパクトにまとめられているので、邪魔にならないです。更新頻度も高めなので、ちょくちょく見ても新しいサイトに出会えます。

WONDER BOOKMARKS

WONDER BOOKMARKS

http://bm.wonderboxstudio.com/
こちらも登録サイト数が多めでボリュームがあります。ワンカラム表示なので見やすいですね。背景が白なので、それぞれのサイトのサムネイルが引き立って見えます。上部には最近更新したサイトをスライドで大きく紹介していてメリハリがあります。

I/O 3000

I/O 3000

http://io3000.com/
シャッフル表示ができたり、タグリストが豊富で色々な表示ができる便利なギャラリーサイト。登録された日付も表示されているので、いつ更新されたのか分かりやすくて良いですね。

ランディングページ集めました。

ランディングページ集めました。

http://lp-web.com/
通販の商品サイトなどで良く使われているランディングページを集めたサイト。ありそうでなかったテーマなので、貴重なサイトです。ランディングページは写真やイラストを使ったページが多いので、部分的に見ても参考になるものが多いです。

Good Design Web

good design web

http://gooddesignweb.com/
爽やかでシンプルなデザインが特徴的なギャラリーサイト。左側にあるボタンをクリックすると、メニューがにゅっと出てきてカテゴリ別や色別で表示することができます。気に入ったサイトはサムネイル右下のハートマークをクリックしてカウントすることもできます。

イケサイ

イケサイ

http://www.ikesai.com/
ほぼ毎日更新されてるとのことで、更新頻度の高いギャラリーサイトです。カテゴリもたくさんあるので、希望のサイトが見つけやすそうです。1ページに表示される数が多いので、すばやくまとめてみたい時は便利だと思います。

Responsive Web Design JP

Responsive Web Design JP

http://responsive-jp.com/
いま流行りのレスポンシブデザインのギャラリーサイト。このサイト自体がレスポンシブになっています。ヘッダーにあるボタンも質が高くて、きれいなデザインですね。レスポンシブを使ったサイトのまとめはまだ少ないので、こういったサイトがあるとありがたいです。

Web Design Clip

web design clip

http://www.webdesignclip.com/
白を基調にしたすっきりとした印象のギャラリーサイト。右上にサーチリストがありますが、開くと他のサイト同様色別やカテゴリ別、その他にもレイアウト別で表示することができます。レイアウトで分類するってあまりないので面白いですね。

現代デザイン

現代デザイン

http://gendaidesign.com/
下層ページも見ることができるギャラリーサイト。上にトップページ、その下に下層ページが表示されます。トップページの表示だけが多い中で、ユニークな発想だと思いました。セットで見られて便利ですね。

81-web.com

81-web.com

http://81-web.com/
ワンカラムのシンプルな作りのギャラリーサイト。掲載されているサイトもシンプルなもの多めです。余計な表示の少ない、見やすいギャラリーサイトだなという印象を受けました。

straightline bookmark

straightline bookmark

http://straightline.jp/
ギャラリーサイトでは少なめの黒の背景のサイト。掲載されているサイトは、どうしても白系が多くなるのでコントラストがはっきりしてて良いですね。会員登録すればログインしてお気に入り登録などもできるようです。

週刊ウェブデザイン

週刊ウェブデザイン

http://www.dailywebdesign.com/
毎週更新されているので、登録サイト数も多いです。このサイトは見やすい上に、同じ系列でロゴデザインのギャラリーサイトもあるのでおすすめです。左側のメニューにあるのでぜひ見てみてください。

見出しデザイン.com

見出しデザイン.com

http://midashi-design.com/
その名の通り色々なサイトの見出しを集めたサイト。見出しはどのサイトでも使うものですけど、実際に作ろうと思うとデザインに迷うことも多いので参考になります。一部のテーマであつめたサイトって個性的で面白いですね。

ファビコンギャラリー.com

0821_o2

http://favicon-gallery.com/
ファビコンって小さいから表現できるデザインが限られてるんですよね、シンプルじゃないと何なのか分からないし。色々見ているとどういう表現まで可能なのか、参考にすることができますね。

フッターデザイン.com

フッターデザイン.com

http://footer-design.com/
最近はフッターも大きめにとってデザイン性をもったサイトが増えてきたので、フッターデザインもとても大事ですね。フッターにこだわりがあると、サイトのページを一番下まで下がった時に細かいところまで力を入れている印象を受けます。

iconDrop

iconDrop

http://icondrop.net/
iOSアプリのアイコンギャラリーサイト。最近リリースされたものですね。決まった角丸正方形の中で、アプリを象徴するデザインを作るというのは頭を使う分アイデア豊富なものが多いので要チェックです。色別やタグ別で見ることもできて便利です。

レトロバナー

レトロバナー

http://retrobanner.net/
バナーのギャラリーサイト。色々作っていて、なんだか似たようなバナーになってしまうなどの悩みを持つ人も多いと思います。たまには普段やらないデザインに挑戦してみるのもスキルアップにつながるでしょうね。

Logolog(ロゴログ)

Logolog(ロゴログ)

http://www.logolog.info/
ロゴのギャラリーサイト。業種別や色別で見ることもできて便利です。ロゴは文字を使うことも多いので、文字のバランスや間隔の参考にもなりますね。個人的にはfender(フェンダー)の文字のロゴが好きです。

おわりに

というわけで、見やすいものを中心に紹介してみました。まだまだ沢山ギャラリーサイトはあるので、良いサイトがあればまた紹介したいと思います。色んな人のデザインを参考にして、スキルアップできるようになりたいです:)それではー!!

関連記事を読む

Webデザインの参考になる、日本のギャラリーサイトまとめ

シェア・feed登録もどーぞ!

オンラインでWebの勉強ができるTech Academy

独学で勉強すると細かい部分が分からなかったり、一体何を覚えたらいいのか迷ったりませんか? Tech Academyなら、オンラインスクールだから場所を選ばずWebやプログラミングの勉強ができます。【無料の動画説明会】を一度ご覧ください!

TechAcademy [テックアカデミー]