【Webデザイン】よく見るサイトギャラリー3選

WEBデザイン

私はこれからWebデザイナーになろうと学習中なので、毎日サイトを見てWebデザインに触れるようにしています。

そこで今回は普段僕がよく見るサイトギャラリー3選を紹介したいと思います。

私と同じようなWebデザイン初心者の方に参考になれば嬉しいです。

【Webデザイン】よく見るサイトギャラリー3選

それでは1つずつ見ていきましょう。

①SANKOU! 

1つ目は、「SANKOU! 」のサイトギャラリーです。

WebサイトやLPのようにサイトのカテゴリ別に検索出来るのがすごく便利です。

なので、例えばLPを重点的に見たい場合はLPだけを検索で表示させることが出来ます。

あとはサイトごとにクレジットが乗っているので、どこの制作会社が作った実績なのか知ることも出来ます。

これで気になる会社を調べて転職活動に活かすのも良いでしょう。

②MUUUUU.ORG

2つ目は、「MUUUUU.ORG」です。

こちらのギャラリーは医療系のように業界別のサイトを調べることが出来ます。

後はサイトのカラーごとにも検索できるので、もし気になる色を使ったサイトを見てデザインの参考にしたい時に便利だと感じました。

③マネるデザイン研究所

最後は、「マネるデザイン研究所」です。

こちらのサイトギャラリーは「シンプル」や「アニメーション」や「和風」のようにデザインのキーワードがタグでそれぞれ表示されているので、直感的に色んなテイストのデザインを見ることが出来ます。

サイト数は3つの中では少ない方ですが、UI的にも一番見やすいサイトギャラリーだと感じています。

まとめ

以上が、私がよく見るサイトギャラリー3選でした。

これからも参考になるサイトギャラリーを見つけていこうと思います。

【おまけ】ブログのサムネイルの解説

親しみがあって気軽に記事を見てもらいたいと思ったので、右側にイラストを配置して柔らかい雰囲気を出しました。

イラストが青系の色でまとめていたので、補色である黄色を左に配置して色にメリハリをつけて単調にならないように意識しました。

黄色が明るくなりすぎるとダサくなるので、暗めで落ち着いたトーンに。

カテゴリーとタイトルを中央配置にして、タイトルには黒色を採用。

純色だと真っ黒すぎるので、少し変化を加えて調整しました。

タイトルに枠線をつけ、「3」の部分を強調したかったので、他のタイトルテキストよりも多くしてコントラストを意識しました。

全体のデザインはこちらを参考にさせて頂きました。

他にも少し変化を加えたパターンを作成しました。

これからも沢山手を動かして振り返りをしつつ、少しずつデザインスキルを上達させようと思います。