長友ひより/情報デザイン演習IIA_02 の履歴(No.12)

𝙴𝚟𝚎𝚛𝚢𝚝𝚑𝚒𝚗𝚐 𝚑𝚊𝚜 𝙼𝚎𝚊𝚗𝚒𝚗𝚐!

ポートフォリオ(PDF)の制作

長友ひより Nagatomo Hiyori
Keywords：design, portfolio

https://drive.google.com/file/d/1ZZMiL-NOYuTExGc0Jowi-INKN3RmoTQE/view?usp=sharing

概要

背景と目的

芸術系の学生は、キャリアを積んでいく中でポートフォリオを制作する必要がある。
まず原案を制作するまでの過程を記すことで、他の方の制作のきっかけを作りたい。

成果物の仕様

制作物（PDF）
ワイヤーフレーム
「ポートフォリオ制作の流れについて」（ ↓ ）

制作ツール

Figma, Illustrator

進捗記録

2026.07.20

ポートフォリオ制作の流れについて

制作工程
- 01 整理（スプレッドシートに作品の情報をすべてまとめる）
  - 一例
- 02 コンセプト（自分の強み×求めてる人物像=）
- 03 台割
- 04 撮影
- 05 レイアウト
- 06 編集
自己理解について
- 何がやりたいのか
- 何が好きなのか
- 楽しいと感じるものは？
- モチベーションが上がるものは？
テーマ設定について
- 自分の個性を出す
- どこを目立たせるかを明確にする
- 情報を詰め込みすぎない（文章は少なめに）
- 表紙は、「〇〇の子」と呼んでもらえるような、分かりやすい特徴があると良い
- ポートフォリオを見る人はたいてい忙しい現場の人なので、大量のポートフォリオの中で印象に残ることが重要
作品ページの項目
- 制作期間
- 個人制作orチーム制作（担当箇所）
- 使用ツール
- アウトライン（概要）
- 制作プロセス
提出形式について
- PDFファイルを送信する場合は画像サイズに注意（10MB以内）
- URLを共有する形なら心配無用
参考
- このポートフォリオがすごい
- ReDesigner for Student

2026.07.13

決定事項

表紙イメージ
テーマ設定
- 背景：#FFF6E6 　
- テーマカラー：#3BA288 　
- 文字：#3F3F3F 　
キャッチコピー
- すべてに意味がある / Everything has Meaning
- 意味を見出し、自分なりに解釈する / Giving Meaning, Making It Mine.
- ※自己分析やアイデア出しにChatGPTを使用
掲載する作品
- The Knight
- Lasso Farmer
- not21
- キミのものがたり
- すすメイト
- よる道
- TaskNavi
- Livinne
- ひとつの世界に

2026.07.06

課題定義

公開方法
- PDF
成果物の形式
- 約20ページ、A4横、10MB以内
- 作品ページで載せる項目：
  - 制作期間
  - 個人制作orチーム制作（担当箇所）
  - 使用ツール
  - アウトライン（概要）
  - 制作プロセス
自己分析、テーマ設定
- 座右の銘：昨日に意味を持たせていく
- キャッチコピー：
  - すべてに意味がある / Everything Has Meaning
  - 意味を見出し、自分なりに解釈する / Giving Meaning, Making It Mine.
表紙アイデア
- デカデカとした何か
- 「◯◯の子」と一言で呼んでもらえるような何か
- テーマカラーを作る

掲載する作品

profile
- The Knight
- Lasso Farmer
- not21
- キミのものがたり
すすメイト
よる道
- TaskNavi
Livinne
ひとつの世界に

進捗

作品整理
表紙イメージの作成
- 背景：#FFF6E6
- テーマカラー：#3BA288
- 文字：#3F3F3F

スケジュール

~~0608　初回~~
~~0615~~
~~0622~~
~~0629　相互評価~~
0706　←イマココ
0713
0720

2026.06.29

好評だった点

プロトタイプで良いイメージを持ってもらえた

見出された問題点

制作過程の記録も作る

感想から受けた印象

webサイトも期待されてる？

⇓

掲載する作品

profile
- The Knight
- Lasso Farmer
- not21
- キミのものがたり
web
- すすメイト
- Livinne
game
- よる道
  - TaskNavi
- Pon de Toru
movie
- 映像_人物スタジオ
- 映像_ホラー
- ひとつの世界に

スケジュール

~~0608　初回~~
~~0615~~
~~0622~~
0629　相互評価　←イマココ
0706
0713
0720

2026.06.22

プロトタイプ

https://drive.google.com/file/d/1GniALbQbwzoENvSN2-ieKc3oFEFuiA4s/view?usp=sharing

⇓

課題定義

公開方法
- PDF
- （ポートフォリオサイト）
成果物の形式
- 約30ページ、A4横、10MB以内

進捗

作品整理
- 作品ページで載せる項目：
  - 制作期間
  - 個人制作orチーム制作（担当箇所）
  - 使用ツール
  - アウトライン（概要）
  - 制作プロセス
自己分析、テーマ設定
- 座右の銘：昨日に意味を持たせていく
- キャッチコピー：
  - すべてに意味がある / Everything Has Meaning
  - 意味を見出し、自分なりに解釈する / Giving Meaning, Making It Mine.
表紙アイデア
- 自分の身体をモチーフにする
- デカデカとした何か
- 「◯◯の子」と一言で呼んでもらえるような何か
- モノトーンではなくテーマカラーを作る

スケジュール

~~0608　初回~~
~~0615~~
0622　←イマココ
0629
0706
0713
0720

2026.06.15

現状分析

テーマ内容
- このポートフォリオがすごい
表現形式
- CSS Winner
技術
- 作りながら学ぶ「InDesign」ポートフォリオ
- InDesignの最初の一歩

⇓

課題定義

公開方法
- PDF
- Instagram
- CSSを凝ったポートフォリオサイト
成果物のネーミング
- xxx
成果物の形式（分量とサイズ）
- 30ページ、A3横、10MB
成果物の構成
- xxx
素材（イラスト・写真・記事等）の入手方法・生成方法
- xxx
制作環境と方法
- xxx
その他、決める必要があるもの
- xxx

⇓

制作上のアイデア

xxx

⇓

進捗

⇓

ToDo

作品についての情報は何が必要か
自分の作品の情報を一覧化する
自己分析→テーマ設定
どんな企業を想定するか
自分のキャッチコピーを考える

⇓

スケジュール

~~0608　初回~~
0615　←イマココ
0622
0629
0706
0713
0720

2026.06.08

テーマ候補

ポートフォリオ（PDF or Webサイト）　←決定
小学生の時に自由帳で作っていたゲームの再現
起業のやり方（インタビュー）
ライブ開催までの記録
無料でできるフライヤーの作り方

成果物の仕様

形式：PDF
サイズ：A4
※余力があればWebサイトも作りたい

この演習を通して身につけたいスキル

デザインスキル
伝えたいことを分かりやすくまとめる力

⇓

情報収集

制作ツールについて
- ページレイアウトはInDesignがいいらしい
サイズについて
- A4縦に対して、画像は横幅2500pixel以下
提出形式について
- PDFファイルを送信する場合は画像サイズに注意だけど、URLを共有する形なら心配無用
自己理解について
- 何がやりたいのか
- 何が好きなのか
- 楽しいと感じるものは？
- モチベーションが上がるものは？
ポートフォリオにおけるテーマ設定について
- 自分の個性を出す
- 目を引くところを作る
- 情報を詰め込みすぎない（文章は少なめに）
ポートフォリオの作り方について
- 01 整理（スプレッドシートに作品の情報をすべてまとめる）
- 02 コンセプト（自分の強み×求めてる人物像=）
- 03 台割
- 04 撮影
- 05 レイアウト
- 06 編集

⇓

スケジュール

0608　初回　←イマココ
0615
0622
0629
0706
0713
0720