【2019年】デザインの勉強の参考サイト30選!現役デザイナー厳選

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選




今回は家や独学でデザイン勉強をする時に参考になるサイト

紹介する参考サイト

ハウツー型のデザインの参考サイト

デザインの方法や具体的なツールの使い方等を教えてくれるサイト

視覚的に見るデザインの参考サイト

どんなデザインにしようかな?と悩んだ時に現在あるリリース済のデザインから探す事が出来るサイト

素材に使える参考サイト

デザインに使える無料の素材を見つける事ができるサイト

の3つに分けて紹介したいと思います。

デザイナー歴10年目の筆者が今も参考にしているサイトなので、是非ご覧くださいませ。もちろん、全て無料で閲覧、使用する事が出来る参考サイトなので、今すぐ活用可能♪

デザインのアイディアが必ず見つかる!身近なデザインのヒント14選

2019.01.23




ハウツー型のデザイン参考サイト

ハウツー型のデザイン勉強が実践的に出来る参考サイトをご紹介致します。

01.サルワカ┃サルでも分かる図解説明マガジン

勉強になるデザインの参考サイト01

サルワカさんのキャプチャ

サルワカさんは、デザインをしている人なら知っている方も多いのではないでしょうか。

PhotoshopやCanvaの使い方の詳しい説明はもちろん、ブログをカスタマイズする際のHTMLやCSS等もコピペ出来るような形式で公開&配布してくれていてとても勉強になるサイトです。

サルワカさんのすごいところはデザインだけでなく、プログラムやシステマチックな部分にも精通されている所。

併せて難しい言葉ではなく、デザイン初心者でも分からりやすい言葉選びをしてくれていて、更に図解を載せる事でまさに「サルでも分かる!」解説をしてくれています。

もしまだ見た事ない!というデザイナーの方は絶対に参考にすべきデザイン参考サイトの1つです。

 

02.ベーコンさんの世界ブログ

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_ベーコンさん

ベーコンさんの世界ブログのキャプチャ

こちらもサルワカさんと同様で個人運営のブログになりますが、実践型や実例を出してのデザイン解説がとても参考になるサイトです。

具体的なツールの使い方はもちろん、フリーランスでデザイナーとして活動する際の価格の決め方や仕事のとり方等、デザイナーとしての働き方の側面からも解説をしてくれています。

これからデザイナーとしてフリーランスを目指す方には勉強になる事間違いなし。

また、実際にベーコンさんがデザイナーとして仕事をした際の失敗談や成功談等も共有して下さっているので、これからフリーランスのデザイナーとしての活動を視野に入れている方(もしくは既にフリーランスのデザイナーの方)は必見の参考サイトです。

 

03.ferret(フェレット)

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_ferret

ferretのキャプチャ

こちらはWebマーケティングにおける情報サイトになりますが、デザインに関する記事も多くあり、デザイナーとしては参考サイトとして抑えるべきサイトの1つです。

より、商用よりの内容になっており、綺麗なデザインの1歩上を行く「売れるデザイン」やサイト全体のUIを踏まえた上での側面から解説してくれている記事も多いです。

またフリーで使える素材等の紹介も多く、チェックしていれば良い情報を手に入れられるに間違いなし!

記事数が多いので、検索から「デザイン」と検索するとgoodです♪

 

04.Web制作ナビ

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_web制作ナビ

web制作ナビのキャプチャ

Web制作ナビはワードプレスのテーマの紹介(無料・有料)が多く、サイト作りという広い視野でのデザイン参考サイトになります。

もちろん、イラストレーターやフォトショップの使い方等を説明する記事もあるので、是非ご覧くださいませ。

WordPressでサイト構築をしている方は、サイトデザイン参考になる記事が多くあるので、絶対にチェックすべし!です。

 

05.LISKUL(リスクル)

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_LISKUL

LISKULのキャプチャ

こちらもサイトとしてはwebまわり全体の情報サイトになっています。webマーケティングやwebサービスの紹介等の記事も多くありますが、デザイン関連の記事数もかなりの数。

デザインにおける素材集や、配色テクニック、UIも加味したデザインのコツ等、幅広く勉強する事が可能です。

グラフィックデザインだけでなく、web上でデザイナーとして活躍していくために必要な情報や抑えて置きたい知識等満載。

こちらも、検索から「デザイン」と検索するか「デザイン」や「webデザイン」のタグから記事を検索するとgoodです。

 

06.LIG

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_LIG

LIGのキャプチャ

LIGはweb制作会社が運営するメディアです。

デザインのハウツーだけでなく、ポートフォリオの作り方などの初心者向けのものから、プログラミングを用いたwebデザインまで、かなりレベルの高い知識を公開してくれています。

また、デザイナーではなく、ディレクターからの目線の記事も多く、デザインをする時に「ニーズのあるデザイナーとは」を考えさせられる記事も多々。

LIGさんの記事は勉強が出来る記事だけでなく、笑える面白い記事も多いので息抜きにもなる最高の参考サイトです♪

 

視覚的に見るデザインギャラリーの参考サイト

次に紹介するのは、視覚的に既に出来上がっているデザインをファイリングしてくれているギャラリー形式サイトの紹介です。

どんなデザインにしようかな~と迷った時、デザインの参考にしたい時は是非ご活用ください。全体を踏まえたデザインの勉強にもなります。

07.MUUUUU.ORG

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_MUUUUU.ORG

MUUUUU.ORGのキャプチャ

国内の洗練されたデザインのみを集めたギャラリーサイトです。

サイト全体のデザインを考える時の参考にはもちろん、配色や見せ方等も多くを勉強出来るサイトです。

デザインの参考ならサイト丸ごと見れる「MUUUUU」がオススメ

2018.10.11

 

08.io3000

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_io3000

io3000のキャプチャ

こちらは国内外問わず洗練されたデザインのみを集めたギャラリーサイトです。

カレゴリー、色、タグで検索が出来、ページもスクロールをすると自動で読み込みがされて永遠に参考サイトが出てくるので探しやすさも良い参考サイトです。

 

09.LPアーカイブ

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_LPアーカイブ

LPアーカイブのキャプチャ

ランディングページに特価したギャラリーサイトです。毎日更新という更新頻度も魅力的。

カテゴリー、カラー、イメージから探す事が可能。ランディングページをどういった構成にすべきか、どんなデザインにスべきか迷った時に参考にしたいサイト

 

10.レトロバナー

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_レトロバナー

レトロバナーのキャプチャ

バナーに特化したギャラリーサイト。サイズ検索や、カテゴリー、カラー、イメージ等、細かい検索が出来ます。

特にバナーのサイズごとに細かい検索が出来るので、苦手なサイズのバナー構成やデザイン参考勉強なります。

 

11.バナーデザインアーカイブ

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_バナーデザインアーカイブ

バナーデザインアーカイブのキャプチャ

色・業種・サイズからバナーのデザインを検索する事が出来ます。

スクロールすると、どんどんバナーが読み込まれるので、探しやすいのもポイント。

 

12.スマホサイトデザインギャラリーAGT

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_AGT

AGTのキャプチャ

珍しいスマートフォンサイトに特化したページのギャラリーサイトです。

カラーと業種からサイトを検索する事が出来ます。スマホサイトのデザイン参考になります。

 

13. Responsive Web Design JP

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_レスポンシブ

Responsive Web Design JPのキャプチャ

PCとスマホ、タブレットでデザインがそれぞれ見れる非常に優れたギャラリーサイトです。

ひと目で全てデバイスのデザインが見れるので、サイト全体のデザインの際にとても参考になると同時に、レスポンシブサイトを設計する勉強にも大いに役立ちます。

レスポンシブ対応のギャラリーサイトでは最も優れていると思います。

 

14.ピンタレスト

【2019年】デザインの勉強の参考サイト12選!現役デザイナー厳選_pintarest

ピンタレストのキャプチャ

言わずもしれたピンタレストもデザインの参考サイトとして活用出来ます。

検索から「WEBデザイン」や「バナー」等と検索すると様々なデザインを一覧で見ることが出来ます。

 

デザインの素材に使える参考サイト

おすすめしたい素材サイト15~30サイトに関しては、背景画像、フリーアイコン、フレーム、画像素材、フォント等を下記の記事に15サイトをまとめさせて頂いたので、是非ご覧くださいませ。

フラットデザインに使えるアイコンやフリー素材サイト7選

2019.03.12

デザイン素材は無料を活用!本気でおすすめの商用フリー素材サイト9選

2018.09.08

 

デザインを参考サイトから盗む事で勉強しよう

誰でもはじめのうちは(玄人でも言えますが)どんなデザインが良いのか迷います。

そんな時はデザインの参考サイトを見ることでアイディアをもらったり、やり方が分からない時はハウツーやノウハウを公開してくれているサイトから方法を勉強する事も出来ます。

当サイトでもデザインのアイディアや、PhotoshopやCanvaのハウツー記事、素人でもプロのデザインをする方法等、多くリリースしているので是非参考にしてみてください。

フリー素材はこちららから

Photoshopのハウツー記事はこちらから

Canvaのハウツー記事はこちらから

【超簡単】初心者がたった3つの手順でプロのデザインをするコツ

2019.05.24

デザイン初心者がやりがちな5つのミスと上達するコツ!これでプロ級

2019.04.19

スポンサーリンク




スポンサーリンク



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください