読者です 読者をやめる 読者になる 読者になる

おうちでお仕事(したい)!

結婚を機に、在宅ワークでWEBデザインの仕事をするべく一念発起!日々の勉強記録と行動記録をしていきます。目標は2016年中にタイトルの(したい)をとること!

結婚を機に、在宅ワークでWEBデザインの仕事をするべく一念発起!
日々の勉強記録と行動記録をしていきます。
目標は2016年中にタイトルの(したい)をとること!

新人WEBデザイナーにもわかりやすい日本のギャラリーサイト10選

f:id:yaike_webnohito:20151111125858j:plain
今回は駆け出しWEBデザイナーの私が、WEBデザインの勉強をする際に参考にしているギャラリーサイトをご紹介します。
これまた「今更!!知ってるよ!!」という感じかもしれませんが、少しでも同じく駆け出しの方のお役にたてれば嬉しいです!
初心者にも見やすいように、各サイトの特徴も含め、デザインや色から探す際に使用しているもの、レスポンシブデザインの参考にするものを探している際に使用するもの、大きく2つに分けてまとめてみました。


色や業種、レイアウトなどで検索可能なギャラリーサイト

MUUUUU.ORG

f:id:yaike_webnohito:20151113110748p:plain
縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG
縦長のサイトを扱っているのが特徴。
カテゴリも業種別、テイスト別、カラー別などたくさんあるため、自分の探しているサイトデザインを見つけやすいです!
ポートフォリオサイトやレスポンシブWEBデザインのサイトもカテゴリで探せます。パララックスなど使われている技術でも探せるので重宝しています。


イケサイ

f:id:yaike_webnohito:20151113110820p:plain
イケサイ ウェブデザイナーのWEBデザインデータベース
毎日2~4サイト追加されています。そのため、ストックが多いので良質なデザインをたくさん見ることに適しています。


I/O 3000

f:id:yaike_webnohito:20151113110829p:plain
I/O 3000 | Webデザインギャラリー
サイトがシンプルで見やすく、色もやさしい色合いなのでみていてあまり疲れません。国内のものだけでなく、国外のものもストックされています。
メニューに表示シャッフル機能があるので、いろんなデザインのものを見たいときにおすすめです!


81-web.com

f:id:yaike_webnohito:20151113110838p:plain
81-web.com【Webデザイン リンク集】
日本国内のサイトの良質デザインのサイトのみが掲載されています。各サイトサムネイルの右下にある「+」ボタンを押すことでお気に入り登録ができ、ページ上部の「Favorite」メニューからお気に入り登録したものをまとめて見ることができるので、とても便利です!


WPデザインギャラリー

f:id:yaike_webnohito:20151113110847p:plain
WPデザインギャラリー
WordPressが使用されている良質デザインのサイトが集められています。サムネイルにマウスを乗せると、そのサイトへのコメントが出てくるので、どこに注目してそのサイトを見ればいいか初心者にはわかりやすいのでとても助かります。


straightline bookmark

f:id:yaike_webnohito:20151113111547p:plain
Webデザインリンク集・ソーシャルブックマーク - straightline bookmark | Web Design Bookmarking
ページ左上にある「tags list」をクリックすると、カテゴリごとに検索ができます。WEBデザインをカラムごとの分類だけではなく、11のレイアウトパターンにわけて分類されているので、より自分の探しているデザインのサイトを見つけやすくなっています。見たいレイアウトが決まっているなら、こちらのサイトがおすすめ!


S5-Style

f:id:yaike_webnohito:20151113112140p:plain
【S5-Style】Webデザインのリンク集・ポータルサイト
ページ右上にある「setting」メニューから、タイトル/タグ表示の切り替えができます。タグ表示だけにしてみると、一見してそのサイトがどういうデザインや技術でできているかがわかります。


現代デザイン

f:id:yaike_webnohito:20151113120020p:plain
Webデザインリンク集 中面/下層ページも見られる現代デザイン
TOPページだけでなく、下層ページまでサムネイルに掲載しているサイト。ぱっと見ただけでサイト全体のデザインのテイストがわかるので便利です。土日を除いて1日1サイト追加されるようなので毎日見てみるのもいいかもしれませんね。


レスポンシブデザインの参考サイトを探すのに適したサイト

RESPONSIVE WEB DESIGN JP

f:id:yaike_webnohito:20151113113302p:plain
Responsive Web Design JP | 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト
日本国内の秀逸なレスポンシブデザインのサイトが集められています。1つのサイトに対して、スマートフォンで見た場合・タブレットで見た場合・パソコンで見た場合の3つのページのキャプチャが載せられているので、一目でどのようなレスポンシブデザインが採用されているのかわかります。
カテゴリや色、技術などで検索することもできます。また、ページ右側にレスポンシブWEBデザイン情報というメニューがあり、そこからレスポンシブデザインの情報収集もできるのでおすすめです!


iPhone Design Box

f:id:yaike_webnohito:20151113114045p:plain
優れたiPhoneサイトデザイン集 - iPhoneデザインボックス
こちらはレスポンシブ特化ではないのですが、幅広くスマートフォンサイトが掲載されています。もちろん、カテゴリでレスポンシブデザインのものを検索することはできます。また、スマホサイト制作時に役立つネタ帳や困ったときに参考にできるページまとめなど、初心者耳より情報もあります!


ギャラリーサイトはたくさんありますが、個人的にはこの10サイトをおさえておいて、用途ごとに使い分ければいいのではないかと思います。あまりたくさんギャラリーサイトを回っても疲れてしまうだけで身にならなかったりするので……(経験済み)。
ギャラリーサイトや自分が見つけたサイトでおすすめのものがあれば、そのうちピックアップして紹介できればいいなと思います!
それでは、よいWEBデザインライフを~~!!