未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース from Udemy

未経験からプロのWebデザイナーとして働けることがゴールの完全マスターコース

こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。

WordやインターネットくらいしかPCを使ったことがないという方でもわかりやすいように作られています。

全422レッスン＆ 42時間！通学スクール80万円相当の内容

全部で467レッスンがありとても多いですが、１レッスン５分程度なので、空き時間に少しずつ、気軽に進めることが可能です。

Webに関する知識、Photoshop、Webのグラフィックデザイン、HTMLとCSS、実践的なコーディングなど、Webデザイナーとして働いたり、自分１人でサイトを作り上げるのに必要な全てが含まれています。

授業×チャレンジ課題で実践的なスキルが身につく！

スキルを身につける上で、実際作りながら学ぶことはとても大切です。オンライン学習では、動画を見るだけで終わってしまい、実践的なスキルがつかないことが多いです。

こちらのコースでは全てのレッスンが、バナーや実際のカフェのWebサイトなど実践的なものを作ります。そして、各章の終わりにはチャレンジ課題として、その章で学んだことの理解を確認する課題があります。

過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

コースを提供しているNEST Schoolは過去３年間で1100名以上のスクール卒業生を輩出し、その間プログラムの改善を絶えず行ってきました。運営会社である株式会社Campusは、多数の自社Webサービスの運営やWeb制作事業を行っており、それらの活動で得たノウハウをこちらのコースで提供しています。また、主に大学生を中心に年間５０名近くのWebデザイナーを育成し、自社の高度なWebサービスのデザインを手掛けるまでに成長させています。実際にWebサービスやWeb制作を実施している企業とプロのデザイナーによるプログラムと、「どうすれば効率よくスキルアップできるか」を考え続けているプログラムの提供が、他にない価値です。

無駄なく、必要なものだけを、必要な順番で学ぶことの大切さ

ネット上や書店にはたくさんの記事や本がありますが、すべてを見ることはできませんし、特に重要でない知識もたくさんあります。まずは必要な知識だけを必要な順番で学ばないと、そうでない場合と比べて数十倍の非効率な学習になります。こちらのコースでは最も効率的な学習を目指しました

内容

【Photoshop】グラフィックツール定番のPhotoshop . 基礎の基礎から中級までレベルアップを目指します。1つの動画につき1つの作品を作りながら、難なく楽しく学ぶ事が出来ます。

これからはじめるPhotoshop基礎⑴
これからはじめるPhotoshop基礎⑵
これからはじめるPhotoshop基礎⑶
選択範囲と画像の操作
レイヤー
ブラシ・シェイプ・グラデーション
テキストツール
マスク
色調補正とレタッチ

【実践Webデザイン】

Webサイトをデザインする方法をレクチャーします。「ワイヤーフレーム」の制作方法から、実際に仮のWebサイトをまるまるデザインしてみる所まで、Webサイトデザインの全てをお話ししますので、初心者の方でも、どのようにサイト制作を行うのかを実践していただけます。

ワイヤーフレーム制作
初心者のためのウェブデザインテクニック
【初級】クリニックのWebサイト〜トップページ編〜
【中級】美容院のWebサイト制作〜トップページ編１〜
【中級者向け】美容院のWebサイト制作〜トップページ編２〜
【中級者向け】美容院のWebサイト制作〜下層ページ編１〜
【中級者向け】美容院のWebサイト制作〜下層ページ編２〜
【上級者向け】Webメディア〜トップページ編１〜
【上級者向け】Webメディア〜トップページ編２〜
【上級者向け】Webメディア〜トップページ編３〜
【上級者向け】Webメディア〜記事ページ編１〜

【HTML】

初めてHTMLを学ぶ方向けに、HTMLの基本文法から、レイアウトするためのHTMLタグの記述方法など、Webサイトをマークアップする上でかかせないスキルをご紹介します。

HTML入門第１回
HTML入門第２章
HTML入門第３回
フォーム
テーブル
テキストとリスト
リンクと画像・動画・オーディオ
HTMLテクニック
要素のセクショニング

【CSS】

初めてCSSを学ぶ方向けに、CSSの基本文法からCSS3などの応用まで学びます。実際にレイアウトを組んだり、実践しながら学びます。

CSS入門第一回
CSS入門第二回
テキストのスタイル
ボックスのスタイル
背景・シャドウ・リスト
レイアウト
セレクタ
セレクタ応用

【実践コーディング】

実際にHTMLとCSSを利用して、様々なタイプのWebサイトをいちからマークアップする方法をレクチャーしていきます。量をこなして、一人でWebサイトをマークアップ出来るようになりましょう！

【初心者向け】クリニックサイトのマークアップ(1)
【初心者向け】クリニックサイトのマークアップ(2)
【中級者向け】美容院のWEBサイト(1)〜トップページ編〜
【中級者向け】美容院のWEBサイト(2)〜トップページ編〜
【中級者向け】美容院のWEBサイト(3)〜トップページ編〜
【中級者向け】美容院のWEBサイト(4)〜下層ページ編〜
【中級者向け】美容院のWEBサイト(5)〜下層ページ編〜
【上級者向け】Webマガジンサイトのマークアップ(1)
【上級者向け】Webマガジンサイトのマークアップ(2)
【上級者向け】Webマガジンサイトのマークアップ(3)
【上級者向け】Webマガジンサイトのマークアップ(4)

※NESTonlineの他の講座を受講されている方は、一部内容が重複いたしますので、ご注意下さい

What's inside

Syllabus

基本的なツールを利用して実際に作品を作りながら、まず初めに覚えるべき基本的な知識と、操作方法について学んでいきます。画面構成やツールの選択方法など、Photoshopを初めて操作向けに優しく解説します。

グラフィックツール定番のPhotoshop ! 基礎の基礎から中級までレベルアップを目指します。
1つの動画につき1つの作品を作りながら、難なく楽しく学ぶ事が出来ます。

ファイルを新規作成する方法を学ぼう

長方形選択ツールを使って、画像の一部分のみにエフェクトを加える方法について学びます。

Photoshopで作成したファイルをjpgに変換する方法を学びます。

色調補正パネルを使って、女性の唇以外の部分をモノクロに変えます。

Photoshopの基本である、レイヤー機能について学びます。

クイック選択ツールを使って、人物を選択し、綺麗に切り抜きます。

楕円形ツールを使って、楕円を作成し、クリッピングマスクを使って、作成した楕円の形に写真を切り抜きます。

クイック選択ツールを使って選択した範囲を、マスクモードでさらに微調整し、綺麗な選択範囲を作成します。

様々な選択ツールを利用して、シャツやネクタイの画像を切り抜き、必要なテキストを入力し、よくあるネットショップのアイキャッチ画像を制作します。

Photoshop上のレイヤーの不透明度を調整し、違和感なく画像を合成します。

レイヤーをリンクさせ、複数のレイヤーを一気に編集します。カラーラベルを設定し、管理しやすくレイヤーパネルを設定します。

レイヤースタイルの光彩を使って、テキストをネオン風に光らせたクリスマスカードを作成します。

様々なレイヤースタイル機能を使って、単純なレイヤーにエフェクトを加え、かわいい商品のお申込みリンクのバナーを作成します。

Photoshopを使って、オリジナルのパターンを作成し、パターンオーバーレイを使ってAirmailの枠線を作ります。

シェイプツールを使って、角の丸い長方形を作成し、グラデーションを設定して押したくなるボタンに編集します。

アンカーポイントとパスについて理解し、ペンツールを使ってアンカーポイントを作成し、ハンドルを操作して、英語の文字をトレースします。

パス選択ツールを使って、アンカーポイントの位置を調整し、ハンドルを操作して丸みを出し、様々なデザインのリボンを作成します。

無料のカスタムシェイプをインストールし、一瞬でフラットなボタンを作成します。

長方形ツールで作成した四角形に、ペンツールを使ってアンカーポイントを追加し、パス選択ツールでポイントの位置を調整し、ふきだしになるようにデザインします。

単純なテキストの入力と、テキストボックスでの入力との違いやメリットを理解した上で、２つの入力方法を使い分けつつ、雑誌のページデザインを作っていきます。

シェイプツールで雨の形を作成し、雨の中にテキストを入力して、かわいいポスターを作成します。

ペンツールで半円のパスを入力し、そのパスに沿ってテキストを入力し、ビンテージ風のロゴを作成します。

Photoshopのレイヤーマスク機能を使って、画像を徐々に透明にする方法について学びます。

クイックマスクモードで、作成した選択範囲をさらに細かく微調整し、複雑な写真を綺麗に切り抜きます。

レイヤーマスク機能を使って、アーティスティックなカリグラフィポスターを制作します。

レイヤーマスク機能を使って、写真の曇り空部分を切り抜き、代わりに晴れの写真を貼り付けて合成します。

ペンツールでシェイプを作成し、作成したシェイプの形に、クリッピングマスクを使って画像を切り抜き、綺麗なウェブサイトメイン画像を作成します。

スポット修正ブラシツールを使って、人物のニキビやシワを消し、ぼかしツールで肌をなめらかにするレタッチを行います。

クイック選択ツールで歯の部分を綺麗に選択し、明るさを調整して白くします。目の部分も同様に白く補正します。

ワイヤーフレームをどのような手順で作成すれば良いかを知り、ワイヤーフレームを作成するためのツールをレクチャーします。

そもそもヒアリングとはなにかを知り、ヒアリングすることの目的を知ります。失敗しないためにどのようにヒアリングしていけばよいのかなどをお伝えします。

クライアントの状況に応じたヒアリングを行うことができるように、ワイヤーフレームを作成するために、何を聞けば良いのかを知ります。

Webサイトの一般的なレイアウトを知り、各パーツがそれぞれどんな役割を果たしているのかを知ることで、ワイヤーフレームを作れるようになります。

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

基礎から中級まで幅広く学べる

動画を視聴しながら実制作ができるため、実践的なスキルが身に付く

運営会社がWebサービス運営やWeb制作事業を行っているため、実際のノウハウが提供される

効率的に無駄なく必要な知識を学べる

初心者向けの入門から、上級者向けのWebメディア制作まで幅広いカリキュラム

Reviews summary

未経験からプロを目指すwebデザイン

学習者によると、このコースは全くの未経験からWebデザイナーを目指す人にとって非常に分かりやすい入門コースです。400以上の豊富なレッスンがあり、Photoshop、HTML、CSS、実践的なコーディングといったWebデザイナーに必要なスキルを網羅的に学べます。動画を見るだけでなく、実際の課題に手を動かしながら学ぶ形式が実践力の向上に繋がると多くの学習者から高く評価されています。一部のコンテンツに古さを感じるという意見や、課題の難易度にばらつきがあるという声もありますが、基礎からプロレベルへの着実なステップを学べる点が大きな魅力です。

人によっては難易度やスピードにばらつき

"全くの初心者には少し早く感じる部分もありましたが、繰り返し視聴できるので助かりました。"

"経験者には物足りないかもしれませんが、未経験者にとってはちょうど良いペースだと思います。"

"課題の難易度が章によってばらつきがあるように感じました。"

最新情報への対応に期待

"一部のツールや技術が少し古くなっている箇所も見受けられました。"

"常に新しい技術が出てくるWeb業界なので、定期的なアップデートがあればさらに良いと思います。"

"基本的な部分はしっかり学べますが、最新のトレンドには触れられていないようです。"

Webデザイナーに必要な知識を幅広くカバー

"PhotoshopからHTML/CSS、コーディングまで、必要なスキルが全て詰まっていると感じました。"

"400以上のレッスンがあり、ボリューム満点です。"

"このコースだけで一通りのWebデザイナー業務の流れを把握できます。"

課題を通じて手を動かして学ぶ

"動画を見るだけでなく、実際に手を動かして課題に取り組むことで理解が深まりました。"

"バナーやWebサイトの制作を通して、実践的なスキルが身につきました。"

"通学するよりも自分のペースで実践できるのが良いです。"

全くの未経験からでも始めやすい

"全くのゼロから始めましたが、とても分かりやすく丁寧な解説で、つまずくことなく進められました。"

"PCスキルがWord程度でも大丈夫という言葉通り、基礎からしっかり学べます。迷っている未経験の方におすすめです。"

"プロを目指すには最適な入門コースだと感じました。ステップバイステップで安心です。"

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in 未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース with these activities:

Webサイトデザインを作成する

Show steps

Webサイトデザインを作成することで、Webサイトデザインに関する知識を実際に試すことができます。

Show steps

Webサイトデザインのアイデアを考える
Webサイトのデザインを作成する
作った Web サイトのデザインを改善する

Webデザインコンテストに参加する

Show steps

Webデザインコンテストに参加することで、Webサイトデザインのスキルを向上させ、モチベーションを高めることができます。

Show steps

参加可能なWebデザインコンテストを見つける
コンテストに参加し、提出する
コンテストのフィードバックから自分のデザインを改善する

Show all two activities

Career center

Learners who complete 未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース will develop knowledge and skills that may be useful to these careers:

Web Designer

Web designers create the visual appearance of websites. They work with web developers to create websites that are both visually appealing and user-friendly. This course can help you build a strong foundation in web design by teaching you the basics of web design, HTML, CSS, and JavaScript. With this knowledge, you can create websites that are both visually appealing and user-friendly.

See salaries and explore the career path for Web Designer

Web Developer

Web developers design and develop websites. They are responsible for the look, feel, and functionality of a website. This course can help you build a strong foundation in web development by teaching you the basics of web design, HTML, CSS, and JavaScript. With this knowledge, you can create websites that are both visually appealing and user-friendly.

See salaries and explore the career path for Web Developer

User Experience Designer

User experience (UX) designers are responsible for the overall user experience of a website or app. They work with web developers and web designers to create websites and apps that are both user-friendly and visually appealing. This course can help you build a strong foundation in UX design by teaching you the basics of user research, user interface design, and information architecture. With this knowledge, you can create websites and apps that are both user-friendly and visually appealing.

See salaries and explore the career path for User Experience Designer

Information Architect

Information architects design and organize websites and other information systems. They work with web designers and web developers to create websites that are both user-friendly and visually appealing. This course can help you build a strong foundation in information architecture by teaching you the basics of information architecture, user experience design, and content strategy. With this knowledge, you can create websites and other information systems that are both user-friendly and visually appealing.

See salaries and explore the career path for Information Architect

Content Strategist

Content strategists develop and manage content for websites, blogs, and other digital platforms. They work with marketing teams to create content that is both informative and engaging. This course can help you build a strong foundation in content strategy by teaching you the basics of content strategy, content marketing, and social media marketing. With this knowledge, you can create content that is both informative and engaging.

See salaries and explore the career path for Content Strategist

Graphic Designer

Graphic designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course can help you build a strong foundation in graphic design by teaching you the basics of Photoshop, Illustrator, and InDesign. With this knowledge, you can create visual concepts that are both visually appealing and effective.

See salaries and explore the career path for Graphic Designer

Data Scientist

Data scientists use data to solve problems and make predictions. They work with data engineers to collect, clean, and analyze data. This course can help you build a strong foundation in data science by teaching you the basics of data analysis, data mining, and machine learning. With this knowledge, you can use data to solve problems and make predictions.

See salaries and explore the career path for Data Scientist

Data Analyst

Data analysts use data to identify trends and patterns. They work with data scientists to collect, clean, and analyze data. This course can help you build a strong foundation in data analysis by teaching you the basics of data analysis, data mining, and machine learning. With this knowledge, you can use data to identify trends and patterns.

See salaries and explore the career path for Data Analyst

Social Media Manager

Social media managers use social media to promote products and services. They work with marketing teams to create social media campaigns that reach the target audience and achieve the desired results. This course can help you build a strong foundation in social media marketing by teaching you the basics of social media marketing, social media advertising, and social media analytics. With this knowledge, you can create social media campaigns that are both successful and reach the target audience.

See salaries and explore the career path for Social Media Manager

Digital Marketing Manager

Digital marketing managers are responsible for the development and execution of digital marketing campaigns. They work with marketing teams to create digital marketing campaigns that reach the target audience and achieve the desired results. This course can help you build a strong foundation in digital marketing by teaching you the basics of digital marketing strategy, search engine optimization (SEO), and pay-per-click (PPC) advertising. With this knowledge, you can create digital marketing campaigns that are both successful and reach the target audience.

See salaries and explore the career path for Digital Marketing Manager

Product Manager

Product managers are responsible for the development and launch of new products. They work with engineers, designers, and marketers to create products that meet the needs of users. This course can help you build a strong foundation in product management by teaching you the basics of product development, user research, and marketing. With this knowledge, you can create products that are both successful and meet the needs of users.

See salaries and explore the career path for Product Manager

Marketing Manager

Marketing managers are responsible for the development and execution of marketing campaigns. They work with marketing teams to create campaigns that reach the target audience and achieve the desired results. This course can help you build a strong foundation in marketing by teaching you the basics of marketing strategy, market research, and campaign management. With this knowledge, you can create marketing campaigns that are both successful and reach the target audience.

See salaries and explore the career path for Marketing Manager

Business Analyst

Business analysts help organizations understand their business processes and make improvements. They work with stakeholders to identify problems and opportunities and develop solutions. This course can help you build a strong foundation in business analysis by teaching you the basics of business process modeling, data analysis, and requirements gathering. With this knowledge, you can help organizations improve their business processes and achieve their goals.

See salaries and explore the career path for Business Analyst

Project Manager

Project managers are responsible for the planning, execution, and completion of projects. They work with project teams to ensure that projects are completed on time, within budget, and to the required quality. This course can help you build a strong foundation in project management by teaching you the basics of project planning, project execution, and project control. With this knowledge, you can manage projects and ensure that they are completed successfully.

See salaries and explore the career path for Project Manager

Software Engineer

Software engineers design, develop, and maintain software systems. They work with software developers to create software that is both efficient and reliable. This course can help you build a strong foundation in software engineering by teaching you the basics of software design, software development, and software testing. With this knowledge, you can create software that is both efficient and reliable.

See salaries and explore the career path for Software Engineer