#author("2025-12-25T02:03:33+09:00","default:member","member") #author("2025-12-25T02:13:58+09:00","default:member","member") *後藤 未羽 [[情報デザイン演習IIIB]] ~ ~ *課題2 経路案内 ~ #YouTube(gCnEWOxtIfk) ~ ~ **概要 ***背景 -芸術学部の学生の割合が多く、他の学部の人にも利用してもらいたいから -意外と分かりやすいようで少し混乱しそうな位置にあると感じたから ~ ***目的 -カフェ・デ・ボザールの位置を知ってもらう - ~ ***コンセプト -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ -豆のキャラクターで親しみやすく -ジャズ調の曲を利用、コーヒー豆のキャラクターでカフェをイメージ ~ ***成果物の仕様 -[[YouTube（横型動画）1920 × 1080 px>https://youtu.be/gCnEWOxtIfk]] -[[Instagram or YouTube（縦型動画）1080 × 1920 px>https://youtube.com/shorts/mgcOCmPWfYk?feature=share]] ~ ***制作期間 -2025.11.13 - 2025.12.25 ~ ***まとめ -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ -手描きのイラストを利用して、そのキャラクターが案内しているような動画で分かりやすく親しみのある動画にした -コーヒー豆の差分をうまく使いこなし、さりげなく分かりやすい動画にした -モザイク処理がとにかく大変だった。ここが一番反省。怠がらずに人が少ない時間帯に動画を撮影するべきだった。 ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **#13：2025.12.18 ***作品の仕上げ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as010_st_kyusan-u_ac_jp/IgBkKl_AWDdhQ4n_G8IP63CcAUmT1IBKSptRy9mcBHIy1rU?e=VK6UDW]] --サムネイル --縦動画 --横動画 ~ ~ **#12：2025.12.11 ***書き出しテスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as010_st_kyusan-u_ac_jp/IgCg5K0sex8jSJVcveG3DHqGAVJpntEeFEXSX3VxLFy5rtk?e=bOfyQn]] ~ ~ **#11：2025.12.04 ***相互評価 -企画 --もう少し構成を考え直さないといけない -撮影 --階段を降りる時下向きすぎるかも --看板の注目の時間が短いかも -編集 --縦と横の文字の位置を揃えた方がいい --倍速の速度をもう少し遅くしてもいいかも ~ ~ **#10：2025.11.27 ***試作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as010_st_kyusan-u_ac_jp/IgChvrCfiB_IQZ1R5HjuW7YcASjHfmCHM5vwhrgRxzxs-lE?e=n4LCGw]] ~ ~ **#09：2025.11.20 ***企画 -ストーリーボード --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as010_st_kyusan-u_ac_jp/IQAM4ZvJxVxmQ7kFazuNPy_9ATV0q1c1Mm8eqXaWZM5enzo?e=Fjiu4d]] -字コンテ --1：駅スタート --2：北門まで歩く --3：2号館の階段を登る(エレベーターで行く方法もテロップで軽く紹介する) --4：クオーレ前到着 --5：クオーレの軽い紹介 --6：周辺施設(図書館)を写真等を使って紹介 -概要 --背景 ---遠い号館で授業を受ける人でも足を踏み出せるようにしたい ---図書館も15.17号館から遠いけど積極的に利用したいから --目的 ---クオーレの魅力を伝える ---クオーレついでに図書館も利用してもらいたい --コンセプト ---分かりやすく説明 ---落ち着いていて見やすい説明 ~ ***先行事例の調査 -文字表現の調査 --[[映像を“文字で構築する”という発想 、ong_が語る、表現力を引き上げるモーショングラフィックスの思考と設計術>https://vook.vc/n/8267]] --[[After Effects(アフターエフェクト)のテキストアニメーションおすすめ10選>https://deza-poke.com/blog/after-effects-textanimation]] ~ ~ **#08：2025.11.13 ***現状調査：現場の状況 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as010_st_kyusan-u_ac_jp/IgCqdvw9xUgKR5DsE1kioUlVAdLTby79z7wgCKmGiqH7wcU?e=HvOJfR]] ~ ***先行事例の調査 -横型動画 --[[【経路案内】大崎駅〜freee本社が入っているビルまでの道案内(行き方)動画>https://youtu.be/FhMnlFrm004?si=XRtGol7a7Y9ThLFc]] --[[池袋「東京建物 Brillia HALL（豊島区立芸術文化劇場）」へのアクセス（池袋駅 東口北から)>https://youtu.be/NXXegKE8XVM?si=uW8WEI_xeXGhz4T1]] -縦型動画 --[[【1分でわかる】大阪・関西万博への行き方>https://youtube.com/shorts/vGLatJUarRI?si=zUPU3pjY-NdCiUbt]] --[[JR東京駅からバスターミナル東京八重洲までのアクセス>https://youtube.com/shorts/Jqi8orK_ABc?si=hKRwLVML46Y7IB-8]] ~ ~ ~ *課題1 VI計画 ~ #image(VISUAL.jpg) ~ ~ **概要 ***現状 -手作りの飲み物、弁当、パンを販売している。 -テイクアウト専門。パッと寄って買って店で食べられるのが良い。 ~ ***課題 -ちゃんとしたメニュー表がない、まばらにある。 -カフェ・デ・ボザール！なちゃんとした何かがない -カフェのイメージがあまりない？ ~ ***目的 -カフェ、テイクアウトのイメージを強くする ~ ***コンセプト -カフェ・デ・ボザールとパッと分かるようなデザインにする ~ ***成果物の仕様 -シンボルマーク / ロゴタイプ #image(logo_1023.jpg) -モーションロゴ #YouTube(L4TH1FDG5TI) -VIマニュアル --[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as010_st_kyusan-u_ac_jp/EZJO60v3qS1IjKY2PonmBHIBgJkXGopAzmG3sPYJo84Qtg?e=P5R6UA]] ~ ***制作期間 -2025.09.18 - 10.30 ~ ***まとめ -コーヒー豆をロゴに使用することによってカフェの印象が強まった -ブランドロゴを制作するにあたって想像以上に決まりを制定することが多く、広い視野を持つ大切さを痛感した。 -もう一度想定でロゴを作って、次はロゴを用いてグッズ展開も考えたい ~ ~ #hr CENTER:''進捗記録'' #hr ~ **#06：2025.10.23 ***モーションロゴ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k24as010_st_kyusan-u_ac_jp/EWC5XSqjnChLg1PYgwCZLmcBsadUflotFoe8KWy7YLAw1w?e=qN5Gzg&nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJTdHJlYW1XZWJBcHAiLCJyZWZlcnJhbFZpZXciOiJTaGFyZURpYWxvZy1MaW5rIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXcifX0%3D]] ~ ~ **#05：2025.10.16 ***VIマニュアル -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as010_st_kyusan-u_ac_jp/EZJO60v3qS1IjKY2PonmBHIBgJkXGopAzmG3sPYJo84Qtg?e=P5R6UA]] ~ ~ **#04：2025.10.09 ***字コンテ -羽が飛んでくる -コーヒー豆が落下してくる -コーヒー豆がコロコロ揺れる -文字が浮き出たり横から出てくる ~ ***ストーリーボード -[[OneDrive>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as010_st_kyusan-u_ac_jp/EbkTCgFlprFNvxa5JEhp1UIBgFmf5ChYMhUi2Nfu6UpOaQ?e=zS5HOR]] ~ ~ **#03：2025.10.02 ***サイトの整理 -概要の追加と整理 ~ ***先行事例の調査：VIマニュアル -[[国土交通省VIマニュアル>https://www.mlit.go.jp/plateau/file/libraries/doc/plateau_doc_0008_ver01.pdf]] -[[株式会社うるるVIマニュアル>https://www.uluru.biz/assets/file/vi_manual.pdf]] -[[ビジュアルアイデンティティ（VI）の作り方を5STEPで解説>https://www.gpol.co.jp/blog/215/]] -[[いわき市農林水産部>https://www.misemasu-iwaki.jp/iwaki_megumi/03iwakinomegumi_regulation_vol2.pdf]] -[[ロゴデザインとシステムを構築するためのVIマニュアル見本>https://tlbdesign.jp/news/logodesign-vimanual/]] ~ ***作図 -[[OneDrive>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as010_st_kyusan-u_ac_jp/ESWt4HVgGWVDkSfZC0eKJacBUNreGelUUCqIBabNFHjkNg?e=eHkvtO]] ~ ~ **#02：2025.09.25 ***概要の整理 -現状 --手作りの飲み物、弁当、パンを販売している。 --テイクアウト専門。パッと寄って買って店で食べられるのが良い。 -課題 --ちゃんとしたメニュー表がない、まばらにある。 --カフェ・デ・ボザール！なちゃんとした何かがない --カフェのイメージがあまりない？ -目的 --カフェ、テイクアウトのイメージを強くする -コンセプト --カフェ・デ・ボザールとパッと分かるようなデザインにする ~ ***アイデアスケッチ -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as010_st_kyusan-u_ac_jp/Ekh23yAHoV9BvzgoD53M10ABD8kX-Svn6CRxAvnCHSV-7A?e=RGMxtr]] ~ ***現状調査：記録写真 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as010_st_kyusan-u_ac_jp/EjTjpvUfSX5Pt12pK2YBQugBhrlBjC5yzr9SBPqrF-ELIw?e=4NSdWj]] ~ ***対象店舗 -カフェ・デ・ボザール ~ ~ **#01：2025.09.18 ***VIに関する基本情報 -[[PR TIMES CI・VI・BIとは？>https://prtimes.jp/magazine/ci-vi-bi/]] -[[VI(ビジュアル・アイデンティティ)とは何か？効果と成功事例>https://chibico.co.jp/blog/branding-design/vi-visual-identity-017/]] ~ ***モーションロゴの事例 -[[モーションロゴ｜アニメーションで企業コンセプトを伝える>https://sevendex.com/post/846/]] -[[企業ロゴアニメーション（モーションロゴ）とは？>https://key-movie.forfreelance.co.jp/blog/video-production/logo-animation/]] ~ ***モーションロゴの制作方法 -[[UIデザイナーがAfter Effectsで「ロゴアニメーション」作ってみた！>https://goodpatch.com/blog/2023-12-logoanimation]] -[[【AE】簡単なロゴアニメーションの作り方>https://note.com/hanasakuno/n/n6db3652f138a]] ~ ***先行事例の調査：WEB・文献調査 -[[学生食堂>https://sites.google.com/toyo.jp/student-support/support/cafeteria/hakusan]] -[[同志社大学のレストラン>https://hamac-de-paradis-kanbaikan.jp/]] -[[ジョイフル>https://www.joyfull.co.jp/]] -[[サイゼリヤ>https://www.saizeriya.co.jp/]] ~ ***現状調査：学食の現在の様子 -店舗の概要 --テイクアウト専門店。豆やコーヒー、ドリンクも販売。 --弁当や手作りのお菓子、パンも販売していて商品が豊富 -VIに関する良い点 --建物の内観が無機質でお洒落 --手作り商品の温かみがあって良い --VIに関する改善点 --そもそもロゴ自体が無い...?建物とメニュー表のデザインの統一性がない --メニュー表がまばらだから全部掲載してあるメニュー表が欲しい ~ ~