「スマートフォン時代のWebデザインスクール」がご自宅で動画受講できます

「スマートフォン時代のWebデザインスクール」は、これからWebデザイナーになりたい社会人の方向けの入門スクールです。
現在、COVID-19感染拡大防止のため渋谷の教室での授業は休止しておりますが、ご自宅にて動画で受講頂くことが可能です。

以下のようなことを効率よく学べます。

  • Web制作は初めての方のためのウェブデザインの基礎知識
  • UI/UX、Adobe XDを使用したプロトタイピング制作などモダンなWeb制作に必要な知識
  • Adobe Photoshop・Illustratorなどを使用した、スマートフォン・タブレット・パソコンなどさまざまな端末で表示できるWebデザインカンプの制作方法
  • 他のスクールでは学べない、効率の良いWebデザイン制作の方法

昨年内容を大幅リニューアルし、Adobe XDを使用したプロトタイピング・UI/UXなど、モダンなWebデザインに必要な内容を大幅に増やしています。
Adobe XDの新機能(共同編集など)についても学ぶことができます。

初回体験レッスンの内容も全面的に変わっております(Adobe XDによるプロトタイピング制作について実習します)ので、過去に初回体験レッスンにご参加いただいたことのある方もぜひ再度ご参加ください。

【限定特典】5つの講座の動画を無料で視聴頂けます

[year][month]までにお申し込みいただいた方向けの特典として、以下の講座の動画を無料で視聴いただけるようにします。

  • HTML5再入門講座
  • ドラッグ&ドロップではじめるプログラミング入門講座
  • Web制作者のための黒い画面(ターミナル)入門講座
  • Web制作に役立つIllustrator入門講座
  • Photoshop・IllustratorユーザーのためのAffinity講座

※動画受講でお申し込みいただいた方にこの特典を差し上げます。
※動画は生放送ではなく録画したものとなります。視聴期限はございません。
※初回体験ではなく、本編にお申し込みいただいた方限定の特典となります。

【期間限定特典】動画受講料金を割引いたします

本編の動画受講に[year][month]までにお申し込みの方に限り、通常税別98,000円の受講料を2万円引きの税別78,000円といたします。

動画受講の場合、今すぐ本編を受講することが可能です。flexboxなどの新しい内容も含まれます。
ご自宅にいる時間を利用して新しい技術を身につけるために、ぜひご利用頂ければと思います。

お申し込みフォームにて[動画受講]をご選択頂いた場合のみ、2万円引きの税別78,000円で受講頂けます。

Stocker.jp / Space 渋谷

Web制作は完全未経験の方でもWebデザインの基礎から、Adobe XD、Photoshop、Illustratorを使用したWebデザイン制作がしっかり学べる内容になっております。
料金も入学金なしで 税別98,000円 期間限定で税別¥78,000 と、一般的なWebデザインスクールよりもかなり低価格です。

教室での授業は、動画ではなく セミナー形式のライブ授業 となっています。その場でご質問いただくことも可能です。
別途、受講特典として動画(録画)をお見せします。

受講生の方は、Web制作未経験でWeb制作会社等への転職を考えている方、将来独立を考えてスキルアップのために通われる方、趣味でWeb制作を始めてみたい方など様々な方がいらっしゃいます。

少人数制(生徒10名〜22名程度に対し講師1名、質問の多い初回体験レッスン授業では講師2名を予定)なので、わからないところがあった場合は授業中や授業前後に個別対応でお教えします。

もし欠席された場合や、授業外でわからないことがあった時は、動画や教科書を見て復習したり、非公開の Facebook グループにて質問することができます。

万一ついてこれない方がいらっしゃった場合は、無料の補講レッスンを2回まで開催します。
(昨年のスクールでは途中お休みされた方もいらっしゃいましたが、動画で復習されるなどして、その後授業について来れないという方はおりませんでした。)

このWebデザインスクールの目的

このWebデザインスクールの目的は、Web制作の第一線で活躍するためのスキルを身につける ことにあります(昨年までの卒業生の方も、Web制作の第一線で活躍している方がたくさんいます)。

単に Photoshop や Illustrator のようなアプリケーションの操作方法を学ぶだけでなく、以下のようなことが学べます。

  • パソコンだけでなく、スマートフォン・タブレットなどさまざまな端末で表示できるWebデザインの制作方法
  • 2020年にふさわしい、モダンな(現代的な)新しいWebデザインの概要
  • 自分でオリジナルのWebデザインを考えるためのデザイン概論(色彩・フォント・レイアウト等)
  • 美しいデザインをより効率的に作るための Photoshop・Illustrator の操作方法
  • 効率よく、修正に強いデザインデータを作るための考え方と具体的な手法

例えば、Photoshop は初期設定では「写真編集用の設定」になっているためWebデザインするためには環境設定をWeb向けに適切に設定する必要がありますし、操作方法は写真補正のための操作方法とは全く異なりますが、多くの書籍では解説されていません。
このスクールでは、そういった基礎的なことも1から教えます。

受講対象者の方について

このWebデザインスクールは、以下のような方の受講を想定しています。

  • Web制作の経験は全くなく、これからWebデザイン制作を始めたい方
  • 会社のWebページを作らなければいけなくなり、どうすれば良いかわからない方
  • これからWeb制作会社に転職したい方
  • Web関係の仕事をしていて、デザインについても知りたい方
  • Webデザインの仕事をしていて基礎から学び直したい方、これまでPCサイトばかり制作していてスマートフォン対応などどうすれば良いかわからないので学びたい方

受講に必要なスキル

受講の際は、以下のことができる必要があります。

  • Windows または Mac の基本的な操作(文字入力、文字列のコピーやペースト、ファイルのコピー、移動、削除など)ができる方

できない方は、パソコン入門書を読むなどして必ず事前に基本操作ができるようになっておいてください。
Macの基本操作は、このブログの以下の連載記事に掲載していますので、こちらをお読みください。

Macの基礎 | Stocker.jp / diary

※Web制作・Webデザイン制作の経験のない方もご参加いただけます。

Webコーディングスクール 体験レッスン受付中

授業内容

  1. Webデザイン入門(色彩、フォント、レイアウト等)
  2. WebデザインのためのAdobe XD・Photoshop・Illustratorの基本操作
  3. Adobe XDによるプロトタイピングとこれからのWeb制作について
  4. ブログ風のWebデザインカンプ制作
  5. Photoshopによる写真編集の基礎
  6. Photoshopによる複数サイズの広告バナー制作
  7. 旅館風Webデザインカンプの制作

Webデザイン入門

例えば、工業デザイナーや建築士などといった分野のデザイナーになりたい場合、「デザインの基礎」について全く学ぶことなく、アプリケーションの使い方だけを学ぶということは考えられません。

このスクールでは、アプリケーションの使い方の前に色やフォントなど、デザインの基礎について教えます。

無彩色と有彩色

和文フォント

UI/UX

Webデザインやスマートフォンアプリデザインの分野で話題になっているUI/UXとは何か?
それらを改善するためにはどうすれば良いのか?という話も授業でお話ししています。
(初回体験レッスンに含まれます)

WebデザインのためのAdobe XD

Adobe XDは、Adobeの新しいプロトタイピング制作ツールです。
このスクールでは2020年から内容を大幅リニューアルし、初回体験レッスンからAdobe XDを使用したプロトタイピング・UI/UXなど、モダンなWebデザインに必要な内容を学ぶことができます。

昨年から「スマートフォン時代のWebデザインスクール」は内容を大幅リニューアルし、Adobeの新しいUI/UXデザイン・プロトタイプ・共同作業ツールである「Adobe XD」の実習時間を増やしています。

Adobe XDは、iPhoneやAndroidスマートフォンで動きのあるプロトタイプ(試作品)を動かし、それを素早く関係者に見せるのに適したアプリケーションです。

昔ながらのWebデザイン

昔ながらのWebデザインは、基本的に手戻りはしない、つまり「デザインカンプをつくったあとはワイヤーフレームに戻ることはない」という考え方で制作していました。

これからのWebデザイン

これからのWebデザインは、プロトタイピングとテストを繰り返して改善していくという考え方で作るケースが増えると考えられています。

Adobe XDはそのようなケースに最適で、日本のWebデザイン業界で普及している製品ですが、Adobe XDを取り扱っているWebデザイン入門スクールはほとんどありません。
また、Adobe XDは毎月アップデートされていますが、アップデート内容に追従した日本語書籍も存在しません。

このスクールではPhotoshopによる従来のWebデザイン制作手法(デザインカンプ制作)だけでなく、Adobe XDによるこれからのWebデザイン制作手法(プロトタイピング)についても学べます。ぜひご検討ください。

Adobe XDは2019年末に、共同編集、ホバートリガー、素早いモックアップの制作をはじめとした強力な新機能が搭載されましたが、授業ではそれらの使い方についてもお話していきます。
ご興味ある方は 初回体験レッスンへのお申し込み フォームよりお申し込みください。

ご興味ある方は、こちらをクリックしてメール登録 していただければ、次回開講の際お知らせします。

WebデザインのためのPhotoshop・Illustratorの基本操作

IllustratorでWebページのアイコンを作ろうと思っても、自由に形を作れるようになるには慣れが必要です。

このWebデザインスクールでは、「ペンツール」や「シェイプ形成ツール」など初心者の方がつまずきやすい機能の練習用データを用意しています。

ペンツール練習用データの一部

▲ペンツール練習用データの一部

シェイプ形成ツール練習用データ

▲シェイプ形成ツール練習用データの一部

Webデザインスクール「初回体験レッスン」お申し込み

ブログ風Webデザインカンプの制作

授業の前半には、シンプルなブログ風Webデザインカンプを制作しながら Photoshop や Illustrator の操作を学んでいきます。
モダンなブログでは写真が大きく使用されることが多いため、Photoshop による写真加工について学び、Illustrator によるレイアウトも学んでいきます。

ブログ風Webデザイン

▲ブログ風Webデザイン・PC版制作例

ブログ風Webデザイン

▲ブログ風Webデザイン・スマートフォン版制作例

※このデザインは仮のものです。写真や細部のデザイン等は変更になる場合があります。

旅館風Webデザインカンプの制作

授業後半には、旅館風Webデザインカンプの制作を行います。
パソコンだけでなくスマートフォン版のWebデザインカンプ制作も行います。

PC閲覧時のイメージ

▲旅館風Webデザイン・PC版制作例

スマートフォン閲覧時

ページ全体のイメージはこちらをクリックしてご覧ください。

▲旅館風Webデザイン・スマートフォン版制作例

デザインの一部にはGoogleのマテリアルデザインを取り入れています。

講師紹介

庄崎大祐

このブログを執筆している人です。Adobe 公式サイトにWebデザイナー向けに Photoshop の新機能を紹介する記事を書いたりしています。
以下の本の執筆もしています。

執筆した書籍の一覧

書籍「プロになるためのWebデザイン入門講座」は、いくつかの専門学校でWebデザインコースの教科書として採用されています。
しかし、発売が2013年で内容が古くなっているため、この「スマートフォン時代のWebデザインスクール」では全く新しい内容に書き直したテキスト(教科書)を使用します。こちらはこのスクールを受講された方のみ閲覧可能です。

過去には、以下の雑誌にWebデザインに関する記事を執筆しています。

  • Web Designing
  • MdN

以下のイベントで講演しています。どれも現役Web制作者向けのセミナーとして人気のあるものです。

  • CSS Nite(テーマ: Webデザインで使うPhotoshop)
  • WordCamp(テーマ: WordPressでブログをデザインするときに気をつけていること)

他のスクールや書籍との違いについて

当スクールの授業は、「神速Photoshop [Webデザイン編]」をはじめとしたWebデザイン書籍、Photoshop・Illustrator・Adobe XDの解説書を執筆している講師本人によるライブ授業+授業に出席できなかった場合や復習のため、授業の動画を視聴可能です。

授業テキスト(教科書)はこのスクールのために書き下ろしたもので、毎回最新の内容に書き直しています。
授業テキストと動画は、PCやスマートフォンなどのWebブラウザーからご覧いただけます。
動画は、YouTubeが視聴可能な環境があれば視聴頂けます。

現在、日本のWebデザイン制作でシェアを増やしているAdobe XDは毎月アップデートされて機能追加されるため、大手スクールのように数年に1回の授業テキストの改訂では追いつくことができません。

このスクールでは、最新のAdobe XD、Photoshop、Illustratorにあわせて授業内容を毎回改訂しています。

必要なもの・場所・料金等

  • ノートパソコン(Windows PC または MacBook)
  • Adobe XD(無償版でOK)

※Adobe XDの動作にはWindows 10またはmacOS 10.12以上が必要です。

場所

渋谷駅より徒歩7分の Stocker.jp / Space にて行います。

住所: 東京都渋谷区桜丘町11-11 ライオンズマンション桜丘 403号室(Google マップ

Stocker.jp / Space 渋谷

室内完全リフォーム済みで、50㎡以上あります。
奥のスクリーンは、見やすい約150インチのワイドスクリーンです。

カフェスペース

これは、奥から入口側を撮影した写真です。入口側はカフェスペースとなっており、色々なドリンクが飲めるほか、Web関係の書籍を読んだり、講師に1対1で質問したり相談するときなど、ゆっくり話せるようにしています。

募集人数

10名〜22名程度を予定

料金

受講料は以下の通りです。入学金等はありません。
基本的に銀行振込でのお支払いをお願いしております。希望される方はクレジットカードでのお支払いも可能です。

  • 最初にまとめて支払った場合: 税別 ¥98,000(税込 ¥105,840) 期間限定で税別¥78000(税込¥85,800)

特定商取引法に基づく表示

授業時間は、初回体験レッスンも含めて全10回(1回あたり2時間半)を予定しております。

ご興味ある方は初回体験レッスンをどうぞ

2020年3月から、このスクールの初回体験レッスンを開催します。
初回体験レッスンではAdobe XDによるInstagram風プロトタイピング制作を行う予定です。

初回体験レッスンは 税込1,000円 無料です。↓の「初回体験レッスンお申し込み」フォームよりお申し込みいただけます。

※[month]まで、初回体験レッスンの動画受講は無料とします。この機会にぜひどうぞ。

Webデザインスクール「初回体験レッスン」お申し込み

受講者特典

授業の動画

このスクールでは、授業の動画(スクリーンに映っているもののキャプチャ+音声)を提供します。別料金は必要ありません。
ご自宅での復習の際などにご活用ください。

※動画は、正式申し込みされた方のみの特典となります。

どこでも読めるテキスト(教科書)

授業内容や制作手順などを書いたテキストはWebブラウザーで見れるようになっており、パソコンだけでなくスマートフォンやタブレットなどでも見ることができます。別料金は必要ありません。

PCで表示したテキスト(教科書)

▲テキストをPCで表示したところ

PCで表示したテキスト(教科書)

▲テキストをiPhoneで表示したところ

これにより、自宅だけでなく電車やカフェなど、あらゆる場所で復習がしやすくなります。
初回体験レッスンにお越しいただいた方は、初回体験レッスンのテキストをご覧いただくことができます。

サポート用Facebookグループ

受講生専用の Facebook グループを用意します。このグループに参加していることは、ほかの Facebook ユーザーからはわかりません。

例えば遅刻して途中から参加された場合、途中まで制作した Photoshop データなどを Facebook グループにアップロードし、続きから参加できるようにします。

欠席された場合も授業テキストとデータを使用して、ご自宅で復習いただけます。
もしわからないことがあった場合は、メールまたは Facebook グループなどでご質問いただくか、次回の授業前後などに教室でご質問いただけます。

無料の補講レッスン

補講レッスンは、授業についてこられない方がいらっしゃる場合、2回まで開催します。追加料金は必要ありません。

授業でわからないことがあった場合、まずは授業前後や Facebook グループなどでご質問いただき、それでもついてくることが難しい場合は補講を申請してください。

卒業後のサポート

卒業後にWeb制作関連でご質問があった場合、半年間は専用の Facebook ページやメール等でサポートいたします。

よくある質問

Webデザインは全くの未経験ですが、受講できますか?

「スマートフォン時代のWebデザインスクール」は、「パソコンの基本操作はできるが、Web制作は初めて」の方向けのレッスンですので、Windows や Mac の基本操作ができる方であれば大丈夫です。

※基本操作とは、文字入力や文字の編集(コピー、ペースト等)、ファイル操作(ファイルの移動、コピー、削除等)ができることを指します。

Windowsのノートパソコン(またはMacBook)しか持っていませんが受講できますか?

Adobe Photoshop や Illustrator、Adobe XD は Windows・Mac どちらにも対応しており、それらを使用して授業をすすめますのでどちらでも受講可能です。

Adobe Photoshop CCなどを持っていませんが受講可能ですか?

体験レッスンは、Photoshop CCなどは不要です。無償版のAdobe XDをダウンロードして頂ければ受講可能です。
本編の受講にはAdobe CCが必要です。

お持ちでない方は、まずは無償体験版をダウンロードしていただき、1週間の使用期限が切れた場合は月額5,680円で Photoshop、Illustrator などすべての Adobe CC 製品が利用できる「Adobe Creative Cloud」の契約をおすすめしております。

詳しくは、初回体験レッスンの際や、お申し込みの方にメール等で案内しております。

遅刻・欠席するかもしれませんが、受講可能ですか?

仕事の都合などで遅刻または欠席される方はいますが、ほとんどの方は最後まで受講されています。

受講できなかった箇所は、ご自宅で動画+テキスト(Webブラウザーで見れる教科書)で復習頂けます。

受講生向けに Facebook グループを用意し、制作したファイルなどを共有します。グループやメール等でご質問も頂けます。

また、各回授業の最初には15〜20分程度座学(スライド)があり、実習はその後行っています。
遅刻された方がいる場合は、休憩時間までに制作したデータを Facebook グループで共有し、その続きから制作できるようにしています。

また、どうしてもついて来られない方がいらっしゃった場合は、2回まで無料で補習授業を開催しております。

受講料の支払い方法は?クレジットカードでの支払いは可能ですか?

受講料は原則として銀行振り込みでのお支払いをお願いしておりますが、希望される方にはクレジットカードでのお支払いも可能です。
クレジットカードでのお支払いを希望される方は、正式申し込みフォームにてご質問欄に「クレジットカード払い希望」とお書きください。

クレジットカード払いの方法は、PayPal(オンライン決済)および教室にてカード決済が可能です。

未成年でも受講できますか?

当スクールは社会人向けですので、未成年者の方の受講はお断りさせていただいております。

東京に住んでいない、授業時間に行くことができないのですが…

渋谷の教室にお越し頂くことが難しい場合、ご自宅等で授業の動画+テキスト(PCやスマートフォンでご覧いただける教科書)で受講頂くことが可能です。

その場合、受講料は同じで、分からない箇所があった場合はメールにてご質問頂けます。

ご興味ある方は 初回体験レッスンお申し込みフォーム のご質問欄に「動画受講希望」とお書きの上お申し込みください。

初回体験レッスンについて

全10回のレッスンのうち、初回(第1回)のレッスンのみ、体験レッスンとして税込 ¥1,000 無料でご参加いただけます。

※[month]まで、初回体験レッスンの動画受講は無料とします。この機会にぜひどうぞ。

  • 動画受講(渋谷にお越しいただけない方向け)

初回体験レッスンの内容と受講特典

初回体験レッスンでは、以下の内容を予定しております。

  • UI/UXとは、Webデザイナーとして知っておくべきこと(スライド)
  • Adobe XDによるプロトタイピング制作(実習)

受講特典として、スライドとプロトタイピング制作方法のテキスト(教科書)をご覧いただけるようにいたします。

体験レッスンに必要なもの

  • 筆記用具
  • Adobe XD CC (無料版でもOK)をインストールしたノートPC(もしお持ちでない場合も、見学は可能です。実際のレッスンにお申込みされる場合はご用意ください)
  • 体験レッスン受講料 税込 ¥1,000

初回体験レッスンのお申し込み

体験レッスンのお申込は、以下のフォームからお願い致します。
体験レッスンへのお申し込みではなくご質問のみある場合は、お問い合せフォーム にて「Webデザインスクールについて」という旨書いた上でお問い合わせください。

Webデザインスクール「初回体験レッスン」お申し込み

Webデザインスクール体験レッスンへのお申込みはこちら。
初回体験料金は税込 ¥1,000 [month]まで、初回体験の動画受講は無料です。

※必ずパソコンのメールアドレスをご登録ください。ドコモ・ソフトバンク・auのメールアドレスは不可です。
※メールアドレスの間違いでメールが届かないことが非常に増えています。メールアドレスを再度ご確認ください。

正式お申込みはこちら

初回体験レッスンではなく第2回目以降のレッスンへの正式お申し込みはこちらからどうぞ。
正式お申込みされる方は、必ず↑のフォームから初回体験レッスンにもお申込みください。

お申し込みではなくご質問のみある場合は、お問い合せフォーム にて「Webデザインスクールについて」という旨書いた上でお問い合わせください。

Webデザインスクールお申し込み

※必ずPCのメールアドレスをご登録ください。ドコモ・ソフトバンク・auのメールアドレスは不可です。
※メールアドレスの間違いでメールが届かないことが非常に増えています。メールアドレスを再度ご確認ください。

最近の記事

Web制作関連動画

メルマガ会員向けの「コーダーにも役立つ補完AI『Codeium』の使い方」の動画を期間限定で公開しています。
CodeiumはGitHub Copilotと似ていますが、CSSなども補完できて、今登録すれば無料で使えます。

メルマガでは、Web制作者のためのAI活用やWordPress関連の動画など、さまざまな特典があります。ご興味ある方は、ぜひメルマガにご登録ください。
Index