#author("2023-12-20T15:07:08+09:00;2023-11-30T12:16:06+09:00","default:member","member") [[情報デザイン演習IIIB]] *課題2 経路案内 Main Visual -''Mayuki Kamada'' ~ **概要 ***背景 17号館までの道のりと入り口がどこなのかわかりずらい。 ~ ***目的 -道のりを事前に予習できる動画 ~ ***コンセプト - ~ ***成果物の仕様 -YouTube --1920*1080px --30秒 -Instagram --1080*1920px --30秒 ~ ***制作期間 -2023.11.16 - 2023.12.21 ~ ***メンバー -チーム名:まゆーみん -[[梅木悠民>[[梅木悠民/情報デザイン演習ⅢB]]]] -鎌田真幸 ~ ***まとめ //-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ //-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ ~ ~ **調査 ***現状調査 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/EuADktKqQ_hEmdS_Ov2mvSQBmxsG25GN_hrWP9Pt3Sv9Ng?e=ZCQl1k]] ~ ***先行事例 -[[道案内動画Walkstory>https://youtu.be/LE2l2iSUSgA?si=UNxA_IpT31m6xu7r]] --道案内動画サービスWalkstoryのサンプル動画 -[[【道案内動画〜地下鉄編】ことばのはおと>https://youtu.be/JRbnZpJy2aI?si=zM6qQliS9A4tHhCC]] --京都にある町家ブックカフェの経路案内 ~ ***技法・技術情報 //-◯◯◯◯◯ //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.12.14 ***動画のアップロード -[[YouTube>https://youtu.be/o-RAJT70Fbc]] --1920*1080px --30秒 -[[Instagram>https://youtube.com/shorts/0kp6bimQBrI]] --1080*1920px --30秒 ***編集 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/iwata_mail_kyusan-u_ac_jp/EvnvaxDEbX1HkZE8b848ICYBp5pNw35qnSnf0BG8mFUHCA?e=e7AgpG]] --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ***メインビジュアル・サムネイルの制作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/iwata_mail_kyusan-u_ac_jp/EvnvaxDEbX1HkZE8b848ICYBp5pNw35qnSnf0BG8mFUHCA?e=e7AgpG]] --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2023.12.07 ***撮影 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/EsPWalM2ZFlLoeM7Asj1N2IBIZjckEcVVbIpHccf1c6b3Q?e=04qoCY]] --本制作へ向けて、動画を撮影しました ***動画の構成 -オープニング(タイトル) --「九芸卒展2024 経路案内」の文字を入れる --九芸卒展の説明(移動時にするかも?) -スタート --九産大前駅の出口からスタート -移動時 --目印になる建物は長めに映す -分岐 -- -エレベーター -- -ゴール -- -その他 -- ~ ~ **2023.11.30 ***プロトタイプ制作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/El9rFo_FYeFNm6WEo3hdwf0BZsFFCi9QEUFppI0xjx99Zw?e=W8kBrv]] --タイムリマップを使用しました --本制作では、エレベーターの中での作業シーン(ボタンを押すなど)をカットしても⚪︎ ~ **2023.11.16 ***試作:撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/EuADktKqQ_hEmdS_Ov2mvSQBSXweRJ3nfGlxrSbWar5Wwg?e=eILogb]] --試作用の動画を撮影しました ***先行事例 -[[道案内動画Walkstory>https://youtu.be/LE2l2iSUSgA?si=UNxA_IpT31m6xu7r]] --道案内動画サービスWalkstoryのサンプル動画 -[[【道案内動画〜地下鉄編】ことばのはおと>https://youtu.be/JRbnZpJy2aI?si=zM6qQliS9A4tHhCC]] --京都にある町家ブックカフェの経路案内 ~ ~ ~ ~ *課題1 アルテリア VI計画 #image(main-visual_c.jpg) -''Mayuki Kamada'' ~ **概要 ***背景 -ロゴタイプとロゴマークから連想される学食のイメージと、実際に学食で提供されている料理や店内の雰囲気に差がある ~ ***目的 -ロゴマーク・ロゴタイプから思い浮かぶ学食のイメージと実際の学食内の様子との差を少なくする ~ ***コンセプト -柔らかい配色にし、現在のデザインよりも親しみやすいデザインに -ひと目で学食だとわかるデザイン -どんな料理が提供されているのか分かりやすいロゴマーク ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(_RcLMCkj788) -シンボルマーク・ロゴタイプ #image(arteria.png) -[[VIマニュアル>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as011_st_kyusan-u_ac_jp/EXD9-fd7_oxCs6ULf8KaG5EBUJeKxcd_5Q4A9McS84GvSQ?e=EYdTbd]] ~ ***制作期間 -2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -柔らかい色味を使い、親しみやすいデザインにできた -筆でイラストを描くというアートの要素をモーションに取り入れることができた -はじめは線のみの予定だったが、線だけだとあまり目立たなかったため、背景に白を使用した ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -現代におけるVI計画の活用事例 --[[ビジュアルアイデンティティ(VI)とは?>https://ourly.jp/visual-identity/]] ---VIの効果 ---VIの企業事例 (マツダ, Facebook, スターバックス) --[[ビジュアルアイデンティティに必要な要素と作成の流れ>https://chics.top/news/1626/]] ---企業のVI事例 (三井住友銀行, スターバックス, コカ・コーラ, QB HOUSE, Apple) ~ -学食の現在の様子について --[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/EtaKl9-bksFIiWWru_hl-FYBQrzO_ntKp5Je3IngJPpO6A?e=z0Dec0]] ---席数が多く、飲食スペースがしっかり確保されている ---芸術学部の作品が展示されている ---学食の名前・外観と提供されている料理でギャップがあるように感じた ---学食のロゴを見つけにくい ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -WEB・文献調査 --[[TORRA CLARA>https://asobo-design.com/nex/blog-43-4-31959.html]] ---ブラジルにあるカフェの事例 -現地調査:類似する飲食店の事例 --ステーキガーデン風の邱→[[リンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/EpIjnv5jmPVHtWcAECQgyaEBWDNGuUT1AwNKLSaSycOaQA?e=NDCkkJ]] ---コース料理をリーズナブルに食べることができるお店 ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -モーションロゴの制作方法 --[[モーションロゴ風のキャラクターアニメーション>https://youtu.be/WhcaE6upgo4?si=uqACkk-NEL66vmlW]] --[[シェイプレイヤー入門講座>https://youtube.com/playlist?list=PLVUo6C3cyeb9fOtpRie0ehrEnohhsOTv8&si=ZsThynyqStUUmcQD]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.10.26 ***モーションロゴ制作 -[[完成品>https://youtu.be/_RcLMCkj788]] //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ~ **2023.10.19 ***VIマニュアル -[[PDFファイルへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as011_st_kyusan-u_ac_jp/EXD9-fd7_oxCs6ULf8KaG5EBUJeKxcd_5Q4A9McS84GvSQ?e=nrnzb0]] ~ ***合成写真:使用イメージ -[[画像ファイルへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/Elsd7oglx_ZBpBdv0QXBLSgBL6MwUUKOKmrAF3X2f4bkOg?e=rPeEvt]] ~ ***モーションロゴ 試作 -[[試作品>https://youtu.be/O82_7saVh_0]] --筆が出てきてご飯の絵を描くまで ~ ~ **2023.10.12 ***モーションロゴのアイデア -絵コンテ(ストーリーボード) -- [[リンクはこちら>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as011_st_kyusan-u_ac_jp/EVwIXCvsDQRDkw4tILlsfIUBmY0qCGei0pBEoJWMve8YHA?e=epnUcK]] -字コンテ --起:始まり・状況(右から筆が登場し、ご飯と茶碗を描く) --承:続き(筆で茶碗の中に"arteria"と書く) --転:変化・クライマックス(arteriaのart部分が点滅し、色が変わる) --結:結果・オチ(ロゴ完成) ~ ***Illustratorを用いた作図(試作) -[[リンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as011_st_kyusan-u_ac_jp/EbJf3lx-EOBJnUY0qAUc708B6HDWrzDAoU4XACsflkxNyA?e=zYg6RM]] --案1 筆とフォークでAの形を作り、その間にARTERIAのAに挟まれた"RTERI"を入れた案 --案2 食堂だとわかりやすいように、お茶碗によそったご飯を用いた案 --案3 お茶碗の中に"arteria"、"art"の部分の色を変えて強調した案 ~ ~ **2023.10.05 ***背景・目的・コンセプトの設定 -背景 --ロゴタイプはシンプルでスタイリッシュな感じ。ロゴマークも現代風のおしゃれなものだが、学食で提供されている料理や店内の雰囲気とは差がある印象があった -目的 --ロゴマーク・ロゴタイプから思い浮かぶ学食のイメージと実際の学食内の様子との差を少なくする -コンセプト --現在のデザインよりも、もっと親しみやすいデザインに ---柔らかめの配色 ---ひと目で学食だとわかるデザイン ---どんな料理が提供されているのか分かりやすいロゴマーク ~ ***アイデアスケッチ(10案) -[[リンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as011_st_kyusan-u_ac_jp/EcrHxBOEHcFKmoaxdSRXJBsBI422LPTXy_gmxdNFbZG0SQ?e=9bBhl0]] ~ ***Illustratorを用いた作図(試作) //PDF形式 -[[リンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as011_st_kyusan-u_ac_jp/Ec0JruG-db1Inacn1RROYNwBJiSEwgkPayHrRUb390tSlA?e=ftNsDo]] ~ ~ **2023.09.28 ***調査(現地):先行事例の調査(類似する飲食店の事例) -[[ステーキガーデン風の邱>https://www.nurubon.co.jp/tenpo/kazenooka/]] --店内の写真→[[リンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/EpIjnv5jmPVHtWcAECQgyaEBWDNGuUT1AwNKLSaSycOaQA?e=jlNeHP]] --厳選されたステーキや和牛を使用したハンバーグ、糸島の魚や野菜を使ったコース料理をリーズナブルに食べることが出来るお店。 --ブラウンを基調とした落ち着きのある店内となっており、照明もあたたかみのある色のものが使用されている --テーブル席は柱や観葉植物を用いて仕切られている ---半個室のようになっている ~ ***アイデアスケッチ -[[リンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/Emi6vqB8azxHk6qeFfHVQOQBrA0nfkCPrwE5rL0WUozAHQ?e=DFcQJy]] ~ ~ **2023.09.21 ***調査(文献・WEB):現代におけるVI計画の活用事例 -[[ビジュアルアイデンティティ(VI)とは?>https://ourly.jp/visual-identity/]] --VIの効果 --VIの企業事例 (マツダ, Facebook, スターバックス) -[[ビジュアルアイデンティティに必要な要素と作成の流れ>https://chics.top/news/1626/]] --企業のVI事例 (三井住友銀行, スターバックス, コカ・コーラ, QB HOUSE, Apple) ~ ***調査(文献・WEB):モーションロゴの制作方法 -[[モーションロゴ風のキャラクターアニメーション>https://youtu.be/WhcaE6upgo4?si=uqACkk-NEL66vmlW]] -[[シェイプレイヤー入門講座>https://youtube.com/playlist?list=PLVUo6C3cyeb9fOtpRie0ehrEnohhsOTv8&si=ZsThynyqStUUmcQD]] ~ ***調査(文献・WEB):先行事例の調査 -[[TORRA CLARA>https://asobo-design.com/nex/blog-43-4-31959.html]] --ブラジルにあるカフェの事例 --ブラジルではコーヒー専門店が少なく、カフェスタイルのお店は高級店というイメージがある中で、どんな人でも気軽に利用できる、カジュアルでおしゃれなカフェをコンセプトにデザインされた ~ ***調査(現地):学食の現在の様子について(良い点・改善点の洗い出し) -店舗の概要 --[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as011_st_kyusan-u_ac_jp/EtaKl9-bksFIiWWru_hl-FYBQrzO_ntKp5Je3IngJPpO6A?e=ZwlOuS]] -良い点 --席数が多く、飲食スペースがしっかり確保されている --芸術学部の作品が展示されている -改善点 --学食の名前・外観と提供されている料理でギャップがあるように感じた --学食のロゴを見つけにくい ~ ~ ~