Webデザイン独学・勉強

ブックマーク必須!Webデザイナーになる時にめっちゃ勉強できたサイト15選

みなさん勉強してますか?

Web初心者の時に悩むのが勉強ですよね。
今は自分で調べれば、情報は沢山あります。

その中でも特にWebデザイナーの参考になって、勉強になるサイトをまとめました。
僕も今回紹介するサイトにお世話になって今でも参考にしています。

安定の更新頻度「コリス」

http://coliss.com/

誰でも知ってる「コリス」さん
更新頻度の多さと、バランスの良い記事が大変参考になります。

海外系の記事もたくさん紹介してくれているので、トレンド系はコチラで参考にしています。

コリスさんは、定期的にプレゼントキャンペーンなどの情報も発信しているので、常にチェックしておきたいですね。

[card url=”http://coliss.com/articles/giveaway/october-2017-bundle.html”]

[card url=”http://coliss.com/articles/blog/wordpress/best-of-wordpress-themes-for-2017.html”]

スタイリッシュな「NxWorld」

https://www.nxworld.net/

NxWorldさんは、今でも本当にお世話になっています。

技術系のことを検索していると大体検索に出てきます。
フロントエンド周りのことはすごく勉強になります。

PhotoshopやWordPressの情報も多めです。

[card url=”https://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html”]

[card url=”https://www.nxworld.net/services-resource/useful-cheat-sheets-and-resources-for-web-development.html”]

素材系を探しているなら「PHOTOSHOPVIP」

http://photoshopvip.net/

PHOTOSHOPVIPさんは、デザインの素材や写真・ブラシなどがめちゃくちゃ多いです。
あと、フォントなどもよく紹介しています。

デザイナーさんは必ず必要になる素材を多数紹介してくれていて、大変助かります。
このサイトが無かったらと思うと・・・

[card url=”http://photoshopvip.net/72189″]

[card url=”http://photoshopvip.net/103725″]

海外情報も知りたいなら「webクリエイターボックス」

https://www.webcreatorbox.com/

Twitterの人気のつぶやきなどのまとめが参考になる。
海外での生活での活動もあって海外の情報も参考になります。

全体のバランスが良いので、見やすいですね。
昔にポートフォリオ作成の時に参考にしたのが懐かしいです(^^)

Webデザインのギャラリーもありますよ。
https://www.webcreatorbox.com/gallery

[card url=”https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet”]

[card url=”https://www.webcreatorbox.com/tech/flexbox”]

WordPressなら「Webデザインレシピ」

http://webdesignrecipes.com/

WordPressのテーマ作成の時にお世話になりました。
本も執筆されていて、実際に購入もしましたよ。

2013年から更新はされていませんが、記事の書き方など参考にしています。
わかりやすさで定評のあるブログです。

[card url=”http://webdesignrecipes.com/web-developers-guide-to-getting-a-start-up-and-running/”]

[card url=”http://webdesignrecipes.com/illustrator-basic-tips/”]

圧倒的ボリュームの「サルワカ」

https://saruwakakun.com/

サルワカさんは比較的、新しいサイトですが、今ではもっぱらココばかり見ています。
記事のわかりやすさと網羅性がグンを抜いています。

これからWebデザイナーを目指す人にはぜひ参考にしてもらいたいです。

このゼロからのPhotoshopは感動しました。
[card url=”https://saruwakakun.com/design/photoshop”]

最近だとWordPressのテーマも販売しています。
おしゃれなデザインと優しい色味で欲しくなりますね。

[card url=”https://saruwakakun.com/sango/”]

面白さも兼ね備えた「LIGブログ」

https://liginc.co.jp/

ネタ記事から技術ブログまで幅広く展開されています。
Web業界に転職したときまで知らなかったので、こういう業界なんだ〜(笑)と思ったもんです。

マーケティング係やプログラミング系の記事も豊富なので、大分と参考にしています。
会社は最近はどうなのかな?と思いますが、メディアサイトの運営の参考にもなります。

[card url=”https://liginc.co.jp/351010″]

[card url=”https://liginc.co.jp/343987″]

マーケティング・ビジネスの勉強なら「ビジネスのためのWeb活用術」

https://swingroot.com/

最近では、デザイナーにもマーケティングの知識を求められるようになりました。
こちらのサイトでは、主にビジネス・マーケティングのノウハウが学べます。

結構難しく感じるかもしれませんが、変な本を買うよりはコチラのサイトだけで良いんじゃないかと思います。

心理学もちょこちょこ入っていて、共感できる部分が多いです。

[card url=”https://swingroot.com/potential-customer”]

[card url=”https://swingroot.com/web-sales-writing”]

SEOを知りたいなら「バズ部」

https://bazubu.com/

バズ部さんも有名ですね。
SEOやコンテンツマーケティングではかなり有名です。

Webデザイナーでも読んでおきたい記事が沢山あります。

都市部ではたまにセミナーもされているので今度参加してみたいです。
クライアントの成功事例ものっているので参考になります。

[card url=”https://bazubu.com/seo-13666.html”]

[card url=”https://bazubu.com/contentmarketing-14765.html”]

京都のコンテンツキング「Webライダー」

https://www.web-rider.jp/

京都にあるマーケティングの会社です。
ここの社長の松尾さんが個人的にかなり尊敬できる方です。

沈黙のWebマーケティングと沈黙のWebライティングは今でも読み込んでいます。
ちなみに本革なくても読めます(^^)

マーケティングって難しいんでしょ?という方は入門としてどうぞ。

[card url=”https://www.cpi.ad.jp/bourne/”]

[card url=”https://www.cpi.ad.jp/bourne-writing/”]

kachibito.net

http://kachibito.net/

kachibitoさんは、スキル系がメインになります。
jQueryなどの記事は参考になりました。

デザインよりは、コーディングやプログラミングよりの情報ブログです。

[card url=”http://kachibito.net/web-design/remodal.html”]

[card url=”http://kachibito.net/web-design/css-az.html”]

WEBSAE(ウェブさえ)

http://websae.net/

僕と同じフリーランスの方が運営されています。
もちろん全然経験が長い方です。

海外を放浪しながら、日本の案件をこなしているスーパーマンみたいですね。
今後の新しい働き方の参考にもなります。

あと契約書の記事が参考になるのでこれからフリーランスになる人にはオススメです。

[card url=”http://websae.net/contract_document/”]

[card url=”http://websae.net/wordpress-for-beginner-20170831/”]

動画で学ぶなら「schoo(スクー)」

https://schoo.jp/

動画で学ぶサービスは多いですが、生放送でも学べるのはすごいですよね。
リアルタイムで授業を受けているみたいです。

最近では大分強化も増えてきているので、デザイナー以外の方でも沢山勉強できます。

[card url=”https://schoo.jp/class/1430″]

[card url=”https://schoo.jp/class/1858″]

ics.media

https://ics.media/

フロントエンドでかなり参考にさせていただいています。
最新の情報が早く出てくるので、ブックマークしておくと重宝します。

このブログで知った言葉も多くありました(^^)

[card url=”https://ics.media/entry/3290″]

[card url=”https://ics.media/tutorial-git”]

Adobeブログ

https://blogs.adobe.com/creativestation/category/web/web-learn

天下のAdobeのブログです。
今回はWebのカテゴリーの部分を紹介しています。

難しそうな記事も多いですが、面白いですよ。

ツールの最新アップデート情報なども分かるのでいいですね。
CCなどは新しくなるたびに、何かが増えたりするので、情報収集は公式からがいいです。

ABOUT ME
タカハシナオミチ
1983年生まれの33歳、広島県出身の愛妻家 「自分の小さな出来事を周りの大きな幸せに」を自己理念に持ち、社会に価値を与えるWebデザイナー。 31歳で飲食業界からWeb業界に転職し2年で独立。 理容師→フリーター →イタリアンレストランのコック→カレー屋の店長→Web職業訓練生→Webデザイナー→フリーランス というユニークな経歴を持つ。
関連記事