WEBデザインが独学で身につく!WEBデザイナー必見の神サイト20選

Webデザイナー1年生はもちろん、Web製作に携わるものなら絶対に知っておきたい神サイトを完全収録しました。

独学でWebデザインを勉強したい人、優秀な先駆者たちの知恵を吸収し飛躍したい人は要チェック。

WEBデザイナー必見の神サイト20

  1. コリス
  2. Webクリエイターボックス
  3. コムテブログ
  4. かちびと.net
  5. バンクーバーのうぇぶ屋
  6. ホームページを作る人のネタ帳
  7. creive【クリーブ】
  8. BlackFlag
  9. DesignDevelop
  10. Arch
  11. Ateitexe アテークゼ
  12. ウェビメモ
  13. Webpark
  14. NxWorld
  15. デザイナーのイラストノート
  16. 株式会社LIG
  17. MdN Design Interactive
  18. ドットインストール
  19. Progate
  20. schoo

コリス

コリス

コリス

サイト制作に関する最新の情報をご紹介

サイト構築、WordPressのTipsを得られます。ただし、Webデザイナー1年制が、今からの更新情報を受け取っても難しいかもしれません。

Webクリエイターボックス

Webクリエイターボックス

Webクリエイターボックス

WebデザインやWebサイト制作、最新のWeb業界情報などを紹介していくサイト。

目新しいWebサービスを紹介してくれます。過去記事を探れば、Webデザインの基礎を学べる。

例えば、実践で学ぶWebサイト制作ガイド まとめでは、実際の現場のWeb制作ステップを勉強できます。

コムテブログ

コムテブログ

コムテブログ

Web制作者とデザイナーの助けになるブログ。Webで最も分かりやすいまとめを目指す

Web制作、デザイン、サービスのまとめ記事をバシバシ発信してくれます。

素材まとめはPhotoshop VIPさん、以外はコムテさんという感じで情報をキャッチすると吉?

かちびと.net

かちびと.net

かちびと.net

Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介

少し突っ込んだ技術的な調べ事をしているとかちびと.netに行きつく(笑)。

それが知りたかったというような小技・大技を学べます。

例えば、テキストを1文字ずつclass付きのspanで囲うなどの小技がぎっしり詰まっている。

バンクーバーのうぇぶ屋

バンクーバーのうぇぶ屋

バンクーバーのうぇぶ屋

バンクーバーに住むWEBクリエイター、セナのブログです。主に海外のWEB制作情報を発信すると同時に、カナダへクリエイター留学に来る人と様々な情報をシェアし、応援することを目的としています。

Webデザイナーの海外進出・世界に通用するクリエイターを目指す方は要チェックのサイト。

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

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

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

売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ

WebデザインのTipsだけじゃなく、ブログ運営のメソッドも豊富。

creive【クリーブ】

creive【クリーブ】

creive【クリーブ】

クリエイターのための情報発信メディア

Webサービス、素材、アプリのまとめ多め。それと、Webデザインの基礎まとめも多いので初心者Webデザイナーには有難い。

例えば、こういう記事があります→【色の見本】デザインする際に使える!10個のweb配色ツール

BlackFlag

BlackFlag

BlackFlag

jQueryをはじめ、HTML(HTML5)、CSS(CSS3)、JavaScript、iPhone、Twitterなどなど、Web制作に役立つであろうと思われる情報を掲載しています

jQueryのTips多め。Webサイトに動的表現を取り入れたい時に吉。

DesignDevelop

DesignDevelop

DesignDevelop

デザインを開発すると言う視点でお伝えするクリエイティブBLOG

Webデザイン、サービス、素材の役立つまとめが見所。

Arch

Arch

Arch

Web制作情報ブログ

PhotoshopのTipsが豊富。

Ateitexe アテークゼ

Ateitexe アテークゼ

Ateitexe アテークゼ

Ateitexe アテークゼ - 製造業の社内プログラマがWordPress, HTML, CSS, ExcelVBAなど勉強したことを綴っているブログです。

グラウィックソフト(Photoshop、Illustrator)やExcel活用術が吉。

ウェビメモ

ウェビメモ

ウェビメモ

雨女によるメモしておぼえるデザインブログ。

ウェビメモ管理人さんの成長と合わせた記事配信がされており、初心者デザイナーが学ぶのに◎。

Webpark

Webpark

Webpark

ウェブサイト作成に役立つことをいろいろと

CSSのTipsが多め。

NxWorld

NxWorld

NxWorld

my weblog space.

Webデザインに役立つ素材まとめ多め。

デザイナーのイラストノート

デザイナーのイラストノート

デザイナーのイラストノート

イラストや参考にしたサイトのご紹介、アプリケーションの技術向上を目指すブログです。

名前の通りイラストを書く勉強に吉。

株式会社LIG

株式会社LIG

株式会社LIG

株式会社LIG(リグ)は東京都台東区上野でウェブ制作を行うクリエイティブ集団です。ホームページ制作、プロモーション、システム開発、Webマーケティング、シェアオフィス運営などをおこなっています。

最初、「なんじゃこのサイト!」っておもったが、提供される情報はいたって真面目で非常に有難い。

MdN Design Interactive

MdN Design Interactive

MdN Design Interactive

Webデザインとグラフィックの総合情報サイト。プロのWebデザイナーやグラフィックデザイナーはもちろん、プロを目指す方のための情報を毎日更新。

新米Webデザイナーなら見ない訳にはいかないサイト。

ドットインストール

ドットインストール

ドットインストール

3分動画でマスターする初心者向けプログラミング学習サイトです。

Webデザインに必要となるWeb言語を動画を使って分かりやすく解説してくれる。

Progate

Progate

Progate

Progateはオンラインでプログラミングを学べるサービスです。プログラミングを学んでWEBアプリケーションを作ろう。

スライド学習と実践でWeb言語を学んでいくことができる。

schoo

schoo

schoo

10万人の仲間と、生放送の無料動画で学習できるオンラインの学校。TOEICやビジネススキル、Webデザイン、プログラミングなど1,200講座以上を配信中

ドットインストール、ProgateがWeb言語の習得に特化しているのに対し、schooは色彩、レイアウトなどのデザイン理論やPhotoshop、Illusrorator、WordPressの使い方も動画&スライドで学べる。

Web言語の学習はドットインストールやProgate、それ以外はschooで学ぶのが吉?

まとめ~WEBデザインの独学

半端なかったでしょ?・・・あれ?もうほとんど知ってた?

・・・コク(ネットの向こうの誰か)

そ・そうですよね(汗)。

紹介したサイトは、どれも非常に有名なサイトばかり、本業、副業にかかわらず、Webデザイナーを志すものならば知っておきたいところです。

独学でWeb製作・デザインの勉強をしたい方には本当に有難いですよね。

この記事を読んだ人にはこちらもお薦め

未経験のWebデザイナーが読むべき記事27選