第1章:デザインって何?

  • デザインとは何か
  • デザインの対象物と特性
  • デザイン制作の流れ
  • ウェブデザイナーの魅力

第2章:デザインの4原則と黄金比

  • 近接
  • 整列
  • 反復
  • 対比
  • 黄金比、白銀比

第3章:色と配色

  • 色の基本知識
  • 色の持つイメージ
  • 配色パターン
  • 業界別・ターゲット別配色のコツ

第4章:タイポグラフィ

  • タイポグラフィとは
  • 文字の種類と基本的なフォント
  • フォントの選び方
  • 文字組みの基本的なテクニック
  • 文字組みをレイアウトする

第1章:デザインって何?

  • デザインとは何か
  • デザインの対象物と特性
  • デザイン制作の流れ
  • ウェブデザイナーの魅力

第2章:デザインの4原則と黄金比

  • 近接
  • 整列
  • 反復
  • 対比
  • 黄金比、白銀比

第3章:色と配色

  • 色の基本知識
  • 色の持つイメージ
  • 配色パターン
  • 業界別・ターゲット別配色のコツ

第4章:タイポグラフィ

  • タイポグラフィとは
  • 文字の種類と基本的なフォント
  • フォントの選び方
  • 文字組みの基本的なテクニック
  • 文字組みをレイアウトする

第1章:Webサイト制作の流れを知ろう

  • Webサイト制作の全体像
  • デザイナーの役割

第2章:Figmaを始めよう(基礎編)

  • Figmaの特徴と強み
  • 初期設定とアカウント作成
  • 作業画面の使い方
  • ファイルとプロジェクトの管理

第3章:Figmaの基本操作をマスターしよう

  • 基本図形を描こう
  • テキストを入力しよう
  • オブジェクトを選択・移動・配置しよう
  • 色とエフェクトを適用しよう
  • レイヤーとグループを理解しよう

第4章:簡単なグラフィックを作ろう

  • シンプルなアイコンを作ろう
  • SNS用の画像を作成しよう
  • 広告バナーをデザインしよう

第5章:Figma独自の便利機能を使いこなそう

  • デザインスタイルを登録しよう
  • 自動調整されるボタンを作ろう
  • 伸縮するカード要素を作ろう
  • 繰り返し使えるパーツを作ろう
  • 差し替え可能なラベル要素を作ろう
  • 整理されたアイコンライブラリを作ろう

第6章:1ページ完結のデザインカンプを作成しよう

  • ワイヤーフレームを作成しよう
  • デザインの下準備をしよう
  • ヘッダーとトップ画面を作ろう
  • メニューと紹介セクションを作ろう
  • アクセス情報とフッターを作ろう
  • レスポンシブデザインを作成しよう

第7章:アプリUI画面と動きのあるプロトタイプを作ろう

  • アプリの主要画面を3つ作ろう
  • タップで反応するボタンを作ろう
  • 画面を繋いで動きを確認しよう

第8章:実務で使える共有とチーム機能を知ろう

  • デザインを共有する方法
  • チームでの協働に便利な機能
  • クライアントへの提案方法
  • プラグインで作業効率アップ
  1. Canvaとは一体なにか!どんなことができるのか
  2. Canvaのツールバー、メニューバーの使い方
  3. Canvaおすすめ素材10選!!
  4. Instagramのサムネイルの作り方
  5. LINEリッチメニューの作り方

実践課題①

  1. Canvaで名刺の作り方
  2. Canvaでロゴの作り方
  3. Canvaでカレンダーの作り方
  4. Canvaのモックアップ機能を使ってみよう
  5. Canvaアプリ厳選5選!!(3つ)
  6. 続編:Canvaアプリ厳選5選!!(2つ)

実践課題②

  1. Canvaで文字をおしゃれに見せるテクニック紹介
  2. CanvaでA4サイズのチラシの作り方
  3. CanvaでYouTubeサムネの作り方
  4. 「Canva AI」の使い方、画像加工編
  5. 続編「Canva AI」画像生成編
  6. 「Canva AI」でプレゼン資料を簡単に作成してみよう
  7. Canvaで簡単なWEBサイトを作成してみよう

修了課題

  1. Canvaとは一体なにか!どんなことができるのか
  2. Canvaのツールバー、メニューバーの使い方
  3. Canvaおすすめ素材10選!!
  4. Instagramのサムネイルの作り方
  5. LINEリッチメニューの作り方

実践課題①

  1. Canvaで名刺の作り方
  2. Canvaでロゴの作り方
  3. Canvaでカレンダーの作り方
  4. Canvaのモックアップ機能を使ってみよう
  5. Canvaアプリ厳選5選!!(3つ)
  6. 続編:Canvaアプリ厳選5選!!(2つ)

実践課題②

  1. Canvaで文字をおしゃれに見せるテクニック紹介
  2. CanvaでA4サイズのチラシの作り方
  3. CanvaでYouTubeサムネの作り方
  4. 「Canva AI」の使い方、画像加工編
  5. 続編「Canva AI」画像生成編
  6. 「Canva AI」でプレゼン資料を簡単に作成してみよう
  7. Canvaで簡単なWEBサイトを作成してみよう

修了課題