月: 2025年9月

学科 ユーザーインターフェイス基礎①【オンライン】

-本日のアジェンダ-

1限目
学科 ユーザーインターフェイス基礎①
作品の制作について

2限目
学科 ユーザーインターフェイス基礎①
作品の制作について

3限目
学科 ユーザーインターフェイス基礎①
作品の立案

4限目
学科 ユーザーインターフェイス基礎①
作品の立案

5限目
学科 ユーザーインターフェイス基礎①
作品の立案

【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：作品を作る説明
内容1：ピクトグラムについて
内容2：作成準備
内容3：予備日程
課題：なし
注記：
※次回　実技 イラストロゴ作成実習① 　は履歴書（写真・応募動機などは不要）の提出日です。学科グラフィックデザイン基礎⑤で告知済み、リマインドをお願いします。

本日のテーマ

納品する作品の準備です。

デザインをする時は、機械の力と一緒に正確なレイアウトを心がけてみましょう。

【資料】

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

下記のファイルをダウンロードしましょう。
「デザインの考え方」の教科書①.pdf

【動画】「デザインの考え方」の教科書①

提案の考え方について

商業デザインというお仕事は、お客さま（クライアント）とその先の、お客さま（ユーザー）を意識したデザインが求められます。
先ずは、 お客さま（クライアント） の希望するイメージを具現化しなければなりません。様々な提案方法を確認し実装出来るようにしていきましょう。

ピクトグラムとは （pictogram）とは 

ピクトグラムとは、言葉を使わなくても情報を伝えられる、単純化された視覚記号です。

参考サイト

制作時に使える基本操作

  • アウトライン「パス」「書式」
  • 定規・ガイド
  • スマートガイド
  • 環境設定（キー入力）

アウトライン

アウトライン化とは、文字や線、パス、ブラシなどのアピアランス（装飾）をオブジェクトに変換することを指します。 文字をアウトライン化すると、画像下側のようにパスで囲まれたオブジェクトに変換されます。 文字をアウトライン化する理由は、違うパソコンでデータを開いてもフォントが置き換わらないようにするためです。

参考サイト「パスのアウトライン」

定規・ガイド

ガイドとは、通常青い線で表示され、レイアウトする範囲を示したり、オブジェクトを並べたりする時の目安として利用される、印刷されない線です。 自由に表示・非表示を切り替えておくことができ、表示したまま入稿しても問題ありません。

参考サイト

スマートガイド

スマートガイドとは、オブジェクトやアートボードを作成または操作するときに 一時的に表示されるガイドで、他のオブジェクトとの相対関係で作成、整列、編集 変形の際にスナップしたり、位置関係を示して作業を補佐してくれる機能です。

参考サイト

環境設定（キー入力）

環境設定で、キーボードの矢印キーの上下左右ボタンの入力で、選択しているオブジェクトやアンカーポイントが移動する距離を設定できます。

参考サイト

本日の課題

手書きでいいので、ピクトグラムのイメージを作りましょう。
それぞれの作品の方向性をしっかりとイメージし、制作を進めていきましょう。

学科 ポートフォリオ作成基礎①【オンライン】

-本日のアジェンダ-

1限目
学科 ポートフォリオ作成基礎①
ポートフォリオ実例紹介

2限目
学科 ポートフォリオ作成基礎①
スキルの見せ方について

3限目
学科 ポートフォリオ作成基礎①
オンラインでディスカッション

4限目
学科 ポートフォリオ作成基礎①
まとめの時間

5限目
学科 ポートフォリオ作成基礎①
まとめの時間

【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：オンラインで講師とディスカッション(質問タイム)
内容1：まとめ方事例の紹介→先輩のポートフォリオ紹介
内容2：スキルの見せ方について
内容3：講師の先生のポートフォリオ紹介など ※詳細は【注記】参照
課題：なし　

【注記】
話題展開のアイデア
・先輩のポートフォリオ紹介
・講師の先生ご自身のポートフォリオ紹介
・ポートフォリオ構成のアドバイス
・おすすめのWordpressテーマ紹介
・ディスカッション→受講生さんの「質問タイムを設ける」
通常ですと「オンラインは質問をまとめておく」ですが、ディスカッションでは受講生さんからの質問を積極的に受けつけてください。

本日のポイント

計画的に進めていきましょう！

ポートフォリオは「未来」です！
闇雲に作成せず、同時に応募したい企業や職種をしっかり調べて
「未来」に必要な作品作成を進めていきましょう！

【動画】スキルの見せ方について

参考サイト

WordPressサイトの掲載内容について

WordPressサイトには、以下の内容を掲載しましょう。

ポートフォリオサイト

ポートフォリオサイトとして活用できるように以下の項目を掲載してください。

  • ご挨拶
  • プロフィール（自己紹介）
    – 名前
    – 顔写真
    – 生年月日
    – 略歴
    – 仕事への姿勢や意気込み
    – 自己PR
    – 保有スキル
    – スキル項目
    – スキルレベル など
  • ポートフォリオ
    – 作品
    – 作品の説明
    – 作成ツール
    – 作成時間
    – その他（苦労したこと、考慮したこと、学んだこと など）
  • 後書き

訓練の記録

学んだことの復習や忘れてしまったことを思い出す資料として訓練の記録を作成してください。

  • 訓練の1日単位で投稿ページを作成してください。
  • ページのタイトルは、訓練内容がわかるようにしてください。

参考サイト

WordPressサイト作成時の注意事項

WordPressサイトの作成に当たっては、ポートフォリオとしての活用を中心に考えてサイト構成を考えてください。また、ポートフォリオの作成に当たっては、ポートフォリオを見る人の立場に立って考えてみましょう。

  • 採用担当者の立場になって作りましょう（採用担当者が何をみたいか考えてみましょう）
  • トップページは作品主体にしましょう（ポートフォリオとしてのトップページを意識してみましょう）
  • 操作性や導線を考慮しましょう（クリックの多すぎは見る気がしなくなります）
  • 未経験者の場合は「学校でこんな事を勉強してきました」、「私はこんなことができます」をわかるようにしましょう

本日の課題

オンラインは課題無しです。
※不明点等は講師の先生にお声掛けの上ご質問ください