個人的に_デザインをするときに_参考にしている_アレやソレ

個人的にデザインをするときに参考にしているアレやソレ

最近、間違ってそうめんと一緒にイヤホンを茹でてしまった戦車です。なんで茹でたんでしょうね……?おかげで新しいイヤホンを購入しなければなりませんでした。二度と同じ間違いを犯さないために、そうめんと同じ色の白いイヤホンを購入しました。

さて、今回は私が普段デザインをする時に参考にしたり、実際に使わせてもらっている素材サイトについてご紹介しようと思います。


ICON:アイコン

さて、まずはアイコンから。「Font Awesome 5」は、SNSなども含めたサービスのアイコンが非常に豊富です。Twitter、facebookだけでなく、アリペイやAWSなどのアイコンもあります。無料で使えるアイコンもめちゃくちゃ多いので、すごく重宝しています。

「Material Design」は、同じアイコンを「Outlined」、「Rounded」、「Two-Tone」、「Sharp」という4パータンで提供してくれます。なので、同じアイコンのデザインでも、他のタイプだとどうなるのかなどを確認しながら選びたいときに便利ですね。

「Orion」は線画に加えて、カラーアイコンも提供してくれています。カラーアイコンは、基本的にはフラットなデザインなので好みは分かれるだろうと思いますが、個人的にはすごく好みなので使いたいのですが、まだ使い所を見つけていません……悔しい……。


LINE DRAWING:線画

「Linustock」はシンプルな線画のイラストサイトです。結構おもしろ系のものが多いです。「UFOに乗ったサンタクロース」とかそういう線画がたくさんあります。使いどころに困る線画もありますが、普通の線画もたくさんあるので重宝しています。


IDEA:アイデア

「Pinterest」は私が一番よく使うアイデアを探すサイトです。暇な時にずっと見てしまいます。デザインだけでなく、料理のアイデアとか、ライフハックなどもまとめられているので、デザイナーでなくても楽しむことができると思います。

「PhotoshopVIP」はPhotoshopやIllustratorなど最新のデザインツールの使い方などを勉強できるサイトです。私はよくPhotoshopのチュートリアルを試しています。フリーフォントもあるので、たまにフラ〜といいフォントがないかなぁとも探しに行きます。

「Dribbble」は言わずと知れたデザイナーの作品やポートフォリオを集めたサイトですね。世界中のありとあらゆるデザイナーが作った作品を見ることができます。見ていると「うわぁ!すごい!!」と思う作品ばかりなので、見ていてワクワクします。たまにデザイントレースをするための参考作品も探したりしています。


WEB SITE:ウェブサイト

「I/O 3000」は世界中のかっこいいWebサイトが集められています。本当にいろんな種類のサイトがあるので、Web制作の参考になるかと思います。カテゴリーごとにも調べることができるので、競合サイトのWebデザインを調査する際にも使っています。

「MUUUUU.ORG」は縦に長いWebサイトを厳選して集めているサイトです。縦に長いWebサイトだけ集まっているので、自分が縦に長いWebサイトをつくることになったら非常に重宝する参考サイトになると思います。

「bookma!」はWebサイトデザインとスマホサイトデザインの両方が確認できるサイトです。最近はスマホでWebサイトを見る人が多いので、モバイル用のデザインもとても重要です。


PHOTO:写真

最近はもっぱらこの「Unsplash」を利用しています。プロのカメラマンさんが撮っためちゃくちゃ綺麗な写真を商用フリーで使用できます。まだまだ大手の写真素材サイトよりは写真数が少ないですが、綺麗さでは負けていないと思います。


FONT:フォント

私はフォントが好きなので、結構いろんなフォントをあれこれ探しています。「Google Fonts」は英字フォントが多いですが、日本語やたまに他の言語も見つけられます!あとフォントデザインとしては、スッキリしたものが多いような気がしますね。

英字フォント限定だろうと思われるのですが、「Font Squirrl」はデザイン的にも面白いフォントがたくさんあります。ものすごく緻密な細かいデザインもあるし、ポップで可愛いものもあります。私が英字フォントを探す際には、まずここを探します。

「FONT FREE」は日本語をメインとしたフォントサイトです。日本人なので、仕事ではここが一番よく使うフォントサイトですね。商用可能なフリーフォントもたくさんありますが、個人利用のみのものもあるので、利用する際は注意文はよく読んでくださいね。


UI

「Collect UI」はその名の通り、UIデザインをコレクションしているサイトです!UIトレースをする際の参考画像を探すのによく使います。私は基本的にWordPressでWebサイトを作っているので、コードを1から打ってホームページを作ったことがないんですが、今後作ることを期待してよく見ています。やっぱり作るの楽しいですよねぇ。


SIZE:サイズ

アイコンデザインでも紹介した「Material Design」なんですが、AndroidやiOSなどいろんなデバイスのサイズをご紹介してくれています。デザイナーにとってデバイスのサイズはとても重要なので、こんな風にいろんなデバイスのサイズがわかるのはありがたいですね。


STUDY GROUP&MEETUP:勉強会&セミナー

エンジニア向けのITの勉強会を支援している「connpass」というプラットフォームサイトです。私の場合は、WordPressの講習会とかに参加することが多いですね。定期的に見にいって面白そうな勉強会があれば積極的に参加しています。

「TECH PLAY」は勉強会に参加するというより、個人的には面白そうなセミナーに参加したい時に利用します。割と規模の大きなセミナーも開催してくださるので、一気にいろんな業界の人とお知り合いになれます。

「noteイベント情報」は勉強会、セミナー、イベント系の告知サイトでは一番よく見ていると思います。仕事で役立つ情報を得るためだけに使うのではなく、私生活でも興味のある分野のイベントがあれば参加しています。この前は、ビジネスコミックのつくり方というイベントに参加してきました。


デザイナーになると作品を作るだけでなく、ありとあらゆる情報を獲得して利用する必要が出てきます。その情報とは、それこそ、フォントやアイコンなどデザインのお助けツールから、デザインそのものを考える際に必要なアイデア出し、デザインそのものの研究などなど、広く深くデザインに関わる分野を見ていくことで得られる情報でもあります。そういう時に他のデザイナーさんが参考にしているサイトがあると「よし、まずはそこをとっかかりに調べてみよう!」という気持ちになれるかと思うので、今後も積極的におすすめサイトを見つけたら紹介していこうと思います。

この記事が気に入ったらサポートをしてみませんか?