「スマートフォン時代のWebデザインスクール」を渋谷で開催します

「スマートフォン時代のWebデザインスクール」は、これからWebデザイナーになりたい方向けに以下の内容を全10回で学べる社会人向けのスクールです。

  • Web制作は初めての方のためのウェブデザインの基礎知識
  • Adobe Photoshop・Illustratorなどを使用した、スマートフォン・タブレット・パソコンなどさまざまな端末で表示できるWebデザインカンプの制作方法
  • 1つのページをさまざまな端末で表示させるための「レスポンシブWebデザイン」の基礎知識
  • 他のスクールでは学べない、効率の良いWebデザイン制作の方法

写真:スマートフォン時代のWebデザインスクールのイメージ

新しいWeb技術、新しいデザイン手法、新しい端末などに対応するため、授業内容は2017年1月から完全にリニューアルした新しい内容となっております。
(昨年まで開催していた「社会人のためのWebデザインスクール」とは全く異なる授業内容になりました)

本編は 2017/2/14(火)〜3/14(火)までの毎週火曜・木曜の 20:00〜22:30 に開催します。
(2時間30分×全9回、初回体験レッスンと合わせて全10回。祝日と被った日は授業はお休みです)
開催場所は、渋谷駅より徒歩7分の Stocker.jp / Space です。

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

授業は、動画などではなく セミナー形式のライブ授業 となっています。

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

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

もし欠席された場合や、授業外でわからないことがあった時は、非公開の Facebook グループから資料をダウンロードして復習したり、Facebook グループにて質問することができます。

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

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

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

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

  • パソコンだけでなく、スマートフォン・タブレットなどさまざまな端末で表示できるWebデザインの制作方法
  • 2017年にふさわしい、モダンな(現代的な)新しい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デザイン制作の経験のない方もご参加いただけます。

授業内容

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

Webデザイン入門

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

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

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

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

ブログ風Webデザイン

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

ブログ風Webデザイン

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

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

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

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

PC閲覧時のイメージ

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

スマートフォン閲覧時

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

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

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

別途「スマートフォン時代のWebコーディングスクール」を開講予定です

Web制作を仕事にされる場合、HTML・CSSコーディングについても学ばれることを強くお勧めします。
「スマートフォン時代のWebデザインスクール」とは別に、HTML・CSSの基礎からレスポンシブWebデザイン、SassやBEMなど現在Web制作現場で主流になっている技術を取り入れた「スマートフォン時代のWebコーディングスクール」を別途4月上旬より同じ場所・同じ講師にて開催します。

「スマートフォン時代のWebデザインスクール」で制作した旅館風WebデザインのHTML・CSSコーディングなどもこのスクールで行います。
こちらは全12回、火曜日と木曜日の20:00~22:30、¥98,000を予定しております。
あわせて受講されることをご検討いただけると幸いです。

※「スマートフォン時代のWebコーディングスクール」について、詳しくは「スマートフォン時代のWebデザインスクール」の初回体験レッスンでもお話しします。その際ご質問いただくことも可能です。

講師紹介

庄崎大祐

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

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

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

  • Web Designing
  • MdN

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

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

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

  • ノートパソコン(Windows PC または MacBook)
  • Adobe CCのライセンス(Illustrator CC 体験版でOK)

※Adobe CC をお持ちでない方は、レッスン開始日までに Illustrator CC 体験版 をダウンロードしておいてください。体験版の期限(30日間)が切れた際は Adobe Creative Cloud(月額 ¥4,980)の契約をおすすめします。
※Adobe CS6・CS5やそれ以下など、CC以前の古いバージョンでの受講は不可です。CS6やCS5など古いバージョンの製品はWebデザインのための機能がほとんど欠けており、最新のOSでの動作はサポートされていません。

場所

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

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

stocker space

室内完全リフォーム済みで、50㎡以上あります。
スクール形式で最大30名座ることができます。
奥のスクリーンは、約150インチのワイドスクリーンです。


撮影者:齋藤高慶

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

募集人数

12名〜22名程度を予定

料金

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

  • 最初にまとめて支払った場合: 税別 ¥98,000(税込 ¥105,840)
  • 分割払いの場合: 受講前に 税別 ¥55,000、6回目の授業の前に 税別 ¥55,000 合計 税別 ¥110,000(税込 ¥118,800)

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

授業時間は、全25時間(1回あたり2時間30分x10回)を予定しております。

受講者特典

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

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

以前のWebデザインスクールでは教科書を別途購入いただいていましたが、この「スマートフォン時代のWebデザイスンクール」では追加料金は必要ありません。

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

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

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

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

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

サポート用Facebookグループ

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

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

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

無料の補講レッスン

補講レッスンは、授業についてこられない方がいらっしゃる場合、月に1回程度を目安に開催します。

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

授業の動画の閲覧(試験提供)

このスクールでは、授業の動画(スクリーンに映っているもののキャプチャ+音声)を試験提供する予定です。
ご自宅での復習の際などにご活用ください。

※動画は今回から試験提供のため、もし録画ミスや動画・音声の乱れ等あった場合はご容赦ください。

卒業後のサポート

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

よくある質問

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

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

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

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

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

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

受講には Adobe CCが必要です。

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

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

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

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

受講生向けに Facebook グループを用意し、デザインの授業では、教科書のどこまで進んだかと、制作した Photoshop データなどを共有します。

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

また、どうしてもついて来られない方がいらっしゃった場合は、月に1回程度補習授業を開催しております。

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

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

お申し込みについて

2017年2月開講の「スマートフォン時代のWebデザインスクール」の受付は締め切りました。
次回は、2017年4月に「スマートフォン時代のWebコーディングスクール」というHTML・CSSを基礎から学べるスクールを開講し、6月頃から再び「スマートフォン時代のWebデザインスクール」を開講予定です。

ご興味ある方は、↓以下のフォームからメールアドレスをご登録いただければ、次回開講の際お知らせします。

If you like this article click the Facebook “Like” button to share it with your friends!