Webデザインを学ぶには、本を購入したり、スクールに通うという方法もあります。
しかし、やってみると難しさを感じたり、実践的な内容ではないと感じる方も多いはずです。

現場で役立つスキルを効率よく習得するなら、Webデザイナーの方のブログを見るのがオススメです。
最近ではWeb関係の有益な情報を発信しているブログが多く存在し、独学でもWebデザインのスキルをしっかりと身につけることができます。

ここではWebデザイナーなら見ておきたい、Webデザイン・制作周りの知識が学べるブログを30に絞ってご紹介します。
すでにデザイナーとして活躍している方はもちろん、これから勉強したいという方にもオススメです。

Webデザインに関するブログ30選

1.Webデザインレシピ

Webデザインレシピ

Webデザイン、WordPressからCSS、jQuery 、Photoshop、Illustratorまでデザインに関するあらゆる情報を提供しているページです。
初心者向けの内容から、少し発展的なものも網羅されていますので、ホームページ作り・勉強にも役立ちます。

2.Webクリエイターボックス

Webクリエイターボックス
http://www.webcreatorbox.com/

WebデザイナーでデベロッパーのManaさんが運営するページです。
ホームページデザイン、制作から最新の業界情報までを紹介しています。
便利ツールの紹介といった現場で活用できる情報が多く非常にタメになります。

3.ホームページを作る人のネタ帳

ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/

Web制作関連の情報から、マーケティング、ちょっとした小ネタまで幅広く情報提供しているページです。
見ておくとタメになる情報が沢山ありますので、ブックマーク、RSS取得しておくと便利です。

4.PhotoshopVIP

PhotoshopVIP
http://photoshopvip.net/

Photoshopに関連する無料素材から、チュートリアル、最新ニュースまでを提供しているページです。
使える素材がとにかく豊富に揃う上、欲しいものがすぐに見つかりますのでデザイナーなら必ず見ておきたいましょう。

5.コリス

コリス
http://coliss.com/

ホームページ制作からSEO対策、Webサービスの情報を中心に提供しているページです。
発展的な内容が多いので、ホームページ・デザイン中級者に特にお勧めです。

6.コムテブログ

コムテブログ

最新トレンドをおさえたプラグイン、納品前に見ておきたいチェックシートといった制作の助けになるツール・テンプレートを数多く紹介するページです。
とにかく使える情報がぎゅっと詰まった印象があります。

7.バンクーバーのうぇぶ屋

バンクーバーのうぇぶ屋
http://webya.opdsgn.com/
バンクーバーに住むウェブクリエイター、セナさんが運営するブログです。
Web制作現場で覚えておきたい頻出英語フレーズ、英語の読解手順といった海外のクリエイターさんならではの情報が多数掲載されています。
海外のWebサービスを使う時にとても役に立つページです。

8.Webクリエイターズマニュアル

Webクリエイターズマニュアル

Webデザイナーからウェブディレクターになった方が運営している、マニュアル系ブログです。
色の効果、Webボタンなどのデザイン関連から、オリエンテーションのポイント、目標の立て方までデザイナー・ディレクターに特に役立つ情報を提供しています。

9.Design Spice

Design Spice
http://design-spice.com/

フリーランスWebデザイナーの方が運営しているブログです。
レスポンシブデザインについての情報をメインに扱っています。
スマホ向けホームページを制作する際に、特に読んでおきたいページの一つです。

10.フォントブログ

フォントブログ
http://blog.petitboys.com/

「プロとして働くデザイナーが知りたいフォント情報の共有」をコンセプトにし情報提供をおこなうブログです。
Webフォントから書体、タイポグラフィまであらゆるフォントに関する知識を掲載しています。
フォントのことを知るならこのブログがオススメです。

11.かちびと.net

かちびと.net
http://kachibito.net/

Web制作に役立つ情報全般を扱うブログです。
WebデザインからWebサービス、マーケティングSEOまで広範囲の情報をコンパクトにまとめ掲載しています。
シンプルな作りで見やすいのが特徴です。

12.Webデザインのタネ

Webデザインのタネ
http://blog.1dz.jp/

都内でフリーランスデザイナーをしている方が運営するブログです。
Fireworks、Dreamweaverを中心に役立つ情報提供をおこなっています。
筆者の経験をもとに書かれたものが多めです。

Fireworksについてのブログは少ないので大変貴重な情報源です。

13.Webpark

Webpark
http://weboook.blog22.fc2.com/

CSS、Javascriptをメインとした記事を読むことができるブログです。
ちょっとした小技集が多数掲載されていますので、CSSの知識を高めることができます。

14.webOpixel

webOpixel
http://www.webopixel.net/

管理人がWeb制作業務を通じて気づいたことをメモするブログです。
jQuery、WordPressを中心に書かれており、デモ、ソースコードが掲載されているので実際の制作で参考になります。

15.Fireworksマニア

Fireworksマニア
http://fw.v-colors.com/

福岡でWebデザイナーをしているYUKIさんが運営しているブログです。
Fireworksを中心に基礎から発展的な内容まで、細かに解説されています。
Fireworksを使用したデザインレシピもとても勉強になります。

16.ウェビメモ

ウェビメモ
http://webimemo.com/

フリーランスでデザイナーをしている管理人ミゾレさんが運営する、WordPress、iPhoneアプリ中心の私的メモブログです。
知っておくとタメになるちょっとした知識を読むことができます。

17.Find Job! Startup

Find Job! Startup

ウェブ専門の転職情報サービス「Find Job !」が立ち上げた、スタートアップの成功に必要な記事を読むことができるブログです。
デザインのみならず、戦略、企画、マーケティング、技術までクオリティの高い記事を揃えています。

18.CSS-EBLOG

CSS-EBLOG
http://css-eblog.com/

CSSの便利な小技から、あまり知られていない使い方までCSSに関する情報をメインで扱うブログです。
自作のJavaScriptライブラリを公開しているので、制作時に役に立ちますし、勉強にもなります。

19.Web Design Magazine

Web Design Magazine
http://webdesignmagazine.net/

広島県在住のフリーランスWebデザイナーをしている方が運営するブログです。
photoshop,Illustratorのちょっとした豆知識からデザイナーオススメのブログ紹介まで、デザインを中心にWeb制作に関する情報を発信しています。

20.Design Color

Design Color
http://designcolor-web.com/

東京在住のWebデザイナー彩さんが運営するブログです。
デザイン関連の情報をメインに発信しています。

photoshopの便利な小技から、知っておきたいソフトの設定についての記事までとても参考になる記事が満載です。

21.Gimmick log

Gimmick log
http://gimmicklog.main.jp/

東京在住のWebデザイナーponzuさんが運営するブログです。
jQuery、CSSに関しての情報を中心に掲載しています。
便利なプラグインの使い方を一から丁寧に解説してあり、実際の制作でとても役に立ちます。

22.だれデザ

だれデザ

誰でもデザインが楽しめる、をコンセプトにデザイン関連の情報を中心に配信するブログです。
色の理論、photoshop/illustratorの基礎知識といった真面目な内容だけでなく、デザインに関する面白い記事も多数ありますので楽しく知識を身につけることが出来ます。

23.superChemical

superChemical
http://zxcvbnmnbvcxz.com/

Letters Inc.が運営するブログです。
wordpress、jQueryの実践的な内容を中心に配信しています。
カテゴリごとに記事を読むことが出来るほか、ランダムで記事を表示することが出来るのが大変ユニークです。

24.株式会社LIG

株式会社LIG
http://liginc.co.jp/

Webサイト制作会社LIGが運営するブログです。
Web関係の記事を分かりやすく、面白く配信しています。
応用的な内容も多いものの、堅苦しい記事ではないので初心者でも楽しくWeb制作の知識を身につけることが出来ます。

25.Ateitexe

Ateitexe
http://ateitexe.com/

製造業の社内プログラマをしているyouさんが運営するブログです。
WordPressのカスタマイズ、デザインの小ネタを中心に配信しています。
特にWordpressに関しては具体的な内容が多く、大変勉強になります。

26.Stocker.jp

Stocker.jp
http://stocker.jp/diary/

社会人向けWebデザインスクール講師をしているなつきさんが運営するブログです。
Webデザイン・Web技術を中心とした記事を配信しています。
最新1ヶ月のWeb関連ニュースをまとめた記事もあり、知っておきたい動きを簡潔に読むことが出来ます。
これだけブックマークしておいてもとても便利です。

27.クリエイティブメモメモ

クリエイティブメモメモ
http://creativememomemo.com/

Webデザイナーをしているテツヤさんが運営するブログです。
Photoshopで使える便利技、ショートカットの設定、ボタンの作り方までデザイナーならではの記事を多数読むことができます。
デザイン関連の知識をつけたいなら特に読んでおきたいブログの一つです。

28.Kana-Lier カナリエ

Kana-Lier カナリエ
http://kana-lier.com/

Web関係のお仕事をしているKanaさんが運営する、女性的なデザインが素敵なブログです。
制作に関する記事だけでなく可愛いアイコンの作り方、イラストメイキングについても書かれており、ガーリーデザインをする際に是非参考にしたいブログです。

29.Backless

Backless
http://backless.org/

Webデザイナーをしているtakaさんが運営するブログです。
素人デザインを脱却するための記事、コンテンツを見やすくするコツなどデザイン力をワンランクアップさせたい方向けの記事が揃っています。

30.楽しければいいのです。

楽しければいいのです。
http://www.susi-paku.com/index.html

写真素材サイトpakutasoを運営している、すしぱくさんのブログです。
Web制作に役立つサービスや便利ツール、本のレビュー記事が読めます。
知っておきたいWebに関する小ネタも豊富です。

まとめ

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

今回は、Webデザイナーが見ておくべきブログを30ご紹介しました。
本で一から学ぶというのも重要ではありますが、早急なスキルの習得には色々な情報を取り込んでアウトプットしてくのが有効です。
また、様々な情報を得ることでアイデア、インスピレーションも湧いてきます。

Wrbデザインの学習には是非、今回取り上げたデザイナーのブログを活用してみてください。

このニュースを読んだあなたにおすすめ

Webマーケティングの基礎~3C分析を使ってみよう
マーケティングの基本である市場分析とポジション

Web戦略カリキュラム

Web戦略カリキュラム

Webマーケティングを実践するうえで、まずは押さえておくべきWeb戦略の基礎カリキュラムです。Web戦略の基礎は、様々なプロモーション手法やマーケティング活動の基本と言える考え方なので必ず押さえましょう。