今回は家や独学でデザインの勉強をする時に参考になるサイトを
ハウツー型のデザインの参考サイト
デザインの方法や具体的なツールの使い方等を教えてくれるサイト
視覚的に見るデザインの参考サイト
どんなデザインにしようかな？と悩んだ時に現在あるリリース済のデザインから探す事が出来るサイト
素材に使える参考サイト
デザインに使える無料の素材を見つける事ができるサイト
の3つに分けて紹介したいと思います。
デザイナー歴10年目の筆者が今も参考にしているサイトなので、是非ご覧くださいませ。もちろん、全て無料で閲覧、使用する事が出来る参考サイトなので、今すぐ活用可能♪
もくじ
ハウツー型のデザイン参考サイト
ハウツー型のデザインの勉強が実践的に出来る参考サイトをご紹介致します。
01.サルワカ┃サルでも分かる図解説明マガジン
サルワカさんのキャプチャ
サルワカさんは、デザインをしている人なら知っている方も多いのではないでしょうか。
PhotoshopやCanvaの使い方の詳しい説明はもちろん、ブログをカスタマイズする際のHTMLやCSS等もコピペ出来るような形式で公開＆配布してくれていてとても勉強になるサイトです。
サルワカさんのすごいところはデザインだけでなく、プログラムやシステマチックな部分にも精通されている所。
併せて難しい言葉ではなく、デザインの初心者でも分からりやすい言葉選びをしてくれていて、更に図解を載せる事でまさに「サルでも分かる！」解説をしてくれています。
もしまだ見た事ない！というデザイナーの方は絶対に参考にすべきデザインの参考サイトの1つです。
02.ベーコンさんの世界ブログ
ベーコンさんの世界ブログのキャプチャ
こちらもサルワカさんと同様で個人運営のブログになりますが、実践型や実例を出してのデザイン解説がとても参考になるサイトです。
具体的なツールの使い方はもちろん、フリーランスでデザイナーとして活動する際の価格の決め方や仕事のとり方等、デザイナーとしての働き方の側面からも解説をしてくれています。
これからデザイナーとしてフリーランスを目指す方には勉強になる事間違いなし。
また、実際にベーコンさんがデザイナーとして仕事をした際の失敗談や成功談等も共有して下さっているので、これからフリーランスのデザイナーとしての活動を視野に入れている方(もしくは既にフリーランスのデザイナーの方)は必見の参考サイトです。
03.ferret(フェレット)
ferretのキャプチャ
こちらはWebマーケティングにおける情報サイトになりますが、デザインに関する記事も多くあり、デザイナーとしては参考サイトとして抑えるべきサイトの1つです。
より、商用よりの内容になっており、綺麗なデザインの1歩上を行く「売れるデザイン」やサイト全体のUIを踏まえた上での側面から解説してくれている記事も多いです。
またフリーで使える素材等の紹介も多く、チェックしていれば良い情報を手に入れられるに間違いなし！
記事数が多いので、検索から「デザイン」と検索するとgoodです♪
04.Web制作ナビ
web制作ナビのキャプチャ
Web制作ナビはワードプレスのテーマの紹介(無料・有料)が多く、サイト作りという広い視野でのデザインの参考サイトになります。
もちろん、イラストレーターやフォトショップの使い方等を説明する記事もあるので、是非ご覧くださいませ。
WordPressでサイト構築をしている方は、サイトデザインの参考になる記事が多くあるので、絶対にチェックすべし！です。
05.LISKUL(リスクル)
LISKULのキャプチャ
こちらもサイトとしてはwebまわり全体の情報サイトになっています。webマーケティングやwebサービスの紹介等の記事も多くありますが、デザイン関連の記事数もかなりの数。
デザインにおける素材集や、配色テクニック、UIも加味したデザインのコツ等、幅広く勉強する事が可能です。
グラフィックデザインだけでなく、web上でデザイナーとして活躍していくために必要な情報や抑えて置きたい知識等満載。
こちらも、検索から「デザイン」と検索するか「デザイン」や「webデザイン」のタグから記事を検索するとgoodです。
06.LIG
LIGのキャプチャ
LIGはweb制作会社が運営するメディアです。
デザインのハウツーだけでなく、ポートフォリオの作り方などの初心者向けのものから、プログラミングを用いたwebデザインまで、かなりレベルの高い知識を公開してくれています。
また、デザイナーではなく、ディレクターからの目線の記事も多く、デザインをする時に「ニーズのあるデザイナーとは」を考えさせられる記事も多々。
LIGさんの記事は勉強が出来る記事だけでなく、笑える面白い記事も多いので息抜きにもなる最高の参考サイトです♪
視覚的に見るデザインギャラリーの参考サイト
次に紹介するのは、視覚的に既に出来上がっているデザインをファイリングしてくれているギャラリー形式サイトの紹介です。
どんなデザインにしようかな～と迷った時、デザインの参考にしたい時は是非ご活用ください。全体を踏まえたデザインの勉強にもなります。
07.MUUUUU.ORG
MUUUUU.ORGのキャプチャ
国内の洗練されたデザインのみを集めたギャラリーサイトです。
サイト全体のデザインを考える時の参考にはもちろん、配色や見せ方等も多くを勉強出来るサイトです。
08.io3000
io3000のキャプチャ
こちらは国内外問わず洗練されたデザインのみを集めたギャラリーサイトです。
カレゴリー、色、タグで検索が出来、ページもスクロールをすると自動で読み込みがされて永遠に参考サイトが出てくるので探しやすさも良い参考サイトです。
09.LPアーカイブ
LPアーカイブのキャプチャ
ランディングページに特価したギャラリーサイトです。毎日更新という更新頻度も魅力的。
カテゴリー、カラー、イメージから探す事が可能。ランディングページをどういった構成にすべきか、どんなデザインにスべきか迷った時に参考にしたいサイト。
10.レトロバナー
レトロバナーのキャプチャ
バナーに特化したギャラリーサイト。サイズ検索や、カテゴリー、カラー、イメージ等、細かい検索が出来ます。
特にバナーのサイズごとに細かい検索が出来るので、苦手なサイズのバナー構成やデザインの参考や勉強なります。
11.バナーデザインアーカイブ
バナーデザインアーカイブのキャプチャ
色・業種・サイズからバナーのデザインを検索する事が出来ます。
スクロールすると、どんどんバナーが読み込まれるので、探しやすいのもポイント。
12.スマホサイトデザインギャラリーAGT
AGTのキャプチャ
珍しいスマートフォンサイトに特化したページのギャラリーサイトです。
カラーと業種からサイトを検索する事が出来ます。スマホサイトのデザインの参考になります。
13. Responsive Web Design JP
Responsive Web Design JPのキャプチャ
PCとスマホ、タブレットでデザインがそれぞれ見れる非常に優れたギャラリーサイトです。
ひと目で全てデバイスのデザインが見れるので、サイト全体のデザインの際にとても参考になると同時に、レスポンシブサイトを設計する勉強にも大いに役立ちます。
レスポンシブ対応のギャラリーサイトでは最も優れていると思います。
14.ピンタレスト
ピンタレストのキャプチャ
言わずもしれたピンタレストもデザインの参考サイトとして活用出来ます。
検索から「WEBデザイン」や「バナー」等と検索すると様々なデザインを一覧で見ることが出来ます。
デザインの素材に使える参考サイト
おすすめしたい素材サイト15～30サイトに関しては、背景画像、フリーアイコン、フレーム、画像素材、フォント等を下記の記事に15サイトをまとめさせて頂いたので、是非ご覧くださいませ。
デザインを参考サイトから盗む事で勉強しよう
誰でもはじめのうちは(玄人でも言えますが)どんなデザインが良いのか迷います。
そんな時はデザインの参考サイトを見ることでアイディアをもらったり、やり方が分からない時はハウツーやノウハウを公開してくれているサイトから方法を勉強する事も出来ます。
当サイトでもデザインのアイディアや、PhotoshopやCanvaのハウツー記事、素人でもプロのデザインをする方法等、多くリリースしているので是非参考にしてみてください。
コメントを残す