#author("2026-07-20T15:14:43+09:00;2026-07-20T15:03:04+09:00","default:member","member") #author("2026-07-20T15:16:18+09:00;2026-07-20T15:03:04+09:00","default:member","member") *𝙴𝚟𝚎𝚛𝚢𝚝𝚑𝚒𝚗𝚐 𝚑𝚊𝚜 𝙼𝚎𝚊𝚗𝚒𝚗𝚐! ポートフォリオ(PDF)の制作 #image(cover_ver01.png) -''長友ひより Nagatomo Hiyori'' -'''Keywords：design, portfolio''' //-https://www.example.com //-%%プロトタイプ評価シート%% &color(#D59DA8){←ご協力ありがとうございました！-0706}; -__[[ポートフォリオ（制作途中）>https://drive.google.com/file/d/1ZZMiL-NOYuTExGc0Jowi-INKN3RmoTQE/view?usp=sharing]]__ ~ **概要 ***背景と目的 //&color(red){プロジェクトの背景と目的}; 芸術系の学生は、キャリアを積んでいく中でポートフォリオを制作する必要がある。 まず原案を制作するまでの過程を記すことで、他の方の制作のきっかけを作りたい。 芸術系の学生は、キャリアを積んでいく中でポートフォリオを制作する必要が出てくる。 そこで、まず原案を制作するまでの過程を記すことで、他の方の制作のきっかけを作りたい。 ~ ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -__[[制作物（PDF）>https://drive.google.com/file/d/1ZZMiL-NOYuTExGc0Jowi-INKN3RmoTQE/view?usp=sharing]]__ -__[[ワイヤーフレーム>https://drive.google.com/file/d/1GniALbQbwzoENvSN2-ieKc3oFEFuiA4s/view?usp=sharing]]__ -「ポートフォリオ制作の流れについて」（ ↓ ） ~ ~ ***制作ツール //&color(red){何を使って制作するか（デジタル / アナログ 自由）}; //InDesign、Illustrator（、VSCode、Codex） Figma, Illustrator //~ //~ //***参考 //-__[[このポートフォリオがすごい>https://www.vivivit.com/lps/sugoi-portfolio]]__ //-__[[ReDesigner for Student>https://student.redesigner.jp/portfolios]]__ //-__[[notefolio>https://notefolio.net/]]__ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2026.07.20 ***&color(#772637,#EDD5D7){ポートフォリオ制作の流れについて}; -制作工程 --01 整理（スプレッドシートに作品の情報をすべてまとめる） ---__[[一例>https://docs.google.com/spreadsheets/d/1lVmNNtvc5jQi137LUvarAsL23fnuqAxjtlsKdDG4TB0/edit?usp=sharing]]__ --02 コンセプト（自分の強み×求めてる人物像=） --03 台割 --04 撮影 --05 レイアウト --06 編集 -自己理解について --何がやりたいのか --何が好きなのか --楽しいと感じるものは？ --モチベーションが上がるものは？ -テーマ設定について --自分の個性を出す --どこを目立たせるかを明確にする --情報を詰め込みすぎない（文章は少なめに） --表紙は、「〇〇の子」と呼んでもらえるような、分かりやすい特徴があると良い --ポートフォリオを見る人はたいてい忙しい現場の人なので、大量のポートフォリオの中で印象に残ることが重要 -作品ページの項目 --制作期間 --個人制作orチーム制作（担当箇所） --使用ツール --アウトライン（概要） --制作プロセス -提出形式について --PDFファイルを送信する場合は画像サイズに注意（10MB以内） --URLを共有する形なら心配無用 -参考 --__[[このポートフォリオがすごい>https://www.vivivit.com/lps/sugoi-portfolio]]__ --__[[ReDesigner for Student>https://student.redesigner.jp/portfolios]]__ ~ ~ **2026.07.13 ***決定事項 -表紙イメージ（右図はChatGPTにより生成） |49|2|49|c |#image(cover_ver01.png)| |#image(cover_ver02.png)| #settableborder(none) -テーマ設定 --背景：#FFF6E6 &color(#FFF6E6,#FFF6E6){ }; --テーマカラー：#3BA288 &color(#3BA288,#3BA288){ }; --文字：#3F3F3F &color(#3F3F3F,#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 -ひとつの世界に ~ ***進捗 -__[[作品整理>https://docs.google.com/spreadsheets/d/1lVmNNtvc5jQi137LUvarAsL23fnuqAxjtlsKdDG4TB0/edit?usp=sharing]]__ -表紙イメージの作成 --背景：#FFF6E6 --テーマカラー：#3BA288 --文字：#3F3F3F #image(cover_ver01.png,50%) ~ ***スケジュール %%0608 初回%% %%0615%% %%0622%% %%0629 相互評価%% 0706 &color(#D59DA8){←イマココ}; 0713 0720 ~ ~ **2026.06.29 ***好評だった点 -プロトタイプで良いイメージを持ってもらえた ***見出された問題点 -制作過程の記録も作る ***感想から受けた印象 -webサイトも期待されてる？ ⇓ ~ ***掲載する作品 -profile --The Knight --Lasso Farmer --not21 --キミのものがたり -web --すすメイト --Livinne -game --よる道 ---TaskNavi --Pon de Toru -movie --映像_人物スタジオ --映像_ホラー --ひとつの世界に //-graphic //--YouTubeチャンネルアート //--アルファベットデザイン ~ ***スケジュール %%0608 初回%% %%0615%% %%0622%% 0629 相互評価 &color(#D59DA8){←イマココ}; 0706 0713 0720 ~ ~ **2026.06.22 ***プロトタイプ -https://drive.google.com/file/d/1GniALbQbwzoENvSN2-ieKc3oFEFuiA4s/view?usp=sharing ⇓ ~ ***課題定義 -公開方法 --PDF //--Instagram --（ポートフォリオサイト） -成果物の形式 --約30ページ、A4横、10MB以内 ~ ***進捗 -__[[作品整理>https://docs.google.com/spreadsheets/d/1lVmNNtvc5jQi137LUvarAsL23fnuqAxjtlsKdDG4TB0/edit?usp=sharing]]__ --作品ページで載せる項目： ---制作期間 ---個人制作orチーム制作（担当箇所） ---使用ツール ---アウトライン（概要） ---制作プロセス -自己分析、テーマ設定 --座右の銘：昨日に意味を持たせていく --キャッチコピー： ---すべてに意味がある / Everything Has Meaning ---意味を見出し、自分なりに解釈する / Giving Meaning, Making It Mine. -表紙アイデア --自分の身体をモチーフにする --デカデカとした何か --「◯◯の子」と一言で呼んでもらえるような何か --モノトーンではなくテーマカラーを作る ~ ***スケジュール %%0608 初回%% %%0615%% 0622 &color(#D59DA8){←イマココ}; 0629 0706 0713 0720 ~ ~ **2026.06.15 ***現状分析 -テーマ内容 --__[[このポートフォリオがすごい>https://www.vivivit.com/lps/sugoi-portfolio]]__ -表現形式 --__[[CSS Winner>https://www.csswinner.com/]]__ -技術 --__[[作りながら学ぶ「InDesign」ポートフォリオ>https://hataraku.vivivit.com/design-knowledge/2009indesign/]]__ --__[[InDesignの最初の一歩>https://cgworld.jp/regular/201809-id-01.html]]__ ⇓ ~ ***課題定義 -公開方法 --PDF --Instagram --CSSを凝ったポートフォリオサイト -成果物のネーミング --xxx -成果物の形式（分量とサイズ） --30ページ、A3横、10MB -成果物の構成 --xxx -素材（イラスト・写真・記事等）の入手方法・生成方法 --xxx -制作環境と方法 --xxx -その他、決める必要があるもの --xxx ⇓ ~ ***制作上のアイデア -xxx ⇓ ~ ***進捗 -__[[作品整理>https://docs.google.com/spreadsheets/d/1lVmNNtvc5jQi137LUvarAsL23fnuqAxjtlsKdDG4TB0/edit?usp=sharing]]__ -__[[昨年制作したポートフォリオ>https://drive.google.com/file/d/1nVNpTzlO7098iEcGlzBNxGU1xeRelH8x/view?usp=sharing]]__ ⇓ ~ ***ToDo -作品についての情報は何が必要か -自分の作品の情報を一覧化する -自己分析→テーマ設定 -どんな企業を想定するか -自分のキャッチコピーを考える ⇓ ~ ***スケジュール %%0608 初回%% 0615 &color(#D59DA8){←イマココ}; 0622 0629 0706 0713 0720 ~ ~ **2026.06.08 ***テーマ候補 -ポートフォリオ（PDF or Webサイト） &color(#D59DA8){←決定}; -小学生の時に自由帳で作っていたゲームの再現 -起業のやり方（インタビュー） -ライブ開催までの記録 -無料でできるフライヤーの作り方 ~ ---- ~ ***成果物の仕様 -形式：PDF -サイズ：A4 -※余力があればWebサイトも作りたい ~ ***この演習を通して身につけたいスキル -デザインスキル -伝えたいことを分かりやすくまとめる力 ⇓ ~ ***情報収集 -制作ツールについて --ページレイアウトはInDesignがいいらしい -サイズについて --A4縦に対して、画像は横幅2500pixel以下 -提出形式について --PDFファイルを送信する場合は画像サイズに注意だけど、URLを共有する形なら心配無用 -自己理解について --何がやりたいのか --何が好きなのか --楽しいと感じるものは？ --モチベーションが上がるものは？ -ポートフォリオにおけるテーマ設定について --自分の個性を出す --目を引くところを作る --情報を詰め込みすぎない（文章は少なめに） -ポートフォリオの作り方について --01 整理（スプレッドシートに作品の情報をすべてまとめる） --02 コンセプト（自分の強み×求めてる人物像=） --03 台割 --04 撮影 --05 レイアウト --06 編集 ⇓ ~ ***スケジュール 0608 初回 &color(#D59DA8){←イマココ}; 0615 0622 0629 0706 0713 0720 ~ ~ ~