WebCamp・WebCampProを運営する株式会社インフラトップのオウンドメディア【スキルマ】。プログラマー・エンジニア・Webデザイナーを目指す初心者の方に向けた記事や、就職・転職を考えている方向けの記事を発信しています。

WEBデザイン初心者におすすめの講座 6 選!

プログラミング教室・人気ランキング

順位 スクール名 こんな方におすすめ 公式サイト
   TechAcademy ★雪でも大丈夫★自宅でプログラミング・デザイン・アプリ開発を学びたい方  公式サイト
  Web Camp 【業界最安値】1ヶ月通い放題/Webサービスなど作りたい方 公式サイト
Tech Camp Webデザイン/AI(人工知能)/IOS/Androidアプリ制作/VRを学びたい方! 公式サイト
▼本記事について
本記事は、『たった1ヶ月で未来を変えられる』初心者向けプログラミングスクール「WebCamp(ウェブキャンプ)や、未経験者でも3ヶ月の学習でエンジニアに転職・就職ができる「WebCampPro(ウェブキャンププロ)」を運営してる株式会社インフラトップが提供しています。

Webデザインを学びたいけどデザインとは何から始めればいいのかわからないという方も多いかと思います。

また、いきなり高価な参考書やソフトを購入するのも躊躇すると思います。

まずは、無料でWebデザインを学習できる方法で、自分の好きな時間に好きなように進めていければ気楽に始められるかと思います。

そんな時に役に立つサイトをここではご紹介します。

※プログラミングを学んでみたいけど、時間がなくて全文の記事が読めない!という方は、WebCampの無料説明会(毎日開催)に参加してみてください!

 

Webデザインについて

Webデザインとは、Webサイトの見た目を美しくし使いやすいサイトを設計することです。

ロゴやバナーの作成などもあります。

仕事全体でいうともっと多岐にわたりますが、メインとなる業務は画面設計です。

必要と思われる知識は以下のようなものがあります。

・HTML / CSS

・Sass / Compass

HTML/CSSやSass/Compassはレイアウトを実際にコーディングする上で必要な技術です。

・Photoshop / Illustrator

PhotoshopやIllustratorは、サイトのレイアウトやバナー作成など様々なデザイン作成で必要になります。

レイアウトの作成と実際のコーディング作業を分業で行っているケースもありますが、Webデザイナーとして幅広く活躍するためにはどちらも出来ることが望ましいです。

サイトのご紹介

ドットインストール

http://dotinstall.com/

3分程度の動画で様々な学習ができる総合サイトであり、もちろんWebデザインを学習できる動画も多く存在します。

動画の種類も、入門から実践まで学習できますので一通り確認することができます。

学習の手始めとして、いきなり文字ベースの説明だと理解が深まらなかったり、モチベーションが下がってしまうのが人の常です。

まずは、こういった動画学習から好きな時間に自分のペースで進めたいという人におすすめです。

Progate

http://prog-8.com/

コーディングしながら学習を進めていくサイトになります。

自分のペースで進められるうえに実際に打ち込んで学んでいくのでとても理解は深くなり、スムーズに学習を進めていけます。

Webデザインに必要と紹介したHTML/CSSについて、初級編から上級編まで3つのコースが用意されています。

初心者でも順を追ってしっかりと学習を進めていける内容になっています。

ここで学んだことを実践するだけで、WEBデザインをほどこしたWebサイトを構築できる技術が身に付きます。

Schoo

https://schoo.jp/

著名人が授業を行ってくれる動画サイトというよりオンラインスクールのようなものです。

ただし、スクールといってもやはり特に料金はかからず無料で利用可能です。

デザイナーやプログラマーの方が動画で色々なテーマで授業を行ってくれますので、ご自分の好きなテーマを選んで視聴してみてください。

lynda

https://www.lynda.jp/

無料で学べる動画学習サービスです。

レッスン数がかなりあり、Webコースだけ見てもWebデザイン、Webグラフィックス、レスポンシブWebデザインなど学習コンテンツの選択肢が豊富なので迷うかもしれませんが、少しずつ進めていけばいいと思います。

このサイトだけでも一朝一夕では見切れないほど十分に内容が揃っていますので、有効活用してしっかり役立てればかなりのスキル向上になるかと思います。

Adobe TV

http://tv.adobe.com/jp/

PhotoshopやillustratorなどAdobeツールに関する使い方の動画学習サイトです。

上記で紹介した他のサイトではWebデザインの大枠や実際にサイトを制作しながら学習するものが多かったですが、Adobe TVではツールの具体的な使い方を解説している動画が多いです。

より細かい部分にも凝ったり、ツールの使い方に慣れるためにはおすすめの学習サイトです。

Web Design Recipes

http://webdesignrecipes.com/

学習サイトというわけではありませんが、Webデザインなどに関しての記事を掲載しているブログになります。

Webデザインツールの操作方法やデザイン関連の内容について細かく解説してくれているので、業界の動向やツールの現状などの情報を得ることができます。

業界は常に目まぐるしく状況が変わることが多いので、こういったサイトをょっとした時間に読んでみるといいかもしれません。

まとめ

現在は、こういった無料動画サイトが数多くあり、紹介した以外にも国内外たくさん存在します。

何をやるにしても最初は不安だらけで進み方すらわからないものですが、こういったサイトがあることで気軽に独学からスタートさせられるので進み方の不安はかなり解消されているかと思います。

せっかくの無料ですので、すみずみまで有効活用し、自身のスキルアップを積極的に行って自分の理想とするWEBデザインができるように継続して学習していってください。

とはいえ、1人での学習はモチベーション維持も難しいので、限界を感じる場合は、プログラミングスクールの検討もしてみることを、おすすめします。

WebCamp・WebCamp Proについて

WebCampは1ヶ月でプログラミング・Webデザインスキルを学ぶ通い放題のプログラミングスクールです。WebCamp Proは3ヶ月間で未経験から即戦力エンジニアを育成するプログラミングスクールです。

2つのサービスを運営するインフラトップでは、「学びと仕事を通して人生を最高の物語にする」という理念で会社を経営しています。

キャリアアップを目指す方は、この機会に私達と一緒にプログラミングを学んでみませんか?

▼未経験から1ヶ月でWebデザイン・プログライミングを学びたい方はこちら!

▼IT未経験からエンジニアに就職・転職したい方はこちら!