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

god

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

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

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

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

コリス

コリス

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

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

Webクリエイターボックス

Webクリエイターボックス

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

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

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

Webデザインレシピ

Webデザインレシピ

Webデザインレシピは Webデザイン、WordPress や CSS、jQuery 、Photoshop、Illustrator など、Web制作に関連する情報を綴るブログです。

WordPressのことが基本から専門書籍以上にわかり過ぎて泣けてきます。

デザイナー初心者にお薦めのこれからWebサイトを制作をしたいけど、何から勉強したらいいの?っていう人のためのガイドなどの情報も提供されています。

コムテブログ

コムテブログ

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

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

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

かちびと.net

かちびと.net

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

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

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

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

バンクーバーのうぇぶ屋

バンクーバーのうぇぶ屋

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

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

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

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

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

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

creive【クリーブ】

creive【クリーブ】

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

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

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

scrmble

scrmble

システムエンジニアやWEBデザイナーの方々に向けて、テクニック、仕事術、マーケティングから起業・経営のノウハウ等幅広い情報を発信するウェブマガジンです。

デザインといいますか、Web・IT業界の動向を知るのに役立つ。

BlackFlag

BlackFlag

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

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

DesignDevelop

DesignDevelop

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

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

Arch

Arch

Web制作情報ブログ

PhotoshopのTipsが豊富。

Ateitexe アテークゼ

Ateitexe アテークゼ

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

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

ウェビメモ

ウェビメモ

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

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

WEBデザインクリップ

WEBデザインクリップ

Webデザインクリップでは、グラフィックデザイン、Webデザイン、インタラクティブデザインなどの制作の際に役立つ、国内外のかっこよく勉強になるサイトをまとめております。

HTML5を学んだ際にお世話になりました。

Webpark

Webpark

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

CSSのTipsが多め。

NxWorld

NxWorld

my weblog space.

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

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

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

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

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

Fireworksマニア

Fireworksマニア

Fireworksマニアは、 Fireworksの使い方や、わかりやすいチュートリアル、デザインの方法をはじめWebデザインに役立つ小技を紹介した、Webデザイナーのためのお役立ちサイトです。

Fireworksの使い方がよくわかる。私はFireworksを多用するので有難かった。

Illustrator Mania

Illustrator Mania

Adobe Illustratorのマニアックな使い方や裏技、実用的なチュートリアルについて紹介していきます。DTP的な使用方法だけではなく、Webやアプリなどの制作にも役立つ情報を発信していきます。

Illustratorの実用的な使い方がわかる。

株式会社LIG

株式会社LIG

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

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

MdN Design Interactive

MdN Design Interactive

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

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

ドットインストール

ドットインストール

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

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

Progate

Progate

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

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

schoo

schoo

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

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

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

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

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

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

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

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

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

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

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

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