4ヶ月のWebデザイン学習まとめ（学んだこと・できるようになったこと）
職業訓練の4ヶ月間で、Webデザイン制作の流れを「基礎 → 制作 → 公開」まで一通り学びました。
座学（考え方）と実技（手を動かす）がバランスよく組まれていて、毎月ステップアップしていく構成でした。
全体の流れ（ざっくり）
学科（座学）：事務基礎／情報システム／デザイン概論／サイト運用／SNS運用／就職支援
実技（制作）：Canva → Photoshop → Illustrator → Figma → HTML/CSS → WordPress（＋Wix/STUDIOなど）
1ヶ月目：基礎固め＆制作の入口
最初の1ヶ月は「学び方」と「制作の土台」を作る期間。
PC操作やビジネスツールの使い方、デザインの基本（見やすさ・配色・余白・文字組）を学びつつ、CanvaでWeb素材づくりに慣れていきました。主な内容
IT/ビジネスツールの活用（連絡・管理・共有の基本）
デザイン基礎（レイアウト／配色／フォント）
CanvaでWeb素材制作
2ヶ月目：Photoshopで“画像を整える力”
2ヶ月目はPhotoshop中心。
画像の切り抜き・明るさ調整・文字入れなど、Webで使う「見せるための画像作り」を練習しました。主な内容
Photoshop（写真加工・補正・合成・バナー制作 など）
フォトデータ制作（基礎〜応用）
3ヶ月目：Illustrator＆Figmaで“デザインを組み立てる力”
3ヶ月目は、
Illustrator（作る） と Figma（設計する） の両方を学ぶ月でした。
ロゴや素材制作、Webページの構成を考える力が身についてきた感覚があります。主な内容
Illustrator（ベクター素材／ロゴ／レイアウト制作）
Figma（サイト設計・画面デザイン・UIの基礎）
4ヶ月目：HTML/CSS＆WordPressで“形にして公開する力”
最後の1ヶ月は、いよいよWeb制作の仕上げへ。
HTML/CSSでコーディングの基礎を学び、WordPressでサイト制作〜公開の流れに触れました。主な内容
HTML/CSS（構造・レイアウト・調整）
WordPress（サイト制作／固定ページ・投稿／運用の基礎）
ポートフォリオ作成＆就職支援（準備・応募に向けた整理）
学んだツール（まとめ）
Canva / Photoshop / Illustrator / Figma / HTML・CSS / WordPress
（＋ Wix・STUDIO、Notion、ChatGPT、Googleツール等も活用）
4ヶ月を終えて
“作り方”だけではなく、見やすさ・伝わりやすさ・運用のしやすさまで意識するようになりました。
これからは制作物をポートフォリオにまとめながら、さらに改善を重ねていきます🌸
学習前 → 学習後で変わったこと
学習前は「少しは分かっているつもり」でした。でも実際に学び始めると、分からないことが想像以上に多くて、正直なところ “自分は無知だったんだな” と気づかされました。
ただ、それは落ち込むというよりも、学ぶほどに点と点がつながっていく感覚があって、
4ヶ月でWeb制作の全体像（デザイン → 画像制作 → 設計 → コーディング → 公開・運用）を網羅的に教えてもらえたことが本当に大きかったです。「何が分からないのか分からない」状態から、
“今どの段階で、次に何を学べばいいか” が見えるようになったのが、いちばんの変化だと思います🌸
締めの一言（読者のみなさまへ）
ここまで読んでくださって、ありがとうございます🌸
4ヶ月の学びで土台はできましたが、ここからがスタートだと思っています。これからも、精進を怠らずコツコツ続けて、制作物をポートフォリオにまとめながら成長していきます。
同じように学習中の方や、これから始める方の参考になったら嬉しいです。今後もよろしくお願いします☺️
コメント