#author("2024-12-19T10:37:20+09:00","default:member","member") #author("2024-12-19T11:56:33+09:00","default:member","member") *近藤ひかる&scale(70){ ｜ 情報デザイン演習ⅢB}; [[情報デザイン演習IIIB]] ~ ~ ~ *課題2 経路案内 ~ #image(経路案内のヘッダー.jpg) #image(ヘッダー.jpg) ~ ~ **概要 ***背景 --九州産業大学は慣れない人にとって複雑で迷いやすいつくりになっている。そんな方々の不安とタイムロスを軽減し、スムーズに目的地まで辿り着けるコンテンツを制作したいと考えた。 ~ ***目的 --この動画は--KYUGEI SOTSUTEN 202X 九州産業大学 卒業制作・芸術研究科修了制作展での使用を仮定し、九産大前駅から九州産業大学17号館5階17503、17504教室まで迷わずたどり着いてもらうこと。目的地にたどり着くための道のりを期待感を持って進んでもらいたい。 ~ ***コンセプト --九産大に初めて来ていただいた方にも経路が頭に描きやすいように多面的に位置を把握できる動画 ~ ***成果物の仕様 -YouTube（横型動画） #YouTube(gfdUHVQUZqs) -YouTube（縦型動画） --[[リンクはこちら>https://www.instagram.com/p/CpCdcJEjnxs/]] ~ ***制作期間 -2024.11.07 - 2024.12.11 ~ ***まとめ -- ~ ~ **調査 ***現状調査：撮影テスト -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as604_st_kyusan-u_ac_jp/Eg0Bkq154w9Fj9-JQ6D1al4BdHSi3j51x5iiA80tS7oZHw?e=nXkt5G]] ~ ***先行事例の調査 -横型動画 --[[&color(gray){【東京メトロ改札～会社エントランスまで】Youtubeへのリンク};>https://www.youtube.com/watch?v=Aznm_LBGULs]] --[[&color(gray){【辻仲病院柏の葉】Youtubeへのリンク};>https://www.youtube.com/watch?v=3C3nMD6-NoI]] -縦型動画 --[[&color(gray){【Caka】Instagramへのリンク};>https://www.instagram.com/caka_shimokitazawa/reel/C2kIjhPP4nl/]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[&color(gray){【テロップとは】};>https://www.generalasahi.co.jp/cd/movie/topics/telop/]] -[[&color(gray){【テロップ大学】};>https://videosalon.jp/series/telop_vol14//]] ~ ~ #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号館入り口 +エレベーター +ゴール（会場） ~ ***ストーリーボード：テロップ -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as604_st_kyusan-u_ac_jp/Engyzlwaeo1LoFIlUB9EE6ABuj5IW63wbcmvi3nBrdpw_g?e=y6jRVt]] ~ ***技術・技法の調査：テロップ（映像表現における文字情報について） -[[&color(gray){【テロップとは】};>https://www.generalasahi.co.jp/cd/movie/topics/telop/]] -[[&color(gray){【テロップ大学】};>https://videosalon.jp/series/telop_vol14//]] ~ ***概要欄の整理 -背景 --九州産業大学は慣れない人にとって複雑で迷いやすいつくりになっている。そんな方々の不安とタイムロスを軽減し、スムーズに目的地まで辿り着けるコンテンツを制作したいと考えた。 -目的 --この動画は--KYUGEI SOTSUTEN 202X 九州産業大学 卒業制作・芸術研究科修了制作展での使用を仮定し、九産大前駅から九州産業大学17号館5階17503、17504教室まで迷わずたどり着いてもらうこと。 -コンセプト --九産大に初めて来ていただいた方にも経路が頭に描きやすい動画 --経路案内動画にありがちな安っぽさを感じさせないデザイン ~ ~ **#08：2024.11.07 ***現状調査：撮影テスト -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as604_st_kyusan-u_ac_jp/Eg0Bkq154w9Fj9-JQ6D1al4BdHSi3j51x5iiA80tS7oZHw?e=nXkt5G]] ~ ***先行事例の調査 -横型動画 --[[&color(gray){【東京メトロ改札～会社エントランスまで】Youtubeへのリンク};>https://www.youtube.com/watch?v=Aznm_LBGULs]] --[[&color(gray){【辻仲病院柏の葉】Youtubeへのリンク};>https://www.youtube.com/watch?v=3C3nMD6-NoI]] -縦型動画 --[[&color(gray){【Caka】Instagramへのリンク};>https://www.instagram.com/caka_shimokitazawa/reel/C2kIjhPP4nl/]] ~ ~ ~ ~ *課題1 VI計画 ~ #image(イメージ.jpg) ~ ~ **概要 ***背景 -学食（学内食堂）は、学生や教職員が日常的に利用する重要な施設であり、機能性や利便性、そして心地よさが求められる -ARTELIAのイメージやロゴの印象が薄いことに気づいた -これは、ロゴの機能性や利便性が低いことを意味している ~ ***目的 -今後ARTELIAのイメージを強固なものにする必要性がある -お店のコンセプトを見つめなおしロゴと店内のイメージを統一する ~ ***コンセプト -「芸術のある食堂」というお店のコンセプトを元にしたロゴの刷新 -店内や客層の雰囲気に合ったロゴの制作 ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(Logo-01.jpg) -モーションロゴ #YouTube(IQh-2sG0RMU) -VIマニュアル --[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as604_st_kyusan-u_ac_jp/EaezFJptVMxEn2433_I4EnwBklX87YoRUI0201oPrYFZYg?e=cesQgO]] ~ ~ ***制作期間 -2024.09.19 - 2024.11.07 ~ ***まとめ -ロゴの達成度 --ギリギリまでロゴをブラッシュアップし、主な利用者の学生を意識してスタイリッシュで少しだけポップな印象を目指しつつ、万人に認識されやすいロゴを制作した。これにより目的であったロゴと店内のイメージを統一することを達成できた。 公共性を意識した結果硬い印象を受ける仕上がりななった。学生食堂ということでもう少し親しみやすさに比重を置いたデザインでも良いかもしれない。 -マニュアルの達成度 --正確で丁寧なマニュアルを作成し、誰でも見やすいように意識して情報整理ができた。黒文字も視認性を少しも損なわない程度に薄め、ノイズだけを軽減したので頭に入りやすい。 -モーションの達成度 --ぱっと見でのっぺりした印象にならないようにエフェクトをかけ、薄く質感を持たせた。モーションロゴを絵コンテ通りに制作する予定がVIマニュアルを製作中にロゴのブラッシュアップすべき場所に気づき時間をとられたため簡略化せざるを得なかった。 ~ ~ **調査 ***現状調査 -店舗の概要 --コンセプト：「芸術のある食堂」 --名前の由来：ラテン語で芸術を意味する「Ars」×「カフェテリア」 --特徴：店内に芸術作品が飾られている --雰囲気：一般的な大衆食堂のイメージ -良い点 --コンセプト通り、店内に芸術作品が飾られている --丼、麺などカテゴリーに分けて受け取り場所があり、コーナーがゴシック体で大きくかかれていてわかりやすい -改善点 --店舗のデザインとロゴの雰囲気があっていない --展示作品と食堂の親和性が低い ~ ***先行事例 -VIに関する基本情報 --[[&color(gray){【入門】ビジュアルアイデンティティ（VI）について};>https://circl.co.jp/ja/views/what-is-visual-identity/]] --[[&color(gray){【事例】VIマニュアル};>https://www.mlit.go.jp/plateau/file/libraries/doc/plateau_doc_0008_ver01.pdf]] -類似する飲食店の事例調査 --[[&color(gray){【福岡の学食】一般利用可能な大学学食を取材！};>https://fanfunfukuoka.nishinippon.co.jp/131029-2/]] --[[&color(gray){【奈良産業大学】 カトルセゾン};>https://labo.a-mz.com/kankyo/kankyo-04.html]] //--[[&color(gray){【象の耳】};>https://zou-33.com]] //https://www.dotzero.jp/showcase/zounomimi/ ~ ***技法・技術情報 -モーションロゴの制作方法 --[[&color(gray){【基礎1】AfterEffectsでの制作手順};>https://note.com/tsuda2525/n/n54fcc6904d03]] --[[&color(gray){【基礎2】illustratorのデータをAfterEffectsへ};>https://www.youtube.com/watch?v=rTg0ixBL6Z4]] ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **#07：2024.10.31 ***使用例 -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as604_st_kyusan-u_ac_jp/EUgPraa1TFBGpdw8xFvizTIBObin2tMen6jGlad-oxpS9Q?e=jA881p]] ~ ~ **#06：2024.10.24 ***モーションロゴ -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:v:/g/personal/k22as604_st_kyusan-u_ac_jp/EUt8lZqHRG5Lr9z2AvSF6sMB3AMu--U18SP3yZTsnd8mFA?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=0kVk8N]] ~ ~ **#05：2024.10.17 ***VIマニュアル -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as604_st_kyusan-u_ac_jp/EaezFJptVMxEn2433_I4EnwBklX87YoRUI0201oPrYFZYg?e=cesQgO]] ~ ~ **#04：2024.10.10 ***字コンテ -起：始まり・状況（ロゴのシルエットが出てくる） -承：続き（シルエットに食べ物のアイコンが入れ替わりで複数入る） -転：変化・クライマックス（ご飯のアイコンが入りAと読めるようになる） -結：結果・オチ（文字が出てくる） ~ ***ストーリーボード -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as604_st_kyusan-u_ac_jp/EQSPeV37xZJPooLqULtY4iMBNIn1ghNBZC_PqN11HGp02w?e=mG9B3j]] ~ ~ **#03：2024.10.03 ***試作（3案） -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as604_st_kyusan-u_ac_jp/Ej41nprrms9JpvVfZljfwioB735oyWKj7ACS_YMLJHcUPA?e=013JhL]] ***先行事例の調査：VIマニュアル -[[&color(gray){【お手本】};>https://www.mlit.go.jp/plateau/file/libraries/doc/plateau_doc_0008_ver01.pdf]] -[[&color(gray){【九州大学】};>https://www.kyushu-u.ac.jp/f/36498/KU-UIdesignmanual_jp_all.pdf.pdf]] -[[&color(gray){【信州ブランド】};>https://www.pref.nagano.lg.jp/eigyo/sangyo/brand/shinshu/documents/cpg0402designmanual.pdf]] ***概要欄の整理 -背景 --アルテリアは現状学生の作品やその他芸術品が飾られている特徴がある --ARTELIAのイメージやロゴの印象が薄いことに気づいた -目的 --お店のコンセプトを見つめなおしロゴと店内のイメージを統一する -コンセプト --「芸術のある食堂」というお店のコンセプトを元にしたロゴの刷新 --店内や客層の雰囲気に合ったロゴの制作 -成果物（制作物） --シンボルマーク / ロゴタイプ --モーションロゴ //--+α ~ ~ **#02：2024.09.26 ***研究対象 -[[&color(gray){アルテリア};>https://www.kyusan-u.ac.jp/news/57070980762a7/]] ***アイデアスケッチ -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as604_st_kyusan-u_ac_jp/EvxNG5Uq17pAjd9tD7FDMhoB-1x3eSGxOcK-vOEdJJPEdA]] ***現状調査：記録写真 -[[&color(gray){OneDriveへのリンク};>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as604_st_kyusan-u_ac_jp/EukcfdUQD3hOoGavfVa3J-AB4pQPtONM5lcpQNAVUP_MGw?e=i1ZI89]] ~ **#01：2024.09.19 ***VIに関する基本情報 -[[&color(gray){【入門】ビジュアルアイデンティティ（VI）};>https://circl.co.jp/ja/views/what-is-visual-identity/]] -[[&color(gray){【事例あり】コーポレートアイデンティティ／ビジュアルアイデンティティ};>https://igi.taki.co.jp/civi]] ~ ***モーションロゴの制作方法 -[[&color(gray){【基礎1】AfterEffectsでの制作手順};>https://note.com/tsuda2525/n/n54fcc6904d03]] -[[&color(gray){【基礎2】illustratorのデータをAfterEffectsへ};>https://www.youtube.com/watch?v=rTg0ixBL6Z4]] ~ ***先行事例の調査：WEB・文献調査 -[[&color(gray){【福岡の学食】一般利用可能な大学学食を取材！};>https://fanfunfukuoka.nishinippon.co.jp/131029-2/]] -[[&color(gray){【奈良産業大学】 カトルセゾン};>https://labo.a-mz.com/kankyo/kankyo-04.html]] //-[[&color(gray){◯◯参考になる一般の飲食店◯◯};>]] //-[[&color(gray){◯◯参考になる一般の飲食店◯◯};>]] ~ ***現状調査：学食の現在の様子 -店舗の概要 --コンセプト：「芸術のある食堂」 --名前の由来：ラテン語で芸術を意味する「Ars」×「カフェテリア」 -良い点 --コンセプトがわかる店内 --作品が飾られている -改善点 --ロゴの印象が店内のイメージと違う --展示作品と食堂の親和性が低い ~ ~