#author("2025-12-24T19:00:48+09:00;2025-12-24T18:57:20+09:00","default:member","member") #author("2025-12-25T11:39:22+09:00;2025-12-24T18:57:20+09:00","default:member","member") *佐々木陽菜 [[情報デザイン演習IIIB]] ~ ~ *課題2 経路案内 ~ ※音あり #YouTube(jOc6uQ9YKtw) ~ ~ **概要 ***背景 -静かに作業できる場が少ない。 -先輩と交流する機会がない。 ~ ***目的 -岩田先生の研究室、ゼミ室の場所を知ってもらう。 -静かに作業できる場として提案する。 ~ ***コンセプト -「時間、体力を最小化する超効率ルート」 -岩田先生や研究室のイメージ・雰囲気に合った映像にする。 ~ ***成果物の仕様 -[[YouTube（横型動画）1920 × 1080 px>https://youtu.be/jOc6uQ9YKtw]] -[[YouTube（縦型動画）1080 × 1920 px>https://youtube.com/shorts/uTZle4tjg20]] ~ ***制作期間 -2025.11.13 - 2025.12.25 ~ ***まとめ -カラーは先生らしい白黒に加えて先生の好きな色かつ研究室の観葉植物をイメージした緑を使用し、フォントは先生の好きなDINをメインに使用したため、岩田先生や研究室の雰囲気を表現できた＝コンセプトに沿った映像ができたと思う。 -岩田先生や研究室の雰囲気を表現するために、カラーは先生らしい白黒に加えて先生の好きな色かつ研究室の観葉植物をイメージした緑を使用し、フォントは先生の好きなDINをメインに使用した。コンセプトに沿った映像ができたと思う。 -"時間、体力を最小化する" ため、動画の尺は1分を切るように設定し、動画内に簡易マップを表示させた。ショート動画はより手軽に見れるよう、横動画より尺を短くした。 -手ブレに気をつけて撮影をしたが早送りにすると揺れが気になったため、放射状ブラーを使用し映像を滑らかに仕上げることができた。 -納得いくまでこだわれた。楽しかったです。 ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **#13：2025.12.18 ***作品の仕上げ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as012_st_kyusan-u_ac_jp/IgCDyDFp2FXdQYGFaiPRI9c-AS_mXGkgjya9YWyWURq7UeQ?e=VbYmdZ]] --サムネイル --縦動画 --横動画 ~ ~ **#12：2025.12.11 ***書き出しテスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as012_st_kyusan-u_ac_jp/IgCcK--yOwZwSamlq2gdsfWrAeeOIsuVQajCozoMvJpqtXE?e=GbQnjc]] //https://youtu.be/nC8NCEMk-oA //https://youtube.com/shorts/LESBZA1H2TE?feature=share ~ ~ **#11：2025.12.04 ***相互評価 -企画 --''自己評価'': 問題ないと思う。 --問題ない。 -撮影 --''自己評価'': 早送りした時に手ブレが気になったので、歩き方に注意して撮影するor編集 --問題ない。倍速のスピードも◎ -編集 --''自己評価'': 試作段階ではまだテキストの作り込みが出来ていないので、本制作に向けてアイデアを膨らませておく。 --地図やマークでわかりやすくなっている点が◎ ~ ~ **#10：2025.11.27 ***試作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as012_st_kyusan-u_ac_jp/IgBT7-Lpb635QriknfwLSc-CAcUerXJBbAjiQPXwFcL2nv4?e=xOgeL9]] ~ ~ **#09：2025.11.20 ***企画 -ストーリーボード --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as012_st_kyusan-u_ac_jp/IQDMAoaMDwn3Ta_6dQa2_1erAfQaDcqMF5mIhzfgLHh3Xo8?e=69Wjzi]] -字コンテ --1：JR九産大前駅 えきなかギャラリー前からスタート --2：九州産業大学 北門前まで歩く --3：15号館と17号館の間にある芝生スペースの手前を左に曲がる --4：17号館 1階エレベーター前 --5：17号館 8階エレベーター到着 --6：岩田研究室・ゼミ室前でゴール --7：研究室・ゼミ室の説明（主にゼミ室） -概要 --背景 ---静かに作業できる場が少ない。 ---先輩と交流する機会がない。 --目的 ---岩田先生の研究室、ゼミ室の場所を知ってもらう。 ---静かに作業できる場として提案する。 --コンセプト ---「時間、体力を最小化する超効率ルート」 ---岩田先生や研究室のイメージ・雰囲気に合った映像にする。 ~ ***先行事例の調査 -文字表現の調査 --Instagram: [[退屈な見た目の動画にどこまで見応えをプラスできるのか？>https://www.instagram.com/reels/DNm5eO1SZIr/]] --YouTube: [[テキストアニメーション15選 / After Effects CC2024 使い方講座>https://youtu.be/H2BKpouB0Y0]] --YouTube: [[【After Effects】かっこいいタイトルアニメーションの作り方 by Easy after effects 《アフターエフェクトチュートリアル》>https://youtu.be/OMQzlP0cVS4]] --YouTube: [[【After Effects】Sam kolder風 ゆれる文字の作り方《アフターエフェクトチュートリアル》>https://youtu.be/TX7U6Wkmplg]] --YouTube: [[【After Effects】書き順通りに文字を出現させるテキストアニメーションの作り方 Handwriting text animation 《アフターエフェクトチュートリアル》>https://youtu.be/SfNPDj4GRlk]] --YouTube: [[【AfterEffects】かっこいいテキストアニメーションの作り方【アフターエフェクトチュートリアル】>https://youtu.be/Vuh9Gjlo_Is]] ~ ~ **#08：2025.11.13 ***現状調査：現場の状況 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as012_st_kyusan-u_ac_jp/IgBdLcz8L4Y1SogT6XaHOzouAQzibiPDDXxmYpBoygTGDEw?e=E2mxVJ]] ~ ***先行事例の調査 -横型動画 --[[YouTube: 道案内動画 東京メトロ改札～会社エントランスまで>https://youtu.be/Aznm_LBGULs]] --[[YouTube: 【道案内動画〜市バス編】>https://youtu.be/3wsjnvjKnSg]] -縦型動画 --[[Instagram: 三角公園からチャッペルルの行き方>https://www.instagram.com/reel/DJL6sKSJFRQ/]] --[[Instagram: 御堂筋本町駅からNOTEQUALCOFFEEまでの道案内>https://www.instagram.com/reels/DOW4eqpE_QM/]] ~ ~ ~ *課題1 VI計画 ~ #image(mainvisual2b.jpg) ~ ~ **概要 ***現状 -席数が多く広いため多くの学生に利用されており、学食の店内は明るく、また学食のスタッフさんも優しいため親しみやすい学食 -学食以外にも学校のイベントで使われたり、作業目的で利用する学生もいる ~ ***課題 -ロゴの印象と学食の印象に相違がある -学食以外でも利用されるためか、全体の統一感が弱い ~ ***目的 -学食全体の統一感を出し品質を高める -学食感もありながら、その他の目的での利用もできる（人が集まる）ような幅のあるデザインを創造する ~ ***コンセプト -人が集まる場所なので、親しみやすいなどの内装の印象に近づけたデザイン -情報量が少なく、印象がパッと分かりやすいデザイン ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(vilogo2.jpg) -モーションロゴ ※音無し #YouTube(0R_viR3y6jg) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as012_st_kyusan-u_ac_jp/EelW23jp2nlGhCgr6vSIIkMBVCyubBmgh4on1YP5ecmSYA?e=0r9PB9]] ~ ***制作期間 -2025.09.18 - 10.30 ~ ***まとめ -内装に多いパステルカラーとなじみの良いカラーで仕上げることができた。また、星をモチーフにすることで学食のイメージだけでなく “人が集まる” 場所のイメージの表現もできたと思う。 -同じVIマニュアルでも、ロゴ等の用途によって書かれている内容が異なっていた。そのロゴ等が何に使われるのかによって書く内容を取捨選択していると感じた。 -上記のVIマニュアルの学びから、今回のロゴは食器などの製品に使われることもあると考えたため、VIマニュアルに製品での使用事例や注意も載せるとより良いかと思った。課題からデザインすると目的が見えやすかったので、今後意識したいと思った。 ~ ~ #hr CENTER:''進捗記録'' #hr ~ **#06：2025.10.23 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k24as012_st_kyusan-u_ac_jp/EW_Xz7G4VXdGt7VXa472A5ABWO1s1SEUtqeGGhP-nCndcw?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=9YNR9V]] ~ ~ **#05：2025.10.16 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as012_st_kyusan-u_ac_jp/EelW23jp2nlGhCgr6vSIIkMBVCyubBmgh4on1YP5ecmSYA?e=0r9PB9]] ~ ~ **#04：2025.10.09 ***字コンテ -ペンで描くようにパスを表示させる -タイトルが下からスライドイン -その他の装飾の登場・モーション ~ ***ストーリーボード -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as012_st_kyusan-u_ac_jp/EZ7A5IiQQ7VFr4OGX5xunLEBeYLFqhsXjl9qnuXhmvN92g?e=vASrpk]] ~ ~ **#03：2025.10.02 ***サイトの整理 -概要の追加と整理 ~ ***先行事例の調査：VIマニュアル -[[九州産業大学>http://art.kyusan-u.ac.jp/VI/data/pdf/ksu-bdesign.pdf]] -[[福岡県知事指定 特産民工芸品>https://www.pref.fukuoka.lg.jp/uploaded/attachment/218748.pdf]] -[[Apple>https://online.fliphtml5.com/snxys/kzee/]] -[[マクドナルド>https://online.fliphtml5.com/snxys/zmrd/]] ~ ***作図 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as012_st_kyusan-u_ac_jp/EbVNCl6bbXZMlevrPhQSwREBuFuGahqO7jsaXl1OB1Z48g?e=pY5j0t]] ~ ~ **#02：2025.09.25 ***概要の整理 -現状 --席数が多く広いため多くの学生に利用されており、学食の店内は明るく、また学食のスタッフさんも優しいため親しみやすい学食 --学食以外にも学校のイベントで使われたり、作業目的で利用する学生もいる -課題 --ロゴの印象と学食の印象に相違がある --学食以外でも利用されるためか、全体の統一感が弱い -目的 --学食全体の統一感を出し品質を高める --学食感もありながら、その他の目的での利用もできる（人が集まる）ような幅のあるデザインを創造する -コンセプト --人が集まる場所なので、親しみやすいなどの内装の印象に近づけたデザイン --情報量が少なく、印象がパッと分かりやすいデザイン ~ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as012_st_kyusan-u_ac_jp/Et9UvIw-lhtOkKgPt1wkPbkBdsFIAoRA1hXF7zkOJ7psOQ?e=cgaEhN]] ~ ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as012_st_kyusan-u_ac_jp/EvxWqK0EAyVLsyG9w37InWwB52tltSI9-1ilhWKLLObeSw?e=ZPHEtm]] ~ ***対象店舗 -アルテリア ~ ~ **#01：2025.09.18 ***VIに関する基本情報 //-[[PR TIMES CI・VI・BIとは？>https://prtimes.jp/magazine/ci-vi-bi/]] -[[CIRCL - VIとは？>https://circl.co.jp/ja/views/what-is-visual-identity/]] -[[TOPPAN - VIとは？>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.toppan-colorer.co.jp/column/4375&ved=2ahUKEwjf0YXumeGPAxVCn68BHb_1L-YQFnoECCYQAQ&usg=AOvVaw2qZjP4vFAAQ7ofS-ZQxlt3]] ~ ***モーションロゴの事例 -[[企業ロゴアニメーション>https://youtu.be/5hTNJO1Oiyg]] -[[50 Amazing Motion Graphics>https://youtu.be/0XNposXBlkk]] ~ ***モーションロゴの制作方法 -[[アニメーションの12原則>https://youtu.be/5CGKVZaofwI]] -[[リキッドアニメーション>https://youtu.be/LoHjaNN3yoU]] -[[キャラクターアニメーション（動物）>https://youtu.be/WhcaE6upgo4]] -[[キャラクターアニメーション（人）>https://youtu.be/ZHR2EpEPr18]] -[[テキストアニメーション>https://youtu.be/Vuh9Gjlo_Is]] -[[粒子アニメーション>https://youtu.be/XVKfe3Lt3hg]] -[[テクスチャアニメーション>https://youtu.be/WCuvV6Ymw4s]] -[[手書き風アニメーション>https://youtu.be/W6i5SCgRdcU]] ~ ***先行事例の調査：WEB・文献調査 -[[東洋大学 学生食堂（白山キャンパス）>https://sites.google.com/toyo.jp/student-support/support/cafeteria/hakusan]] -[[國學院大學 メモリアルレストラン、和[NAGOMI] etc...>https://www.kokugakuin.ac.jp/about/information/p13]] 雰囲気の統一感 //-[[学食が「美味い！」大学ランキング>https://www.your-intern.com/plus/gakushoku-osusume-ranking/]] //-[[立教大学 第一食堂>https://www.rikkyo.ac.jp/campuslife/facilities/ikebukuro/dininghall.html]] -[[サイゼリア>https://www.saizeriya.co.jp]] ブランドカラー -[[BURGER KING>https://www.burgerking.co.jp/home]] 独自のフォントを採用 -[[コメダ珈琲店>https://www.komeda.co.jp/commitment/kutsurogi.html]] 内装と外装のイメージ一致 ~ ***現状調査：学食の現在の様子（アルテリア） -店舗の概要 --席数が多く広い --昼休みに多くの人が利用している --イベントで使われたり、作業目的で利用している学生もいる --学食のスタッフさんが優しい -VIに関する良い点 --内装が明るく親しみやすい点 --お盆にロゴタイプが載っているなど、ロゴの活用がある点 -VIに関する改善点 --メニュー写真が小さく、どんな商品かわかりづらい点 --内装の統一感がない点（照明やテーブル/椅子など） ~ ~