Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Web Design

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

Web知識、Photoshop、Webグラフィックデザイン、HTML、CSS、実践的なコーディングなど、Webデザイナーとして働いたり、自分1人でサイトを作り上げるのに必要な全てが含まれています
Bestseller
Rating: 4.3 out of 54.3 (8,028 ratings)
52,322 students
Created by NEST online
Last updated 11/2015
Japanese
Japanese [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Webサイト制作の一連の流れを理解できるようになります
  • Photoshopで、バナーやフライヤーが作れるようになります
  • 実践的なWebサイトグラフィックデザインができるようになります
  • HTMLとCSSができるようになります
  • 実践的なWebサイトのコーディングができるようになります
Curated for the Udemy for Business collection

Requirements

  • 全くの未経験な人でも大丈夫です。事前に習得すべきスキルなどはありません
  • PhotoshopとSublimeTextを授業で使用します

Description

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

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

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


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

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

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


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

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

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


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

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


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

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


★内容

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

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


【実践Webデザイン】

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

  1. ワイヤーフレーム制作
  2. 初心者のためのウェブデザインテクニック
  3. 【初級】クリニックのWebサイト〜トップページ編〜
  4. 【中級】美容院のWebサイト制作〜トップページ編1〜
  5. 【中級者向け】美容院のWebサイト制作〜トップページ編2〜
  6. 【中級者向け】美容院のWebサイト制作〜下層ページ編1〜
  7. 【中級者向け】美容院のWebサイト制作〜下層ページ編2〜
  8. 【上級者向け】Webメディア〜トップページ編1〜
  9. 【上級者向け】Webメディア〜トップページ編2〜
  10. 【上級者向け】Webメディア〜トップページ編3〜
  11. 【上級者向け】Webメディア〜記事ページ編1〜


【HTML】

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

  1. HTML入門 第1回
  2. HTML入門 第2章
  3. HTML入門 第3回
  4. フォーム
  5. テーブル
  6. テキストとリスト
  7. リンクと画像・動画・オーディオ
  8. HTMLテクニック
  9. 要素のセクショニング


【CSS】

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

  1. CSS入門 第一回
  2. CSS入門 第二回
  3. テキストのスタイル
  4. ボックスのスタイル
  5. 背景・シャドウ・リスト
  6. レイアウト
  7. セレクタ
  8. セレクタ応用


【実践コーディング】

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

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


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


Who this course is for:

  • 自分1人でWebサイトを作り上げられるスキルを身に着けたい方
  • プロのWebデザイナーを目指している方
  • デザイナーやエンジニアの上司や同僚

Course content

48 sections • 422 lectures • 41h 42m total length

  • Preview04:55
  • Preview06:42
  • ファイルを新規作成する方法を学ぼう
    07:05
  • まずはじめに覚えたい、基本ツールの使い方
    06:20
  • 画像の貼り付けや拡大・縮小する方法
    05:06
  • フィルター機能で写真をイラスト風に変えよう
    04:02
  • 長方形選択ツールで画像の一部分にのみ編集を加える方法
    04:35
  • ブラシツールを使って、写真にキラキラした演出を加える方法
    06:12
  • ファイルをjpg形式に変換する方法
    04:26

  • 画面を拡大縮小したり並べて表示する方法
    04:05
  • 色調補正パネルで画像の明るさやコントラストを調整する方法
    04:25
  • 色調補正パネルを使って、画像の一部分をモノクロに変える方法
    05:45
  • 色の置き換えツールを使って、色を置き換える方法
    04:52
  • ぼかしツールを使って、写真をミニチュア風に加工する方法
    08:01
  • [実践]様々なツールを駆使してトイカメラ風の画像に加工しよう
    04:22
  • Photoshopのレイヤー機能について
    04:29
  • クイック選択ツールで、複雑な形の写真を綺麗に切り抜く方法
    03:17
  • [実践]曇り空の写真を晴れの写真に合成してみよう
    01:44
  • [チャレンジ]人物を綺麗に切り抜いて、写真に合成させよう
    08:33

  • テキストツールを使って文字を入力する方法
    07:15
  • 範囲内で自動改行させる、テキストボックスの作り方
    05:05
  • ワープ機能を使って、文字に変形を加える方法
    05:19
  • シェイプツールを使って、図形やイラストを追加する方法
    04:56
  • レイヤースタイルの基本のかけ方
    06:10
  • [実践]ドロップシャドウで、思わず押したくなるボタンを作ろう
    06:40
  • クリッピングマスクを使って、レイヤーを好きな形に切り抜く方法
    03:48
  • クリッピングマスク機能でFacebookのカバー写真を作ろう
    03:14
  • スライス機能を使って、画像をパーツ毎に書き出す方法
    05:05
  • [チャレンジ]WEBサイトのメイン画像を作ってみよう
    09:31

  • 切り抜きツールを使って画像を指定のサイズに切り抜くする方法
    04:31
  • 長方形選択ツールを使って、2つの画像を合成する方法
    05:05
  • 楕円形選択ツールを使って、2つの画像を合成する方法
    07:21
  • [実践]選択ツールを使って、画像を違和感なく合成してみよう
    06:24
  • クイック選択ツールを使って、複雑な輪郭の画像を切り抜く方法
    04:13
  • マスクモードで選択範囲を微調整する方法
    04:25
  • 自動選択ツールを使った、同じ色の部分を選択する方法
    04:27
  • 様々な選択ツールを駆使してネットショップの商品画像を作ろう
    11:04
  • Photoshopを使って、髪の毛を綺麗に切り抜く方法
    04:10
  • [チャレンジ]様々な選択ツールを駆使して、コラージュ作品を制作してみよう
    05:27

  • Photoshopのレイヤーの仕組みとレイヤーパネルの操作
    06:15
  • Photoshopレイヤーの不透明度、表示非表示の設定方法
    05:57
  • レイヤーにカラーラベルを設定し、効率よく管理する方法
    07:47
  • [実践]レイヤーの不透明度を調整するアイキャッチ画像を作ろう
    07:27
  • レイヤースタイルで、レイヤーにドロップシャドウをかける方法
    09:01
  • レイヤースタイルの光彩で、レイヤーをネオン風に光らせる方法
    06:15
  • パターンオーバーレイで、レイヤーにざらざらした質感を加えよう
    04:39
  • [実践]レイヤースタイルで、お申込みリンクのバナーを作ろう
    09:54
  • Photoshopでオリジナルパターンを制作する方法
    08:17
  • [チャレンジ]レイヤースタイル駆使してプロ並みのポスターを作ってみよう
    14:35

  • Photoshopで段々と透明になるグラデーションの作成方法
    03:20
  • ブラシツールを使って自由に絵を描く方法
    08:34
  • 無料のカスタムブラシを使ってポスターを制作する方法
    07:46
  • [実践]ブラシツールを使って、女性の顔に化粧を施してみよう
    07:16
  • シェイプツールを使って、グラデーションのボタンを作成する方法
    08:24
  • ペンツールを使って、自由な線を描く方法
    07:46
  • パス選択ツールでアンカーポイントの位置やハンドルを操作しよう
    07:09
  • 無料のカスタムシェイプを使って、フラットなボタンを作成しよう
    06:54
  • ペンツールやパス選択ツールで、吹き出しアラートを作ろう
    04:46
  • [チャレンジ]シェイプツールを駆使して、ポストカードをデザインしてみよう
    11:41

  • テキストツールで文字入力し、文字パネルでスタイルを変更しよう
    05:30
  • 自動改行できる、テキストボックスの作成とスタイルの変更方法
    04:34
  • [実践]テキストツールを使って、雑誌のページを作ってみよう
    06:13
  • シェイプツールで作成したパスに沿って、文字を入力する方法
    04:12
  • ペンツールで作成したパスに沿って、文字を入力する方法
    03:52
  • ワープテキストを利用して、文字を変形させる方法
    02:52
  • 遠近法ワープを使って、立体的に文字を変形させる方法
    05:35
  • [実践]テキストツールで、ビンテージロゴを制作してみよう
    01:53
  • [チャレンジ]様々なテキスト変形ツールで、ボトルラベルをデザインしよう
    08:02

  • レイヤーマスクを使って画像を切り抜く方法
    05:17
  • レイヤーマスクを使って、画像を徐々に透明にする方法
    03:34
  • クイックマスクモードで、細かく選択範囲を微調整する方法
    04:30
  • [実践]レイヤーマスクを使って、カリグラフィポスターを作ろう
    05:45
  • レイヤーマスクを使って、曇り空を晴れに変える方法
    03:24
  • Photoshopのレイヤーマスクで、髪の毛の色を変える方法
    06:01
  • クリッピングマスクを使って画像を切り抜く方法
    05:44
  • クリッピングマスクを使って、本のカバー柄を変える写真合成方法
    06:33
  • [実践]クリッピングマスクで、Webサイトメイン画像を作ろう
    08:10
  • [チャレンジ]様々なマスクツールで、Webサイトのメイン画像を作ろう
    10:13

  • アクションを使ってボタン一つで画像をレトロ風に加工する方法
    05:45
  • レベル補正を使って食べ物を美味しそうに補正する方法
    08:31
  • フィルター機能を使って、写真をイラスト風に加工する方法
    07:03
  • 自動処理の機能を使って写真をHDR風にしよう
    04:19
  • シャープツールを使って、人物の目をはっきりさせる方法
    02:42
  • スポット修正ブラシツールを使って、ニキビやシワを消す方法
    05:21
  • Photoshopで人の歯を白くしたり、目の充血をなくす方法
    06:33

  • ワイヤーフレームとは何かを理解しよう
    05:31
  • Web制作のためのワイヤーフレーム作成手順と使用ツール
    05:48
  • 失敗しないWebサイト制作のヒアリングのコツ
    04:37
  • Webサイト制作のためののヒアリング方法
    05:06
  • Webサイトを構成するレイアウトパーツの役割と名称
    05:59
  • 初心者のためのワイヤーフレーム作成方法
    03:37
  • 失敗しないワイヤーフレーム作成方法
    05:46

Instructor

NEST online
ウェブデザイン / プログラミング
NEST online
  • 4.3 Instructor Rating
  • 12,355 Reviews
  • 64,735 Students
  • 8 Courses

テクノロジーとクリエイティブのプロを目指す人のためのスクールを運営しています。

卒業生は1000名以上です。


★提供しているサービス

2ヶ月のWebデザインコース

2ヶ月で未経験からWebデザイナーへ。
未経験からWEBデザイナーとして働けるレベルになることをゴールとした大学生や若手社会人向けのコースです


Webデザインキャンプ

【2日間で全てを学ぶ!】Webデザイン集中講座


Railsキャンプ

RailsCamp -2日間集中プログラミング入門講座-


など


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.