LogoMark.png

長友ひより/情報デザイン演習IIA_02 の変更点


#author("2026-06-29T15:24:55+09:00;2026-06-29T13:55:11+09:00","default:member","member")
*𝙶𝚒𝚟𝚒𝚗𝚐 𝙼𝚎𝚊𝚗𝚒𝚗𝚐, 𝙼𝚊𝚔𝚒𝚗𝚐 𝙸𝚝 𝙼𝚒𝚗𝚎.
#author("2026-06-29T15:35:09+09:00;2026-06-29T13:55:11+09:00","default:member","member")
*𝙴𝚟𝚎𝚛𝚢𝚝𝚑𝚒𝚗𝚐 𝙷𝚊𝚜 𝙼𝚎𝚊𝚗𝚒𝚗𝚐!
ポートフォリオ

  
 
             メインビジュアル、あるいは
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''長友ひより Nagatomo Hiyori''
-'''Keywords:design, portfolio'''
//-https://www.example.com
-__[[相互評価シート>https://docs.google.com/spreadsheets/d/12PLieraJsVB6MNrwJt38kBM6rupc9AZ5WrXDSE6TxRk/edit?usp=sharing]]__ &color(#D59DA8){←ここからコメントをお願いいたします!};
--__[[プロトタイプ>https://drive.google.com/file/d/1GniALbQbwzoENvSN2-ieKc3oFEFuiA4s/view?usp=sharing]]__
--__[[過去のポートフォリオ>https://drive.google.com/file/d/1nVNpTzlO7098iEcGlzBNxGU1xeRelH8x/view?usp=sharing]]__

~



**概要
***背景と目的
//&color(red){プロジェクトの背景と目的};
就活でポートフォリオが必要なため、このテーマに設定した。制作の過程をここに記すことで、他の方の参考になれば幸いである。
~
~


***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
PDF(余力があればWebサイトも)
~
~

***制作ツール
//&color(red){何を使って制作するか(デジタル / アナログ 自由)};
InDesign、Illustrator(、VSCode、Codex)
~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~



**2026.06.29
***好評だった点
-xxx
***見出された問題点
-xxx
***感想から受けた印象
-xxx

⇓
~
***掲載する作品
-profile
--The Knight
--Lasso Farmer
--not21
--キミのものがたり
-web
--すすメイト
--Livinne
-game
--よる道
---TaskNavi
--Pon de Toru
-movie
--映像_人物スタジオ
--映像_ホラー
--ひとつの世界に
//-graphic
//--YouTubeチャンネルアート
//--アルファベットデザイン
~
***進捗
-xxx
~
***スケジュール
%%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
~
~

~