• WebCamp_インタビュー
    【WebCamp受講生インタビュー】起業準備中にCEOが気がついたプログラミングスキルの重要性とは?
    2017.12.25
  • WebCampPro_インタビュー
    未経験でも寿司職人からWebデザイナーになった!ホスピタリティでスクールを支える宮脇トレーナー
    2017.05.26
  • WebCampPro_インタビュー
    未経験から上京し、エンジニアとしてチームラボグループに転職!【WebCampPro卒業生インタビュー】
    2018.03.10
  • WebCamp_インタビュー
    時間や場所にとらわれず自由に働くために必要なスキルとは?【WebCamp卒業生インタビュー】
    2018.01.26
  • WebCampPro_インタビュー
    自分で稼ぐ力をつけるため、新卒5年目の営業マンがエンジニアに転職!【WebCampPro転職者インタビュー】
    2018.02.02
  • WebCamp_インタビュー
    「1カ月頑張ればこの先が見えてくる」地元メディアを立ち上げたママさん
    2017.07.20
  • WebCampPro_インタビュー
    未経験31歳からエンジニア転職を実現【実際に聞いてみた】
    2017.04.01
  • WebCamp_インタビュー
    【卒業生インタビュー】台湾で月間100万UUの訪日旅行メディアを手掛けるCEOが、プログラミングを学んで得たものとは?
    2018.01.15
  • WebCamp_インタビュー
    「自信の持てるスキルを得たい!」内定辞退した女子大生がプログラミングを学習したワケ。
    2018.04.28
  • WebCamp_インタビュー
    【WebCamp卒業生インタビュー】1ヶ月でRubyをゼロから学び、Webエンジニアとして転職!
    2018.01.15
  • WebCamp_インタビュー
    “未経験”でもたった1ヶ月で営業からエンジニアとして転職!『WebCamp』受講者インタビュー
    2017.10.04

◆当サイトで人気のプログラミング教室のおすすめランキングはこちら!
プログラミングは独学では非効率で、時間を無駄にするリスクがあります。効率的なカリキュラムで学べるスクールを受講しましょう。

Web Camp【マンツーマンサポート】1ヶ月短期集中でプログラミングを学ぶスクール
1ヶ月通い放題・メンター常駐の教室環境でWebサービス等作りたい方
TechAcademyオンラインで開講しているプログラミングスクール
オンラインでどこでも学べる!/教室に行くのが忙しい人でも安心!
Tech Camp教養としてのITスキルを学べるスクール
Webデザイン/AI(人工知能)/IOS/Androidアプリ制作/VRを学びたい方!
WebCampPro転職保証付き!エンジニアとして転職したい人におすすめ!
未経験からプロのエンジニアを3ヶ月で目指すプログラミングスクールです。
11月生募集中!当社人気の転職保証コース
プログラミング学習から転職成功まで導く、当社人気のWebCamp Proコース。
10月生は満員となっております。11月生募集に向け、お早めの申込みをオススメします。
プログラミング未経験でもエンジニア転職を絶対成功させたい
スキルを身に着けて人生を自ら切り開きたい
上記にあてはまる方は、ぜひご検討ください!

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

 

WebCampOnline Webデザインコースについて

WebCampでは、Webデザイン限定で「どこでも学べる」オンラインコースを開講しています。

初心者・未経験の方でもわずか1ヶ月でWebサイトのデザインからコーディングまで学ぶことができ、ご自身のオリジナルWebサイトを作成することができます。

WebCampOnlineが選ばれる3つの理由

1.学習の仕方がわからなくても安心!初心者に寄り添った学習カリキュラム

これから学習を始める初心者の方や、独学で挫折してしまった方に向けて、Webサイト制作をゴールとする一気通貫したカリキュラムを提供しています。2500名を輩出しているWebCampだからこその教室でのリアルな受講生の声を反映し、オンラインコースでも初心者に寄り添った学習体験をご提供いたします。

2.つまずいたらすぐ解決!プロのWebデザイナーに質問し放題

プログラミング/Webデザイン学習で挫折する理由の多くは「つまずいた時に聞ける人がいない」ことです。オンラインコースでは、現役Webデザイナーやプロ講師に、すぐにチャットでの質問が可能です。つまずきをすぐに解消できるので、挫折せずに学習を継続することができます

3.1ヶ月間で終わらなくても大丈夫!カリキュラムは"卒業後"も"無料"で利用可能

受講したいけど、仕事が急に忙しくなるかもしれないから受講するか迷っている・・・そんな方も多いのではないでしょうか?ご安心ください。カリキュラムは期間終了後も「無料」で使うことができます。また、しっかり学習時間を確保した方も、振り返って学習することでWebデザインスキルがご自身に馴染んできます。

▼まずは無料でWebデザインのカリキュラムを体験しよう!

関連キーワード
学習の関連記事
  • プログラミング未経験者でも出来る開発環境構築
  • エンジニアにとって英語は重要なのか?勉強方法とともに徹底解説
  • プログラム演習は技術向上に役立つ?【脱初心者】
  • プログラミング効率を上げるエディタの選び方とオススメ
  • プログラミングコンテストの応募内容と対策方法を徹底解説
  • 【中学生・高校生向け】プログラミング初心者にオススメの言語と教室
おすすめの記事