LogoMark.png

大場こころ/情報デザイン演習ⅢB の変更点


#author("2024-12-19T00:09:13+09:00;2024-12-05T09:56:18+09:00","default:member","member")
#author("2024-12-19T00:48:03+09:00;2024-12-05T09:56:18+09:00","default:member","member")
*大場 こころ&scale(70){ | 情報デザイン演習ⅢB};
[[情報デザイン演習IIIB]]
~
~
~
*課題2 経路案内
~
 
#image(A3.jpg)
~
~
 
**概要
***背景
-わくわく感を与える
~
 
***目的
-誰でも迷わず楽しく目的地まで案内する
~
 
***コンセプト
-見やすい・分かりやすい・シンプル
~
 
***成果物の仕様
-YouTube(横型動画)
#YouTube(HRaMpO6fWkw)
-Instagram or YouTube(縦型動画)
--[[リンクはこちら>https://www.instagram.com/reel/DDuVPYdyfe-/?utm_source=ig_web_button_share_sheet/]]
~
 
***制作期間
-2024.11.07 - 2024.12.11
~
 
***まとめ
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
-字幕が下になりすぎないようにすることで、タイムコードが画面に出たとしても重ならない。
-字幕がいらない歩くだけのシーンを早送りにすることで、短くまとめることができた。
~
~
 
**調査
 
***現状調査:撮影テスト
-OneDriveへのリンク
~
 
***先行事例の調査
-横動画
--[[JR大阪駅から梅田芸術劇場まで歩く(経路案内)>https://www.youtube.com/watch?v=lWtArQNaSIE&pp=ygUM57WM6Lev5qGI5YaF/]]
--[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路案内>https://www.youtube.com/watch?v=Mx-mYJC4jAQ&pp=ygUM57WM6Lev5qGI5YaF/]]
-縦動画
--[[大船整骨院 経路案内>https://www.youtube.com/shorts/ZElCmhBomOs/]]
--[[暁書法学院  経路案内>https://www.youtube.com/shorts/D9VZ6BGI1y0/]]
~
~
 
***技術・技法の調査:テロップ(映像表現における文字情報について)
-[[シンプルでお洒落なテロップ集 Title motion>https://www.youtube.com/watch?v=W54y5Nkfwgs&pp=ygUZ44OG44Ot44OD44OXIOOBiuOBl-OCg-OCjA%3D%3D/]]
-[[広告動画でよく見るテロップその①>https://youtu.be/1dfm7UWCGfA/]]
~
~

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

**#13:2024.12.12

***編集
-After Effectsでの編集
-ブラッシュアップ
~
~

**#12:2024.12.5

***編集
-After Effectsでの編集
-ブラッシュアップ
~
~ 

**#11:2024.11.28

***撮影・編集
-横向き撮影
-縦向き撮影
-After Effectsでの編集
~
~

**#10:2024.11.21

***撮影
-横向き撮影
-縦向き撮影
~
~

**#09:2024.11.14
***構成
+スタート(改札前)
+北門入り口
+17号館入り口
+エレベーター
+ゴール(会場)
~
***ストーリーボード:テロップ
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EdwZ5AGmv_FGtM9or92hqUYB28ylQgkQ2HRhzeLBERQg_w?e=6S5job/]]
~
***技術・技法の調査:テロップ(映像表現における文字情報について)
-[[シンプルでお洒落なテロップ集 Title motion>https://www.youtube.com/watch?v=W54y5Nkfwgs&pp=ygUZ44OG44Ot44OD44OXIOOBiuOBl-OCg-OCjA%3D%3D/]]
-[[広告動画でよく見るテロップその①>https://youtu.be/1dfm7UWCGfA/]]
~
***概要欄の整理
-背景
--ゲーム感覚にすることで、わくわく感を与える

-目的
--誰でも迷わず楽しく目的地まで案内する

-コンセプト
--見やすい・分かりやすい
--ゲーム画面
~
~ 
**#08:2024.11.07
 
***現状調査:撮影テスト
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as012_st_kyusan-u_ac_jp/Ebf_QcQGXxVPrlnkQtRfZXsBdlWvMiPPuUoyojSfVCr_bg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=JYvxBf/]]
~
***先行事例の調査
-横動画
--[[JR大阪駅から梅田芸術劇場まで歩く(経路案内)>https://www.youtube.com/watch?v=lWtArQNaSIE&pp=ygUM57WM6Lev5qGI5YaF/]]
--[[福山駅から「ふくやま草戸千軒ミュージアム」までの経路案内>https://www.youtube.com/watch?v=Mx-mYJC4jAQ&pp=ygUM57WM6Lev5qGI5YaF/]]
-縦動画
--[[大船整骨院 経路案内>https://www.youtube.com/shorts/ZElCmhBomOs/]]
--[[暁書法学院  経路案内>https://www.youtube.com/shorts/D9VZ6BGI1y0/]]
~
~
~
~

*課題1 VI計画
~

#image(A2.jpg)
~
~
**概要
***背景
-パスタをモチーフにすることで、レトロでイタリアンなイメージを与える。
~

***目的
-誰でも親しみやすい場所
-これを見たら思わずパスタが食べたくなる
~

***コンセプト
-レトロを感じることができる
-イタリアンが楽しめる、親しみやすい
~

***成果物の仕様
-シンボルマーク / ロゴタイプ
#image(cuore.png)
-モーションロゴ
#YouTube(_FomfrZaqRU)
-VIマニュアル
--[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EbnXnHL-f6BGu-f00F8uHZEBz0a5U2iLaVSaXIU0jaKhiw?e=gcfayl/]]
~

***制作期間
-2024.09.19 -  2024.11.07
~

***まとめ
-背景として、誰もが馴染みのあるパスタをモチーフにする事を考えた。そして目に入ってすぐに「パスタだ!」「イタリアンだ!!」と誰が見てもわかるシンプルなデザインにすることで、レトロで親しみやすい物になったと思われる。
~
~

**調査

***現状調査
-記録写真(外観 / 内観)
--[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as012_st_kyusan-u_ac_jp/EgEannAGLlJLpPBHqRtkvysBcb6dOtaebcoBToVWWyQNRQ?e=KBSmdY/]]
-イタリアンレストラン クオーレ
--図書館1階
--日替わりパスタやイタリア風からあげなど、本格イタリアンが楽しめる
-良い点
--昔ながらのレトロ感がある
--提供のスピードが早い
--インテリアがおしゃれ
--量がボリューミー
-改善点
--座席の数が少ない
--メニューに写真をつける

***先行事例
-VIに関する基本情報
--[[PR TIMES CI・VI・BIとは?>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017]]
--[[idea campuss CIとVIの定義・違いとは?>https://idea-plus.co.jp/idea-compass/2024-01-12-1005/]]
~
-類似する飲食店の事例調査
-[[東洋大学>https://www.toyo.ac.jp/link-toyo/life/toyo_gakuseishokudo#:~:text=%E3%80%902%E5%B9%B4%E9%80%A3%E7%B6%9A%20%E5%AD%A6%E9%A3%9F,%E3%81%8C%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%92%E5%8E%B3%E9%81%B8%EF%BC%81]]
-[[ドイツ・ハイデルベルク大学の学食>https://www.ryugakupress.com/mensa/]]
-[[サイゼリヤ>https://www.saizeriya.co.jp/]]
-[[ジョイフル>https://www.joyfull.co.jp/]]
~

***技法・技術情報
-モーションロゴの制作方法
--[[ロゴアニメーションの作成の流れを伝えちゃいます>https://note.com/tsuda2525/n/n54fcc6904d03]]
--[[YouTubeで100万回再生された海外のロゴアニメーション>https://www.youtube.com/watch?v=S-XQgYXZRr0]]
~
~
#hr
CENTER:''進捗記録''
#hr
~
~
**#07:2024.10.31
***使用例
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as012_st_kyusan-u_ac_jp/EXbcDIlET5FHrCaEJa41RJoBRnM_Y1AOUpk6W2kXxQeXww?e=TuhX9R/]]
~
~

**#06:2024.10.24
***モーションロゴ
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as012_st_kyusan-u_ac_jp/EcDYGEQ-KIlGgHleh7aFY4sB0EaodEpnxFwh3Bof7jg-lg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=GgGSMx/]]
~
~

**#05:2024.10.17
***VIマニュアル
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EbnXnHL-f6BGu-f00F8uHZEBz0a5U2iLaVSaXIU0jaKhiw?e=r4OGAZ/]]
~
~
**#04:2024.10.10
***字コンテ
-起:パスタが虹のように出てくる
-承:ケチャップが広がる
-転:上からパセリが落ちてくる
-結:パセリと同じようにロゴが上から落ちてくる
~
***ストーリーボード
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EcxwafQtUAdNodQHAP0MJlwB56KZPlurcE_G8V8ZXMT9cQ?e=Mny2Gc]]
~
~

**#03:2024.10.03
***試作(3案)
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as012_st_kyusan-u_ac_jp/EcJdoxldZx1DqrwTGMysiTcByatWv7LVS9kHV1abQbFW3w?e=gPLSfY]]
***先行事例の調査:VIマニュアル
-[[VIマニュアル>https://www.gpol.co.jp/blog/215/]]
-[[VIマニュアル>https://www.city.hamamatsu.shizuoka.jp/documents/111319/vi_manual.pdf]]
-[[VIマニュアル>https://www.taki.co.jp/blog/civi_abe_20210324/#:~:text=VI%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB%E3%81%A8%E3%81%AF%E3%80%81%E7%B0%A1%E5%8D%98,%E6%9B%B8%E3%81%AE%E3%82%88%E3%81%86%E3%81%AA%E3%82%82%E3%81%AE%E3%80%82]]
***概要欄の整理
-背景
--パスタをモチーフにすることで、レトロでイタリアンなイメージを与える。
-目的
--誰でも親しみやすい場所
--これを見たら思わずパスタが食べたくなる
-コンセプト
--レトロでイタリアンが楽しめる、親しみやすい



-成果物(制作物)
--シンボルマーク / ロゴタイプ
--モーションロゴ
--+α
~
~
**#02:2024.09.26
***研究対象
-クオーレ(Cuore)
***アイデアスケッチ
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as012_st_kyusan-u_ac_jp/EjkKYIiXTDpGjeLwzkVxRnYBreQ81YbBEb2oJljBg0sFrg?e=fWbK9i]]
***現状調査:記録写真
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as012_st_kyusan-u_ac_jp/EgEannAGLlJLpPBHqRtkvysBcb6dOtaebcoBToVWWyQNRQ?e=0KGJGr]]
~


**#01:2024.09.19
***VIに関する基本情報

-[[CHIBICO  VIとは何か?>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017/]]
-[[idea campuss CIとVIの定義・違いとは?>https://idea-plus.co.jp/idea-compass/2024-01-12-1005/]]
~

***モーションロゴの制作方法
-[[ロゴアニメーションの作成の流れを伝えちゃいます>https://note.com/tsuda2525/n/n54fcc6904d03]]
-[[YouTubeで100万回再生された海外のロゴアニメーション>https://www.youtube.com/watch?v=S-XQgYXZRr0]]
~

***先行事例の調査:WEB・文献調査
-[[東洋大学>https://www.toyo.ac.jp/link-toyo/life/toyo_gakuseishokudo#:~:text=%E3%80%902%E5%B9%B4%E9%80%A3%E7%B6%9A%20%E5%AD%A6%E9%A3%9F,%E3%81%8C%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%92%E5%8E%B3%E9%81%B8%EF%BC%81]]
-[[ドイツ・ハイデルベルク大学の学食>https://www.ryugakupress.com/mensa/]]
-[[サイゼリヤ>https://www.saizeriya.co.jp/]]
-[[ジョイフル>https://www.joyfull.co.jp/]]
~

***現状調査:学食の現在の様子
#image(A1.jpg)

-店舗の概要
-イタリアンレストラン クオーレ
--図書館1階
--日替わりパスタやイタリア風からあげなど、本格イタリアンが楽しめる
--
-良い点
--昔ながらのレトロ感がある
--提供のスピードが早い
--インテリアがおしゃれ
--量がボリューミー
-改善点
--座席の数が少ない
--メニューに写真をつける
~






~