いずべママ実際に講座の生徒になった私が、Fammのママ向けWebデザイン講座の授業内容や自主学習のリアルをお伝えしたいと思います。
ちなみに当記事を書いたのは、第1回の授業が終わって6日が経過したところです。
Fammのママ向けWebデザイン講座を受講するかどうか悩んでいる方は、ぜひこの記事や関連記事を読んで、自分が受講する姿を想像してみて欲しいです。
Fammのwebデザイン講座の第1回目の授業を終えての感想
初回はFamm事務局の方が30分前からZOOMを繋げて待っていてくれました。素材ファイルがダウンロードされているかの確認や、画面共有の練習をしてくださいました。休憩も1時間おきに10分弱くらいありました。クラスルーム感があって、少しリラックスできました。
授業は3時間とは思えない程、あっという間に終了しました。密度が濃い感じです。
私は自分の画面を共有して先生に教えてもらう場面が3回ほどありましたが、他の方をお待たせしているので少し焦りました。でも他の方も何回か画面共有していたし、それくらい時間を取っても授業に支障をきたす程ではないと思います。
画面共有した時に他の方には映りませんが、ZOOMの画面が一番上に表示されてしまうのでクリックしないといけないボタンが隠れてしまったりして、余計に焦りました。ZOOMの表示位置の移動方法は押さえておく必要がありそうです。（ZOOMのタブをクリックしたままドラッグで動きます）
Fammのwebデザイン講座の第1回目の授業内容
Fammの授業は1ヶ月と言っても、3時間×5回の計15時間しかありません。
いずべママそんな短時間で、お仕事を受注できるようになるの〜！？
って私も疑問に思っていました。
何しろ、授業では最初のところだけやって、後は自習でカバーする形です。
授業はZOOMです。既に自己紹介会で顔合わせを行なった後なので、1回目でも開始時間になるとすぐに授業は開始しました。
第１回目の授業は次のような内容でした。
①デザインの4大原則（近接・整列・強弱・反復）
②デザインソフト「Photoshop」の使い方（立ち上げ方から）
③Photoshopを使って一緒にバナーを作る
②③については、講師が数手順やったのを見てから、生徒が同じように自分のPCでやってみます。
受講中は生徒は音声をミュートにしているので、講師と同じところまでできた人は人差し指を立てて手を挙げます。（「1歳」って言う時の指です）
わからない人は普通に手を挙げたり、ミュートを外して講師を呼んだりして教えてもらいます。画面の共有もできるので、解決が難しそうな時は自分の画面を共有して、直接講師に教えてもらえます。
もちろんその間、既にできている方は待つことになりますが、わからないまま置いていかれることはありません。スモールステップで、一緒に進めていきます。
Fammのwebデザイン講座の第1回目の課題について
Photoshopでのバナー作成・提出
早速、課題が出ました。講師の作った応用動画を見たり、講座で作成したバナーをいじってみるというもの以外にも、バナーを2つ作って講師に提出する課題があります。1つは素材や必ず配置する文言等の指定があるものですが、もう1つは完全に自由です。
授業中は講師の真似をして見本と同じバナーを1個作っただけなのに、課題では自分でオリジナルのバナーを作成しなくてはいけません。つまり、バナー作成手順（リサーチやラフ作成等）や加工技術は自習で学ぶ必要があります。なお、次回の講座はHTMLについてなので、もうPhotoshopのバナー作成はやりません。
期限は講座翌月10日までとなっているので、次回の講座までに提出できなくても大丈夫ですが、次回の講座でも次の課題が出るので、早めに手をつけておかないと課題が溜まってしまう可能性があります。
ProgateでのHTMLやCSSの学習
Progateは無料で学べるプログラミングのサイトです。アプリもあります。
HTMLとCSSについては、初級編が無料で中級編以上は有料会員のみのコースとなっています。
次回講座までに初級編をクリアするのが課題です。
とてもかわいいキャラクターが出てきますが、問題部分は正解するまで先に進めないというスパルタです。無料でできるので、HTMLって何？って方はイメージを掴むためにやって見てほしいです。
Fammのwebデザイン講座の第1週目に私がした自習内容について
いずべママ実際に私がやった学習や、時間の都合上できなかったけどやりたかった学習についてお伝えします。
第1回講座の復習
復習用動画や、講座で作成したバナーをさらに良くするための応用動画を講師が用意していたので、それを見ながら作業しました。
デザインの4大原則の理解
これは第1回の授業の前にしておくべきだったと思いますが、原則を理解して「良いデザインとは何か」を押さえておく必要があります。
私は多くのサイトでおすすめされている以下の2冊の本を急いでAmazonで購入して、読みました。
Webデザイナーの方は必ず持っている本らしいので、中古でもいいので買っておくことをおすすめします。
ノンデザイナーズ・デザインブック
「文字の中央揃えは理由がある場合にしか使ってはいけない」という教えがあり、これだけで同期よりレベルの高いバナーが作れたのではないかと思います。
良いデザインと悪いデザインの比較がたくさんあり、何が違うのかクイズ形式になっていて鍛えられます。後ろのページにきちんと回答も載っています。
ただ、英語を日本語に訳した感が強く、日本語訳文章にアレルギーのある方には読みづらいのが難点です。
ポチップ
なるほどデザイン
フルカラーで中は写真や絵が多く、雑誌みたいでとても読みやすいし、眺めていて楽しい本です。
ポチップ
どちらも、Kindleアプリをインストールすれば試し読みができます。
バナー作成の練習方法
YouTube動画
こちらの動画を観て、自分でも作成してみました。
素材を探すところからやってくれていて、プロのデザイナーが素材を探す時にどんなことを考えながら探しているかもわかります。定規の使い方も参考になりました。
コメント