WEBデザイン初心者必見!チェックしておくべきサイト・ロゴ・アイコン20選【2016年度】

designer_2016_eyecatch-01-01

どうも、ふーちゃんです。
今年の春から学生からデザイナーになった方も実は多いのではないでしょうか。
実は私もその一人。
ですが、特別WEBデザインに詳しいというわけではありません。

「なんだよ、プロのデザイナーのまとめじゃねえのかよ!」
そう思われた方もいるかもしれません。

しかしながら、初心者がまとめるからこそ意味があると思うのです。
初心者だからこそ知りたい情報なんかもあると思いますし。

そこで、初心者の方が一目見て参考になるのではないかなあ~と思ったサイトをゆる~く紹介していきたいと思います。


【 WEBサイト編 】


WEBデザインってほんとに見て、目を養っていくしかないですよね。
初心者だと特にそうです。
私が今まで見てきた中で参考になる、面白いサイトを集めてみました。

▼ bookma! v3


http://bookma.org/
検索方法が背景色から選べたり、どういうテイストのサイトかという選択が出来ます。
掲載されているサイトはカラフルなものが多いので個人的に見ていて飽きません。
広告にウォーターサーバーが出ているのは私が最近ウォーターサーバー欲しくてすごい検索かけているからですねきっと。

▼ MUUUUU.ORG


http://muuuuu.org/
こちらは検索のカテゴリーのバリエーションが多いのでWEBサイトを作る
企業に雰囲気が合うサイトが見つけやすいかもしれないですね。
気になるファッションサイトを見つけ、ウェブサイトを調べていたのにしばらくファッションサイトを巡ったのはいい思い出ですね。

▼ WebDesignClip


http://www.webdesignclip.com/
スマホから見たウェブサイトリンク集があり、QRコードまでついています。
ユーザー登録しなくてもお気に入りに登録して、あとでまた見直すことができるという。有能

▼ イラストブックマーク


http://www.illustbookmark.info/
イラストを使ったサイトばかりを集めています。私はイラストが好きなので、
本当に見ていて楽しいです。もちろんレイアウトの参考にもなります。
サイトをみている途中、絵を描きたい衝動に駆られました。描きました。

▼ WEBデザインの見本帳


http://www.web-mihon.com/
私たちがよく見る企業のサイト等も多く掲載されています。
まずこのサイト自体のインパクトがすごいですよ。
ピックアップや新着の文字横にいるシュールな動物たちが好きです。

▼ ズロック


http://www.zzrock.net/
ページをめくらなくてもスクロールすればどんどんサイトが出てきてくれます。
背景が暗いのでサイトが目立って見やすい印象でした。
暗い場所で作業する時もまぶしくなくていいですね。

▼ 現代デザイン


http://gendaidesign.com/
技術・デザイン性に優れたサイトを掲載しています。
私はシンプルにWEBデザインって何だっけ…と迷った時にはここを見ています。
ここのサイトを制作できれば私もウェブデザイナー上級者でしょうか。

【 ロゴ編 】


ロゴというのはその企業、店の”顔”ですので第一印象はとても大切です。
ロゴもWEBサイトもやっぱり時期によって流行りっていうものもあるし、
まずロゴってなんだよ…っていう方におすすめしたいサイトを集めました。

▼ ロゴストック


http://logostock.jp/
沢山のロゴが掲載してあって飽きないです。こういう発想があるのか~と思いながら見てます。
またこちらではロゴ公募も行っているので、ロゴ作成の経験に公募に参加してみるのもどうでしょうか。
ちなみに私は一度もロゴ公募に通ったことがありません。

▼ ロゴログ


http://www.logolog.info/
あまり知らない企業から大手まで多くの企業のロゴを掲載しています。
WEBを見ている人がロゴの評価が出来、そちらも見れますので参考にしています。
企業ロゴで評価つけられるって大分ドキドキしますね…会社の顔ですし。

▼ GLaim


http://glaim.tkmweb.info/
現在700点以上もあるゲームロゴのギャラリーです。
ゲームが好きなら見ていて楽しい、探していて楽しくなるはず。私は楽しいです。
ちなみにゲームはそんなにしません。

▼ Logopond


https://logopond.com/
こちらのサイトでは月に何百という数のロゴが掲載されていますので数がとても多いです。
多すぎて逆に見つからなさそう(笑)
海外のサイトですので、日本にはない感じのロゴが多くて面白いです。

▼ Logo Gallery


http://www.logogallery.net/
こちらも海外のサイトです。サイトを開いてすぐ沢山のロゴを見れるのが特徴ですかね。
デザイン性あふれるロゴが多く掲載されていますのでとても参考になります。
海外のロゴセンスも身につけていきたいので日々勉強ですね…。

▼ The Logo Mix


http://www.thelogomix.com/
3000以上のロゴが掲載されています。
曲線的で女性的なロゴが多いです。お洒落です。もちろんかっこいいロゴもあります。
お洒落なロゴをトレースすれば私の女子力も急上昇しますね。

▼ Doodles


https://www.google.com/doodles
最近では岩崎瀧三さんの生誕を記念して食品サンプルのロゴが話題になりましたが、
みんなが普段お世話になっているGoogleのロゴが沢山掲載されています。
普段参考にできるか…と言えば微妙ですが見ていて楽しいサイトです。

【 アイコン編 】


WEBを作成するにあたって、アイコンが必要な時って多々あると思うんです。
アイコンを見て一目でそれが何を意味しているかっていうのをアイコン一つで見ているユーザーに分からせる
っていうのがどれだけ大事かっていうのを私も半年たった今ようやくなんとなくわかってきました。
是非参考にしてみてください。

▼ Iconfinder


https://www.iconfinder.com/
カテゴリーが沢山あって探しやすいです。
掲載点数も多いので、探したいものが見つかりやすいのではないでしょうか。
(英語なので頑張って訳してください。笑)

▼ flaticon


http://www.flaticon.com/
こちらはフリーでそのまま使うこともできます。
シンプルなものからデザイン性があるものまであります。
ポケモ●ンGOに使えそうなアイコンもありました。

▼ iconmonstr


http://iconmonstr.com/
モノクロのアイコンが多くあります。シンプルなアイコンを制作したい時の参考になります。
WEBに使えそうなものも沢山ありますので、使ってみてください。
結構初心者には制作しやすいんじゃないでしょうか。

▼ sodafish


http://www.sodafish.com/
こちらはダウンロード等はできないのですが、制作するにあたって参考になりそうな
スタイリッシュなアイコンが多いです。
他のサイトにはないようなアイコンが多いので、いつもと違う気分の自分にどうぞ。

▼ Icon Drop


http://icondrop.net/
アプリ開発の際に絶対必要となるアプリアイコンを集めたサイトです。
見ているだけで楽しいし、アプリのアイコンに迷った時はここですね。
こちらのサイトを見ていて絶対に手を出さないと決めていたLI●NEのアプリゲームに手を出してしまいました。楽しい。

▼ Croppy


http://croppy.org/
こちらのサイトはロゴだけではなく、WEBデザインに必要なヘッダーからフッターまで
デザインの参考となるものが揃えられています。
それぞれ調べるのが面倒くさい!という私みたいな方にとてもいいのではないでしょうか。笑

あとがき

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

デザイナーってほんとにトップっていうものがなく、常に流行りをキャッチして
上に上にいける職種なので難しいけど楽しいですよね~。
実はサイト、ロゴ、アイコン編でアイキャッチにしているのは全て私が制作したものです。
拙い画像ですが、上記のサイトを参考にまだまだ練習できればなと思います。

初心者デザイナーの方もこれからデザイナーを目指す方も上記のサイトを参考に
一緒に頑張っていきましょう~。

ふーちゃん

俺トレをシェアすると、あなたの運気が1ポイント上昇します。