#author("2023-12-19T14:05:58+09:00;2023-12-14T12:01:12+09:00","default:member","member") [[情報デザイン演習IIIB]] *課題2 経路案内 Main Visual -''Hirashima Asuka'' ~ **概要 ***背景 -503、504に来てと言われただけでは場所がわからない -カラフルな棒が目印になりそう ~ ***目的 -映像を見て、会場に来ることの期待感を持たせる -映像を見ると会場に来れるようにする ~ ***コンセプト -目印になるところは止まる -曲がるところは矢印を入れる -ソーシャルデザイン学科の色(#FFA400)を使い、学科の雰囲気を伝える ~ ***成果物の仕様 -[[YouTube> ]] --1920*1080px --30秒 #YouTube( ) -[[Instagram> ]] --1080*1920px --30秒 -[[OneDrive> ]] ~ ***制作期間 -2023.11.16 -2023.12.21 ~ ***メンバー -チーム名:韓国行きたい -平嶋明日花 -__[[越智楓>[[越智楓/情報デザイン演習ⅢB]]]]__ ~ ***まとめ - - ~ ~ **調査 ***現状調査 - -- ~ ***先行事例 - -- ~ ***技法・技術情報 - -- ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.12.14 ***動画のアップロード -[[YouTube> ]] --1920*1080px --30秒 -[[Instagram> ]] --1080*1920px --30秒 ***編集 -[[OneDriveへのリンク> ]] --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ***メインビジュアル・サムネイルの制作 -[[OneDriveへのリンク> ]] --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2023.12.07 ***撮影 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as024_st_kyusan-u_ac_jp/EpkKYv_X7TxEpPE1cRPilbEBIdiAhfFub0Cb2-K8pNNSqQ?e=FWUBaa]] --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ***動画の構成 -オープニング(タイトル) --テキストを表示して少し動かす -スタート --九州産業大学の看板のところで少し止まる -移動時 --早送りする -分岐 --曲がり角の目印になるカラフルな棒 -エレベーター --1階から5階に着くまでの階を映す -ゴール --503と504を映す -その他 -- ~ ~ **2023.11.30 ***プロトタイプ制作 -[[OneDriveへのリンク 縦ver.と横ver.>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as024_st_kyusan-u_ac_jp/ErXdLCEpHRpLsCl6JhJi7EoBGQ7fPONx4UuY2efqjvI-5w?e=PA8jtp]] --ソーシャルデザイン学科の色(#FFA400)を使って作りました。 ~ **2023.11.16 ***試作:撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k22as024_st_kyusan-u_ac_jp/EZ68TnLCRoFBjodgYA5amiwBKeQxp-zy_uWihZO4PIo9qA?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJTdHJlYW1XZWJBcHAiLCJyZWZlcnJhbFZpZXciOiJTaGFyZURpYWxvZy1FbWFpbCIsInJlZmVycmFsQXBwUGxhdGZvcm0iOiJXZWIiLCJyZWZlcnJhbE1vZGUiOiJ2aWV3In19&e=dx9ILi]] --11月16日に撮影 ***先行事例 -Youtubeへのリンク --[[道案内動画 東京メトロ改札~会社エントランスまで>https://youtu.be/Aznm_LBGULs?si=DHEKx6M6O1WxjAwk]] --[[Heacon Laboまでの道案内 動画>https://youtu.be/tTUQE_LtuxI?si=e9sUFO1mZXgBbyVg]] ~ ~ ~ ~ *課題1 クオーレ VI計画 #image(main2.jpg) -''Hirashima Asuka'' ~ **概要 ***背景 //&color(red){計画の背景}; --内観・外観はレンガ色で統一されていておしゃれ --レンガと提供される料理のテイストは合っている --しかし、シンボルマークがない --ロゴタイプがシンプル ~ ***目的 //&color(red){計画の目的}; --どんな食堂なのか認知してもらう --内観外観に合ったロゴ・シンボルマークを作成する --思わず写真を撮りたくなるようなロゴ ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; --レンガと色を合わせて暖色系の色を使う --筆記体を使っておしゃれに --食堂の中にあるものを取り入れて雰囲気をマッチさせる ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(qUae_sBBEmg) -シンボルマーク・ロゴタイプ #image(logo5.png) #image(logo6.png) -__[[VIマニュアル>https://drive.google.com/file/d/1whuaS1j8D70YFtvyuFE3VrloBGbDdSFF/view?usp=sharing]]__ ~ ***制作期間 //&color(red){制作期間|20XX.XX.XX - 20XX.XX.XX }; -2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -背景、目的、コンセプトにあった成果物を作ることができた。 -透明のガラスとお店にあった色を決めることが難しかったが、イメージ通りに決めることができた。 - ~ ~ **調査 ***現状調査 //調査が完了してから掲載する //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -現代におけるVI計画の活用事例 --__[[VI(ビジュアル・アイデンティティ)とは?意味や事例を解説>https://www.tosho.co.jp/4375/]]__ ---VIの効果 ---VIの成功事例 --__[[ビジュアルアイデンティティ(VI)とは?事例や効果的な作り方を解説>https://ourly.jp/visual-identity/]]__ ---VIの効果 ---VIの企業事例 ---VIの効果的な作り方 ~ -学食の現在の様子について(良い点・改善点) __[[クオーレ>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as024_st_kyusan-u_ac_jp/EgOkf974HrxLrwuD35UmJikBOVC-InrDZokI89ssCsHLUw?e=9fdYrP]]__ --良い点 ---ごはんができたら番号で呼んでくれる ---入口にセットメニューや日替わりメニューが書いてあるためわかりやすい --改善点 ---トレーを入り口で取るべきか注文した際に取るべきかわからない ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -WEB・文献調査 --__[[福岡市美術館>https://www.fukuoka-art-museum.jp/guide/restaurant/]]__ ---落ち着きのある茶色で統一されたカフェ / レストラン ---オムライス、カレー、パスタなど親しみのある料理が揃っている --__[[クイーンクックカフェ>https://www.instagram.com/queencookcafe/?hl=ja]]__ ---パスタが多い ---レンガで作られた建物、内観の色合いが統一されている ~ -現地調査:類似する飲食店の事例 --__[[クイーンクックカフェ>https://www.instagram.com/queencookcafe/]]__ __[[写真>https://drive.google.com/drive/folders/1qGhkENrbZ22kOv1vDaJbF84c6x3Bjoj4?usp=sharing]]__ ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -モーションロゴの制作方法 --__[[3D回転するコインアニメーションを制作”CGソフトを使用しない>https://youtu.be/Q5Qrv9BgR60?si=sIE1C4G5A94NTP3G]]__ --__[[今注目の【モーションロゴ】 20選!>https://youtu.be/iLeaKOU1iJQ?si=HJiWg24cLrlUV39z]]__ ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.11.16 ***ブラッシュアップ版2 -モーションロゴ制作 #youtube(qUae_sBBEmg) ~ -シンボルマーク・ロゴタイプ |#image(logo5.png)|#image(logo6.png)| ~ **2023.11.09 ***ブラッシュアップ版1 -モーションロゴ制作 #youtube(7zSA3392f1g?si=5uRdaSGG2yfm64RD) ~ -シンボルマーク・ロゴタイプ |#image(logo3.png)|#image(logo4.png)| ~ **2023.10.26 ***モーションロゴ制作 -YouTubeなどへのリンク #youtube(pg080lR-W3M) ~ -シンボルマーク・ロゴタイプ |#image(logo1.png)|#image(logo2.png)| ~ **2023.10.19 ***VIマニュアル -__[[PDFファイルへのリンク>https://drive.google.com/file/d/1whuaS1j8D70YFtvyuFE3VrloBGbDdSFF/view?usp=sharing]]__ (1.3MB) --シンボルマークとロゴタイプの組み合わせ例 --使用禁止例 ~ ***合成写真:使用イメージ -__[[画像ファイルへのリンク>https://drive.google.com/file/d/1QXTJHZFDc0o8tJCfki_r-iV_2sJ7G7yZ/view?usp=sharing]]__ --ロゴの色を黒から白に変更 (透明のドアに設置すると見えにくかったため) --元々のロゴと同じくドアに設置 ~ ***モーションロゴ 試作 -__[[YouTubeなどへのリンク>https://youtu.be/VMz41-4XIMs?si=yx6sYx2tyR84Cioy]]__ --フォークを回転させてパスタのレストランであることを強調した。 --シンプルで短い映像にした。 ~ ~ **2023.10.12 ***モーションロゴのアイデア -絵コンテ(ストーリーボード) -- [[リンクはこちら>https://drive.google.com/file/d/1emHuvC019Fvh_dcVsFZb48-Y6vzDRbel/view?usp=sharing]] -字コンテ --起:始まり・状況(Cuoreの文字登場) --承:続き(イタリアンレストランの文字登場) --転:変化・クライマックス(スプーンがでてくる) --結:結果・オチ(フォークが出てきてパスタとくるくる回る) ~ ***Illustratorを用いた作図(試作) -[[3案まとめ>https://drive.google.com/file/d/1kdpqSuuwrvAsC7ETfxGZye79tt0vnGwJ/view?usp=sharing]] --A案、B案、C案のPDF -[[A案>https://drive.google.com/file/d/1CYkaDN8hZ8obxgqYeDdp2DChdiPQU93T/view?usp=sharing]] --シンプルな色合いとシンプルなロゴにした。 -[[B案>https://drive.google.com/file/d/1lNZsYicO7mPyxNsn7nm9mfEkKz0Jc1ih/view?usp=sharing]] --クオーレのメニューに使われていた模様を取り入れた。 -[[C案>https://drive.google.com/file/d/1s_wPN8KaWvdicOPHA88Ew8E7hbh-PYi0/view?usp=sharing]] --スプーンとフォークを使ってパスタを巻いてイタリアンを演出した。 ~ ~ **2023.10.05 ***調査のまとめ //10/5~10/12までにしたことを記載する ~ ***背景・目的・コンセプトの設定 -背景 --内観・外観はレンガ色で統一されていておしゃれ --レンガと提供される料理のテイストは合っている --しかし、シンボルマークがない --ロゴタイプがシンプル -目的 --どんな食堂なのか認知してもらう --内観外観に合ったロゴ・シンボルマークを作成する --思わず写真を撮りたくなるようなロゴ -コンセプト --レンガと色を合わせて暖色系の色を使う --筆記体を使っておしゃれに --食堂の中にあるものを取り入れて雰囲気をマッチさせる ~ ***アイデアスケッチ(10案) __[[Google Driveへのリンク>https://drive.google.com/file/d/1cNqAogmCMbUjFjGXvzpStz7gBC5DBRQ9/view?usp=sharing]]__ --パスタを意識したり、クオーレに合うコンセプトを大切にした ~ ***Illustratorを用いた作図(試作) //-2.3つ作ったものをPDFにして、下にコメントを書く __[[Google Driveへのリンク>https://drive.google.com/file/d/1DFCeEovicL99uIte2hkdzLqDD4599v_f/view?usp=sharing]]__ --筆記体にしておしゃれ感を演出 ~ ~ **2023.09.28 ***__[[アイデアスケッチ>https://drive.google.com/drive/folders/1ZXpu5cC8gqMZp8VfAd1fv3dty7-9bme9?usp=sharing]]__ ~ ***調査④(現地):先行事例の調査(類似する飲食店の事例) -__[[クイーンクックカフェ>https://www.instagram.com/queencookcafe/]]__ __[[写真>https://drive.google.com/drive/folders/1qGhkENrbZ22kOv1vDaJbF84c6x3Bjoj4?usp=sharing]]__ ~ **2023.09.21 ***調査① 現代におけるVI計画の活用事例 -[[VI(ビジュアル・アイデンティティ)とは?意味や事例を解説>https://www.tosho.co.jp/4375/]] --VIの効果 --VIの成功事例 -[[ビジュアルアイデンティティ(VI)とは?事例や効果的な作り方を解説>https://ourly.jp/visual-identity/]] --VIの効果 --VIの企業事例 --VIの効果的な作り方 ~ ***調査② モーションロゴの制作方法 [[3D回転するコインアニメーションを制作”CGソフトを使用しない>https://youtu.be/Q5Qrv9BgR60?si=Q6JJeIHtrnQu6LrQ]] [[今注目の【モーションロゴ】 20選!>https://youtu.be/iLeaKOU1iJQ?si=HJiWg24cLrlUV39z]] ~ ***調査③ 先行事例の調査(類似する飲食店の事例) -[[福岡市美術館>https://www.fukuoka-art-museum.jp/guide/restaurant/]] --落ち着きのある茶色で統一されたカフェ / レストラン --オムライス、カレー、パスタなど親しみのある料理が揃っている -[[クイーンクックカフェ>https://www.instagram.com/queencookcafe/?hl=ja]] --パスタが多い --レンガで作られた建物、内観の色味が統一されている ~ ***調査⑤ 学食の現在の様子について(良い点・改善点の洗い出し) __[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as024_st_kyusan-u_ac_jp/EpBRIinPUuBArM4WFcFlSTMBZH0NmMIOjhxfXKRetqugUw?e=fRxMyZ]]__ -良い点 --メニューが豊富 --NOODLE、CURRY、SET MEAL、RETURNと書かれているのでわかりやすい -悪い点 --食券機の現金専用の列が長くて、通りづらい --食券機で何を買おうか迷わないようにメニュー一覧を紙としてみれたらいいな ~ __[[クラブハウス>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as024_st_kyusan-u_ac_jp/EgVTLRwblXRHl63GQA1F0qwBZY9RlAYncEaBOJ4VDTxNAw?e=gx39HJ]]__ -良い点 --椅子やテーブルがおしゃれ -悪い点 --どんな支払方法があるのかすぐにはわからなかった ~ __[[オアシス>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as024_st_kyusan-u_ac_jp/ElD5S5mFf1pCpAP2CclL_RYBrciLEIHHK74NnRoQ9WKhWA?e=cHlfji]]__ -良い点 --お店の外にメニュー一覧があるため、わかりやすい -悪い点 --返却口で自分で食器を洗い流さないといけない ~ __[[クオーレ>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as024_st_kyusan-u_ac_jp/EgOkf974HrxLrwuD35UmJikBOVC-InrDZokI89ssCsHLUw?e=9fdYrP]]__ -良い点 --ごはんができたら番号で呼んでくれる --入口にセットメニューや日替わりメニューが書いてあるためわかりやすい -悪い点 --トレーを入り口で取るべきか注文した際に取るべきかわからない ~ ~ ~