#author("2023-12-25T14:57:23+09:00","default:member","member") #author("2023-12-25T15:08:15+09:00","default:member","member") [[情報デザイン演習IIIB]] //ここから*************************************** *課題2 経路案内 #image(学科サイト.jpg) -''宮路咲希'' ~ **概要 ***背景 -九州産業大学を知らない人は、会場までの行き方がわからない -5学科の卒業作品が点在しているため、ソーシャルデザイン学科の展示場所が分かりにくい ~ ***目的 -会場に行くまでの道中に出てくる建物にもフォーカスを当て、ソーシャルデザイン学科の展示場所までの道のりが一通りわかるようにする ~ ***コンセプト -会場までの道のりだけを伝えるのではなく、途中に何があるのかも紹介する -文字は少なめにし丸ゴシック体を用いて、すっきりとした動画にする ~ ***成果物の仕様 -YouTube --1920*1080px --30秒 -Instagram --1080*1920px --30秒 ~ ***制作期間 -2023.11.16 -2023.12.21 ~ ***メンバー -チーム名：かんぱち -宮路咲希 -[[中井千尋>https://design.kyusan-u.ac.jp/socialdesign/?%E4%B8%AD%E4%BA%95%E5%8D%83%E5%B0%8B/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%BC%94%E7%BF%92%E2%85%A2B]] ~ ***まとめ -会場に行くまでの道中に出てくる建物や展示会場のフロアで、動画の速度を落としたことで、会場に行くまでの道中に出てくる建物にもフォーカスを当てることができた。 - ~ ~ **調査 ***現状調査 -背景 --九州産業大学を知らない人は、会場までの行き方がわからない --5学科の卒業作品が点在しているため、ソーシャルデザイン学科の展示場所が分かりにくい ~ ***先行事例 -[[東京都美術館へのご案内>https://youtu.be/UsZx3C7ObME?si=Ypq-PrQVRmCGqQHh]] --目的地（東京都美術館）までに通る近隣の建物にもカメラを向けて視野を広げる。 ~ ***技法・技術情報 -Aftereffect -illustrator ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2023.12.14 ***動画のアップロード -[[YouTube>https://youtu.be/Vi7FzyQ7x4U]] --1920*1080px --30秒 #YouTube(Vi7FzyQ7x4U) -[[Instagram>https://www.instagram.com/reel/C0_L9RiPZmw/?igshid=MzRlODBiNWFlZA==]] --1080*1920px --30秒 ***編集 -OneDriveのリンク --[[経路案内横>https://ksumail-my.sharepoint.com/:v:/g/personal/k22as028_st_kyusan-u_ac_jp/EcpaXbxN-I9InDetEQHSfocBTrUJ50q-XarZ6tOMEE7Tdg?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=nTZqMb]] --[[経路案内縦>https://ksumail-my.sharepoint.com/:v:/g/personal/k22as028_st_kyusan-u_ac_jp/EUsBW0mjVYNLgIqtU6jJfHQBgpRR0z_CBXxDqeuzdcnqzw?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=dcbkNc]] ***メインビジュアル・サムネイルの制作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EujsCKq6sTpJmbqWpVWwMgEBIOh6_rwAX5DGQ0IWkPGZsg?e=edSGG4]] -- ~ https://youtu.be/Vi7FzyQ7x4U ***動画編集 - ~ ~ **2023.12.07 ***撮影 -[[OneDrive>https://ksumail-my.sharepoint.com/:v:/g/personal/k22as028_st_kyusan-u_ac_jp/EYcEbVG64TxOtnZKUccEMnMB4qN1INo7WE0IvjGmOYIWug?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=Xy1kTL]] ***動画の構成 -オープニング（タイトル） --九産大北門をサムネにする --タイトル：九芸卒展2024ソーシャルデザイン学科展示会場経路案内 -スタート --九産大前駅の改札をでたところから -移動時 --in.outと17号館で一旦停止（目的地に行くまでに見える建物にフォーカス） -分岐 --カラフルな棒のところで曲がる（左に曲がることを伝える） -エレベーター --ドアtoドア、エレベーター内の5階の表示も撮る -ゴール --17504がゴール -その他 --最後に画面内に人が入って手を振って終了 ~ ~ **2023.11.30 ***プロトタイプ制作 -OneDriveのリンク [[経路案内横>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EuxgRvR6cLBCg0vdB1c9DDcBVcB_nmY1mh_rz-lCqVuCZw?e=HNFSa7]] [[経路案内縦>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/ElGWYfKgQnlAh4aIzWZpNh4BmqCl1PD4Ww7S3pLx8in_Aw?e=sPXEcP]] ~ ~ ~ **2023.11.16 ***試作：撮影テスト -OneDriveのリンク --[[経路案内スマホ動画横>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EoEgUx7PJAFDlUBzu9ADo1ABxqCurwkVcRKc0LcHpoaZvQ?e=TLb84X]] --[[経路案内スマホ動画縦>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/Et_knBpJvGhCnT8tNb2DBgkBBLEgf6SFrJigXqbVyk7Ssg?e=U5pwWu]] ***先行事例 -[[東京都美術館へのご案内>https://youtu.be/UsZx3C7ObME?si=Ypq-PrQVRmCGqQHh]] |#youtube(UsZx3C7ObME?si=Ypq-PrQVRmCGqQHh)| --目的地（東京都美術館）までに通る近隣の建物にもカメラを向けて視野を広げる。 ~ ~ ~ ~ //ここまで*************************************** *課題1 アルテリア VI計画 #image(合成写真.jpg) -''宮路咲希'' ~ **概要 ***背景 //&color(red){計画の背景}; 芸術のある食堂をコンセプトにして作られたのに、 昼の時間は学生だらけでとにかく人が多い。 ~ ***目的 //&color(red){計画の目的}; 学生がもっと親しみやすい食堂に雰囲気を変える。 シンプルだけど可愛らしいデザインに。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; まるで学生の落書きから生まれたようなイメージ ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(wNgDoWj-Dh8) -シンボルマーク・ロゴタイプ #image(22AS028宮路咲希VIシンボルロゴ.jpg) -[[VIマニュアル>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as028_st_kyusan-u_ac_jp/EQihAYLoXhRGtre47w7xtgcBHdtTiI4iX-lYrT5EhmReJw?e=ZVffUg]] //-その他 ~ ***制作期間 //&color(red){制作期間｜20XX.XX.XX - 20XX.XX.XX }; -2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -その場所にあったロゴを考えることで、自分の使っている学食のことをちゃんと知ることができた。 -学生の落書きというコンセプトにあうように、効果音や動きでモーションロゴを制作することができた。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -現代におけるVI計画の活用事例 --[[Ourly Mag>https://ourly.jp/visual-identity/]] --[[Mission Driven Brand>https://www.missiondrivenbrand.jp/entry/kaitai_branddesign]] -学食の現在の様子 良い点:芸術学部の作品が飾られている、木の柱で温かみを感じられる 改善点:人が多すぎてゆっくりできない、忙しない雰囲気、芸術作品が埋もれている ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -類似調査 --みのりカフェ --星乃珈琲店 ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -ロゴ制作 illustrator -写真合成 photoshop -モーショングラフィックス aftereffect --[[KBC>https://youtu.be/9ewIU-8qp7M?si=6q9aN2iJuQd8iG2a]] --[[大阪中之島美術館モーションロゴ>https://youtu.be/Bv-W0hRbtPg?si=l2tGMU1PibxdfXLo]] --[[企業サウンドロゴ集(現在使用中のもの)100連発>https://youtu.be/SpnCoq8vj8A?si=HGwXTtBtE_WoE9ee]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2023.12.25 -シンボルロゴのブラッシュアップ -シンボルロゴ、VIマニュアルのブラッシュアップ ストローク（スプレー）を使ってクレヨンで描いたようなザラザラ感を表現 線の始まりと終わりを少し太めにしてインク溜まりを表現。 --岩田先生からの講評、修正点 フォークとスプーンも手書きした感じに変更 インク溜まりみたいなものを表現すると良い 意識的に崩す 足の隙間の部分の処理（大きさ統一） ~ ~ ~ **2023.11.09 -学科サイト完成 -モーショングラフィックス完成 --[[モーショングラフィックス完成>https://youtu.be/wNgDoWj-Dh8]] |#youtube(wNgDoWj-Dh8)| ~ ~ ~ **2023.10.26 -合成写真作成 [[合成写真>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as028_st_kyusan-u_ac_jp/EcfpGiOPs-FMv9q6PGsbSRoB-Q8KSo04_B3LUlkB7zR2wg?e=ESwuqT]] -モーショングラフィックス作成 --[[モーショングラフィックス試作>https://youtu.be/WmADbO7w-3k]] |#youtube(WmADbO7w-3k)| -MEMO --学科サイト完成 --岩田先生のOneDriveにリンク貼付 --モーショングラフィックス作成（音入れ、Aの歩き方の工夫） --モーショングラフィックス完成品YouTubeにYouTubeに載せる ~ ~ ~ **2023.10.19 -VIマニュアル作成 [[VIマニュアル>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as028_st_kyusan-u_ac_jp/EQihAYLoXhRGtre47w7xtgcBHdtTiI4iX-lYrT5EhmReJw?e=ZVffUg]] ~ ~ ~ **2023.10.12 -ロゴ3案 イラレで作成終了 [[ロゴ案>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EqR14Q0GC7hCp0X5TjTvToEBwgdxNT_YrmvVIXjS9EVPkw?e=lbA7Ag]] -字コンテ・絵コンテ [[字コンテ・絵コンテ>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as028_st_kyusan-u_ac_jp/EUCKSPkj5-9Knmcsb-eKmU8BP84PZzNAQ6e6kFNjsiLhCQ?e=3pjJet]] ~ ~ ~ **2023.10.05 //進捗記録 //次回までにすること ***背景・目的・コンセプト -背景 芸術のある食堂をコンセプトにして作られた →学生が一番使う食堂になっており、昼の時間は学生だらけ →とにかく人が多くてゆっくりできない状態 -目的 学生がもっと親しみやすい食堂に雰囲気を変えつつ、 シンプルだけど可愛らしいデザインにできないか。 -コンセプト 学生の落書きから生まれたようなイメージで作成。 →これを元にロゴ作成 ***アイデアスケッチ -アイデアスケッチの案を2つくらいに絞って、Illustratorで作図する [[ロゴ案>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EqR14Q0GC7hCp0X5TjTvToEBwgdxNT_YrmvVIXjS9EVPkw?e=lbA7Ag]] -メモ --メインビジュアルの設定 1100×400px ※画像のデータサイズに注意 ~ ~ ~ **2023.09.28 ***先行事例の調査（類似する飲食店） [[類似調査>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EgErth_Nf1pCru149SyGojYB1t7YMRizTJC6IEoIDlVPtw?e=UiMxZ1]] -みのりカフェ -星乃珈琲店 ***学食ロゴ調査 [[Pinterest>https://pin.it/1Xth71i]] //図書館 ***アイデアスケッチ [[アイデア案>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EkeYOP27KdNGrtN2IZMdKOABSrrkOaBAv9Yg2txtnyBXGQ?e=qzbahg]] -アルテリアについて --[[アルテリアの由来（九産大HPより）>https://www.kyusan-u.ac.jp/news/57070980762a7/]] --Ars（ラテン語で芸術）とカフェテリアを合わせてアルテリア →芸術っぽさが感じられない →今ある食堂の温かさは活かせないか？ ~ ~ ~ **2023.09.21 ***調査 ①現代におけるVI計画の活用事例 ネット記事から -[[Ourly Mag>https://ourly.jp/visual-identity/]] --ブランド力の向上 --企業理念や商品コンセプトが可視化される （例）Facebook、マツダ -[[Mission Driven Brand>https://www.missiondrivenbrand.jp/entry/kaitai_branddesign]] --5つの効果 ⑴第1印象を形成する ⑵ブランドを認識されやすくする ⑶記憶に定着させる ⑷手がかり ⑸愛着 （例）ポカリスエット、ダノンBIO、ハーゲンダッツなど ②モーションロゴの制作方法 KBC（左）、大阪中之島美術館モーションロゴ（右） |#youtube(9ewIU-8qp7M?si=6q9aN2iJuQd8iG2a)|#youtube(Bv-W0hRbtPg?si=l2tGMU1PibxdfXLo)| 企業サウンドロゴ集(現在使用中のもの)100連発 |#youtube(SpnCoq8vj8A?si=HGwXTtBtE_WoE9ee)| ③先行事例の調査（類似する飲食店の事例） -スタバ -コメダ珈琲 ~ ***学食の現在の様子 -[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EswgNLrTdg5BlIilYnyRKHsBNLcs0RaFIrkZ8OIcKwZZMg?e=UOMqFr]] 良い点:芸術学部の作品が飾られている、木の柱で温かみを感じられる 改善点:人が多すぎてゆっくりできない、忙しない雰囲気 -[[オアシス>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EnboeZAEmWNKp9ThmZiKalMByyBEa1FTotHnAmFkFyou-A?e=Pp6vr9]] 良い点:入りやすい外観 改善点:学食内にあるレストランの存在感がイマイチ -[[クオーレ>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/EqIcSEwwnC9IlGCOSvG4g9cBQZlAs9KMyszTgEBrMQzCYQ?e=G5SXhq]] 良い点::内観がお洒落 改善点:クオーレのフォントが涙 -[[クラブハウス>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as028_st_kyusan-u_ac_jp/Ev6CF8tQCiBAmtjA9YmTAk8Bc-2NKjaXqnpiR-5DLX0zNQ?e=kGZWFY]] 良い点:外観内観共に雰囲気が統一されている 改善点:中のメニュー表が雰囲気と合っていない ~ ~ ~