未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
4.5 (536 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,068 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース to your Wishlist.

Add to Wishlist

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

Web知識、Photoshop、Webグラフィックデザイン、HTML、CSS、実践的なコーディングなど、Webデザイナーとして働いたり、自分1人でサイトを作り上げるのに必要な全てが含まれています
4.5 (536 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,068 students enrolled
Created by NEST online
Last updated 11/2015
Japanese
Learn Fest Sale
Current price: $10 Original price: $200 Discount: 95% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 41.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Webサイト制作の一連の流れを理解できるようになります
  • Photoshopで、バナーやフライヤーが作れるようになります
  • 実践的なWebサイトグラフィックデザインができるようになります
  • HTMLとCSSができるようになります
  • 実践的なWebサイトのコーディングができるようになります
View Curriculum
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 is the target audience?
  • 自分1人でWebサイトを作り上げられるスキルを身に着けたい方
  • プロのWebデザイナーを目指している方
  • デザイナーやエンジニアの上司や同僚
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 422 Lectures Collapse All 422 Lectures 41:42:43
+
【Photoshop】これからはじめるPhotoshop基礎⑴
9 Lectures 49:23

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

Preview 04:55

まず初めに覚えるべき、Photoshopの画面構成について学びます。
Preview 06:42

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

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

まずはじめに覚えるべき、Photoshopの基本のツールの使い方を学びます。
まずはじめに覚えたい、基本ツールの使い方
06:20

Photoshopファイル上に、画像を貼り付ける方法と、その画像を拡大縮小、回転させる方法について学びます。
画像の貼り付けや拡大・縮小する方法
05:06

フィルター機能を使って、写真をイラスト風に変える方法について学びます。
フィルター機能で写真をイラスト風に変えよう
04:02

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

長方形選択ツールで画像の一部分にのみ編集を加える方法
04:35

Photoshopのブラシツールを使って、写真にキラキラした演出を加えます。
ブラシツールを使って、写真にキラキラした演出を加える方法
06:12

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

ファイルをjpg形式に変換する方法
04:26
+
【Photoshop】これからはじめるPhotoshop基礎⑵
10 Lectures 49:33
Photoshopの画面を拡大縮小したり、ウィンドウを並べる方法を学びます。
画面を拡大縮小したり並べて表示する方法
04:05

色調補正パネルの「明るさ・コントラスト」を調整する方法について学びます。
色調補正パネルで画像の明るさやコントラストを調整する方法
04:25

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

色調補正パネルを使って、画像の一部分をモノクロに変える方法
05:45

色の置き換えツールを使って、紫色のファイルを青色に変えます。
色の置き換えツールを使って、色を置き換える方法
04:52

ぼかしツールを使って、写真にぼかしを加え、ミニチュア風になるように色調補正を加えます。
ぼかしツールを使って、写真をミニチュア風に加工する方法
08:01

色調補正系のツールや、様々な選択範囲の作成ツールを駆使して、画像をトイカメラ風になるように加工します。
[実践]様々なツールを駆使してトイカメラ風の画像に加工しよう
04:22

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

Photoshopのレイヤー機能について
04:29

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

クイック選択ツールで、複雑な形の写真を綺麗に切り抜く方法
03:17

クイック選択ツールを使って、空の部分を綺麗に選択し、その部分に晴れの画像を合成させます。
[実践]曇り空の写真を晴れの写真に合成してみよう
01:44

チャレンジ課題です。理解度をチェックするために挑戦してみましょう!
[チャレンジ]人物を綺麗に切り抜いて、写真に合成させよう
08:33
+
【Photoshop】これからはじめるPhotoshop基礎⑶
10 Lectures 57:03
テキストツールを使用して、テキストを入力し、フォントの種類や大きさなどのスタイルを変更します。
テキストツールを使って文字を入力する方法
07:15

Photoshopのファイル上に、テキストボックスを作成し、範囲内で自動で改行させる文章を入力します。
範囲内で自動改行させる、テキストボックスの作り方
05:05

Photoshopのワープ機能を使って、テキストに変形を加え、レトロ風のロゴを作成します。
ワープ機能を使って、文字に変形を加える方法
05:19

シェイプツールを使って、ボタンの背景を作成し、インストールしたカスタムシェイプを使ってイラストを追加し、会員ログインボタンを作成します。
シェイプツールを使って、図形やイラストを追加する方法
04:56

Photoshopのレイヤーに、ドロップシャドウや境界線などのレイヤースタイルをかけて、メイン画像を作成します。
レイヤースタイルの基本のかけ方
06:10

Photoshopのレイヤーに、ドロップシャドウや境界線などのレイヤースタイルをかけて、メイン画像を作成します。
[実践]ドロップシャドウで、思わず押したくなるボタンを作ろう
06:40

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

クリッピングマスクを使って、レイヤーを好きな形に切り抜く方法
03:48

クリッピングマスク機能を使って、写真を切り抜き、コルクの背景に合成させたFacebookのカバー写真を制作します。
クリッピングマスク機能でFacebookのカバー写真を作ろう
03:14

スライス機能を使って、スライスを作成し、photoshopファイルをパーツ毎に画像として書き出します。
スライス機能を使って、画像をパーツ毎に書き出す方法
05:05

チャレンジ課題です。理解度をチェックするために挑戦してみましょう!
[チャレンジ]WEBサイトのメイン画像を作ってみよう
09:31
+
【Photoshop】選択範囲と画像の操作
10 Lectures 57:07
切り抜きツールを使用し、画像を指定のサイズに切り抜き(トリミング)します。
切り抜きツールを使って画像を指定のサイズに切り抜くする方法
04:31

長方形選択ツールを使用し、海の写真をコピーし、窓枠に違和感なく貼り付けます。
長方形選択ツールを使って、2つの画像を合成する方法
05:05

楕円形選択ツールを使用し、ピザの写真をコピーし、お皿の上に違和感なく合成します。
楕円形選択ツールを使って、2つの画像を合成する方法
07:21

様々な選択ツールを利用して、レモンの写真をコピーし、別の写真に違和感なく合成します。
[実践]選択ツールを使って、画像を違和感なく合成してみよう
06:24

クイック選択ツールを使って、人物を選択し、切り抜きます。
クイック選択ツールを使って、複雑な輪郭の画像を切り抜く方法
04:13

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

マスクモードで選択範囲を微調整する方法
04:25

自動選択ツールを使用し、バラの写真を切り抜き、花嫁が持っているような画像を作成します。
自動選択ツールを使った、同じ色の部分を選択する方法
04:27

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

様々な選択ツールを駆使してネットショップの商品画像を作ろう
11:04

Photoshopのクイック選択ツールや自動選択ツール、境界線を調整するなどして、髪の毛を綺麗に切り抜きます。
Photoshopを使って、髪の毛を綺麗に切り抜く方法
04:10

チャレンジ課題です。理解度をチェックするために挑戦してみましょう!
[チャレンジ]様々な選択ツールを駆使して、コラージュ作品を制作してみよう
05:27
+
【Photoshop】レイヤー
10 Lectures 01:20:07
Photoshopのレイヤーの仕組みを理解して、レイヤーパネルの操作方法(移動や名前の変更、グループ化など)をマスターします。
Photoshopのレイヤーの仕組みとレイヤーパネルの操作
06:15

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

Photoshopレイヤーの不透明度、表示非表示の設定方法
05:57

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

レイヤーにカラーラベルを設定し、効率よく管理する方法
07:47

バラバラに配置された写真を整列させ、長方形の不透明度を調整し、感じの良いアイキャッチ画像を作成します。
[実践]レイヤーの不透明度を調整するアイキャッチ画像を作ろう
07:27

レイヤースタイルのドロップシャドウを使って、レイヤーに影をつけます。
レイヤースタイルで、レイヤーにドロップシャドウをかける方法
09:01

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

レイヤースタイルの光彩で、レイヤーをネオン風に光らせる方法
06:15

パターンオーバーレイを使って、背景のレイヤーにざらざらした質感を加え、リッチなウェブサイトのデザインを作成します。
パターンオーバーレイで、レイヤーにざらざらした質感を加えよう
04:39

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

[実践]レイヤースタイルで、お申込みリンクのバナーを作ろう
09:54

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

Photoshopでオリジナルパターンを制作する方法
08:17

チャレンジ課題です。理解度をチェックするために挑戦してみましょう!
[チャレンジ]レイヤースタイル駆使してプロ並みのポスターを作ってみよう
14:35
+
【Photoshop】ブラシ・シェイプ・グラデーション
10 Lectures 01:13:36
レイヤーから選択範囲を作成し、選択範囲をグラデーションで塗りつぶし、段々と透明になるグラデーションを作成します。
Photoshopで段々と透明になるグラデーションの作成方法
03:20

ブラシツールを使って、クレヨン調のブラシを設定し、黒板に文字を描きます。
ブラシツールを使って自由に絵を描く方法
08:34

無料のカスタムブラシをインストールし、そのブラシでスタンプのように絵を描き、一瞬でポスターデザインを完成させます。
無料のカスタムブラシを使ってポスターを制作する方法
07:46

ブラシツールを使って、女性の頬に赤いブラシを描き、不透明度を下げて違和感なく化粧を施します。
[実践]ブラシツールを使って、女性の顔に化粧を施してみよう
07:16

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

シェイプツールを使って、グラデーションのボタンを作成する方法
08:24

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

ペンツールを使って、自由な線を描く方法
07:46

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

パス選択ツールでアンカーポイントの位置やハンドルを操作しよう
07:09

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

無料のカスタムシェイプを使って、フラットなボタンを作成しよう
06:54

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

ペンツールやパス選択ツールで、吹き出しアラートを作ろう
04:46

チャレンジ課題です。理解度をチェックするために挑戦してみましょう!
[チャレンジ]シェイプツールを駆使して、ポストカードをデザインしてみよう
11:41
+
【Photoshop】テキストツール
9 Lectures 42:43
テキストツールを使って文字を入力し、文字パネルでサイズや色の設定方法を学びながら、名刺を制作していきます。
テキストツールで文字入力し、文字パネルでスタイルを変更しよう
05:30

長い文章を範囲内で自動改行できるテキストボックスを作成し、効率よく制作する方法を学びながら、カクテル紹介ポスターを制作していきます。
自動改行できる、テキストボックスの作成とスタイルの変更方法
04:34

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

[実践]テキストツールを使って、雑誌のページを作ってみよう
06:13

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

シェイプツールで作成したパスに沿って、文字を入力する方法
04:12

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

ペンツールで作成したパスに沿って、文字を入力する方法
03:52

テキストツールを使って入力した文字を、ワープさせ、変形させます。
ワープテキストを利用して、文字を変形させる方法
02:52

テキストツールを使って入力した文字を、遠近法ワープを使って、ビルから垂れ下がったポスターのように変形させます。
遠近法ワープを使って、立体的に文字を変形させる方法
05:35

デザインに合った無料の新規フォントをインストールし、ビンテージ感のあるロゴを完成させます。
[実践]テキストツールで、ビンテージロゴを制作してみよう
01:53

チャレンジ課題です。理解度をチェックするために挑戦してみましょう!
[チャレンジ]様々なテキスト変形ツールで、ボトルラベルをデザインしよう
08:02
+
【Photoshop】マスク
10 Lectures 59:11
Photoshopのレイヤーマスク機能を使って、画像を切り抜く方法について学びます。
レイヤーマスクを使って画像を切り抜く方法
05:17

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

レイヤーマスクを使って、画像を徐々に透明にする方法
03:34

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

クイックマスクモードで、細かく選択範囲を微調整する方法
04:30

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

[実践]レイヤーマスクを使って、カリグラフィポスターを作ろう
05:45

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

レイヤーマスクを使って、曇り空を晴れに変える方法
03:24

クイック選択ツールを使って、髪の毛を綺麗に選択し、色調補正をかけて、髪の毛の色を変えます。
Photoshopのレイヤーマスクで、髪の毛の色を変える方法
06:01

クリッピングマスクの特性を理解し、実際にクリッピングマスクを使って、画像に直接変更を加えずに画像を切り抜きます。
クリッピングマスクを使って画像を切り抜く方法
05:44

本のカバーの形にシェイプを作成し、クリッピングマスクを使って、本のカバーを革の画像に合成させます。
クリッピングマスクを使って、本のカバー柄を変える写真合成方法
06:33

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

[実践]クリッピングマスクで、Webサイトメイン画像を作ろう
08:10

チャレンジ課題です。理解度をチェックするために挑戦してみましょう!
[チャレンジ]様々なマスクツールで、Webサイトのメイン画像を作ろう
10:13
+
【Photoshop】色調補正とレタッチ
7 Lectures 40:14
無料のアクションをインストールし、単純な画像にボタンひとつでレトロ風になるエフェクトを加えます。
アクションを使ってボタン一つで画像をレトロ風に加工する方法
05:45

色調補正のレベル補正を使って、食べものの写真を美味しそうに補正します。
レベル補正を使って食べ物を美味しそうに補正する方法
08:31

フィルター機能を使って、写真をイラスト風に加工します。
フィルター機能を使って、写真をイラスト風に加工する方法
07:03

Photoshopの自動処理機能を使って、普通の写真をHDR風に加工します。
自動処理の機能を使って写真をHDR風にしよう
04:19

写真に直接変更を加えれるように画像をラスタライズし、写真に直接変更を加え、シャープツールを使って、人物の目をはっきりさせます。
シャープツールを使って、人物の目をはっきりさせる方法
02:42

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

スポット修正ブラシツールを使って、ニキビやシワを消す方法
05:21

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

Photoshopで人の歯を白くしたり、目の充血をなくす方法
06:33
+
【実践Webデザイン】ワイヤーフレーム制作
7 Lectures 36:24
ワイヤーフレームとはなにか、なんのために作るのかを理解し、ワイヤーフレーム制作で大事なポイントについて学びます。
ワイヤーフレームとは何かを理解しよう
05:31

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

Web制作のためのワイヤーフレーム作成手順と使用ツール
05:48

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

失敗しないWebサイト制作のヒアリングのコツ
04:37

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

Webサイト制作のためののヒアリング方法
05:06

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

Webサイトを構成するレイアウトパーツの役割と名称
05:59

実際のワイヤーフレームの作成手順を知り、どんなツールを使用してワイヤーフレームを作成するのかをお話します。
初心者のためのワイヤーフレーム作成方法
03:37

実際のワイヤーフレームを見て、どんなものを作れば良いのかお話します。
失敗しないワイヤーフレーム作成方法
05:46
38 More Sections
About the Instructor
NEST online
4.5 Average rating
1,003 Reviews
7,620 Students
8 Courses
ウェブデザイン / プログラミング

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

卒業生は1000名以上です。


★提供しているサービス

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

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


Webデザインキャンプ

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


Railsキャンプ

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


など