月: 2025年7月

学科 UXデザイン基礎【オンライン】

-本日のアジェンダ-

1限目
学科 UXデザイン基礎
UXデザインとは

2限目
学科 UXデザイン基礎
UXとUIの違い

3限目
学科 UXデザイン基礎
UXデザインの各ポイント

4限目
学科 UXデザイン基礎
課題制作

5限目
学科 UXデザイン基礎
課題制作

【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：UXを考えながら作る
内容1：
内容2：WEBページ作成⑥
内容3：
課題：なし

本日のテーマ

より良いサイト作りの為に

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
UXデザイン基礎.pdf

【動画】

UX とは？

UXとは、「User eXperience（ユーザーエクスペリエンス）」の略で、ユーザーがサービスや製品の使用で得られる体験を示す言葉です。

UXデザインの流れ

  • ペルソナの作成・・・代表的なユーザー像を作成し、設計の指針とします。
  • ワイヤーフレーム作成・・・画面の骨組みを設計します。
  • プロトタイプ作成・・・動く画面を作成し、実際に操作してみます。
  • ユーザビリティテスト・・・実際にユーザーに試してもらい、改善点を洗い出します。
  • デザイン・・・視覚的なデザインを施します。
  • 実装・・・システムに組み込みます。

参考サイト

本日の課題

提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。

実技 WEBページ制作実習②

-本日のアジェンダ-

1限目
実技 WEBページ制作実習②
レスポンシブWebデザインについて

2限目
実技 WEBページ制作実習②
RWD 対応のサイトについて

3限目
実技 WEBページ制作実習②
Webページ制作実践

4限目
実技 WEBページ制作実習②
Webページ制作実践

5限目
実技 WEBページ制作実習②
Webページ制作実践

【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：RWDについて
内容1：RWDについて
内容2：WEBページ作成⑤
内容3：
課題：出来たものをUP
【注記】
・新カリキュラム用に修正（2024/11/7：大浜）

本日のポイント

レスポンシブWebデザインを理解しましょう

レスポンシブWebデザインについて

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「マルチデバイス対応の教科書①.pdf」　
「マルチデバイス対応の教科書②.pdf」　

【動画】

RWD 対応のサイトについて

  • 幅広デザインでの Web ページ作成
  • viewport 定義の指定
  • 横幅変動時のコンテンツ幅を設定
  • Media Querie でデザインを整える
  • 画面サイズに合わせた表示部品の導入

Webページ制作実践⑤

Webページ制作実践で作成したページをレスポンシブWebデザイン対応をさせましょう。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「chapter5.zip」　

  1. メディアクエリの記述
  2. レスポンシブWebデザインの対応

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

レスポンシブWebデザインまで完了したファイルを下記に格納してあります。
必要に応じてダウンロードして確認してください。
「chapter5.zip」　

本日の課題

Webページ制作実践で作成したページのキャプチャを取得してWordPressの投稿ページに貼り付けを行いましょう。（出来たところまでで大丈夫です）