LogoMark.png

十時明日香/情報デザイン演習ⅢB の変更点


#author("2024-12-05T09:17:12+09:00","default:member","member")
#author("2024-12-12T09:23:37+09:00","default:member","member")
*十時明日香&scale(70){ | 情報デザイン演習ⅢB};
[[情報デザイン演習IIIB]]
~
~
~
*課題2 経路案内
~
 
 
  
 
 
 
   
 
~
~
 
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
//成果物はサムネイルをつける!!
//来週データを持ってくる
 
**#09:2024.11.14
***構成
+スタート(改札前)
+北門入り口
+17号館入り口
+エレベーター
+ゴール(会場)
~
***ストーリーボード:テロップ
-[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]]
~
***技術・技法の調査:テロップ(映像表現における文字情報について)
-◯◯WEBのリンク◯◯
-◯◯WEBのリンク◯◯
~
***概要欄の整理
-背景
--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-目的
--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-コンセプト
--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
~
~
 
**#08:2024.11.07
 
***現状調査:撮影テスト
-OneDriveへのリンク
~
***先行事例の調査
-横動画
--[[【4K】東京国立博物館へご案内【行き方/アクセス/上野駅/上野公園】/MIRU tube JAPAN 【Route Guide】>https://youtu.be/hhnB9Ou0Ktw?si=pvvdJmfiZ5HVIgOO]]
--[[【バリアフリーアクセス】押上駅~東京スカイツリー展望台入口│東京スカイツリー/TOKYO SKYTREE【公式】/東京スカイツリー>https://youtu.be/JODDgQxpUnk?si=rEdrGNTIyE3fvbWA]]
-縦動画
--◯◯WEBのリンク◯◯
--◯◯WEBのリンク◯◯
 
~
~
~
~

*課題1 VI計画

~
#image(mainv.jpg)
~
~

**概要
***背景
-メニューが混在していて、本来売り出しているはずのコーヒーや豆が売っていることにすら気づかない
-店名が入口に書いてあるが、カフェ・デ・ボザールと書いているだけでカフェということはわかるが、何が売っているのかわかりにくく、印象にも残りにくい
~

***目的
-コーヒーや豆などが主力商品となるように店に訪れる人々に印象付ける
~

***コンセプト
-ロゴマークに分かりやすくコーヒー豆のデザインを入れる
-ボザールの名の通り・芸術学部棟の近くにあるカフェと分かるような動きをモーショングラフィックスでつける
~

***成果物の仕様
-シンボルマーク / ロゴタイプ
#image(logomark.jpg)
-モーションロゴ
#YouTube(FzA64nsppOo)
-VIマニュアル
--[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as601_st_kyusan-u_ac_jp/EQfTl5VhlbRGukqdcreHSHgBrWfx6BXpW1re-2ZSX9wz8A?e=6QX2Ba]]
~

***制作期間
-2024.09.19 - 2024.11.07
~

***まとめ
-カフェ・デ・ボザールではコーヒーとコーヒー豆を購入する事ができる、だが売っていることに気づかないという課題を解決するためにロゴをわかりやすく豆をデザインの中に入れた。それによってロゴを見た人が気づくように・印象付けることができると思われる。
-焙煎する様子をデザインにとりいれたかったが、細かすぎて伝わりづらいと感じたため、単調なデザインになってしまった。シンプルにしすぎず、ごちゃごちゃしていないようなデザインへの改善の余地があると思う。
-モーショングラフィックスで使った4色のグラデーションが、端末を変えてみると少し色が汚いように感じるため、もっと馴染みの良い色と絵の具のような質感にしたい。
~
~

**調査

***現状調査
-記録写真(外観 / 内観)
--[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as601_st_kyusan-u_ac_jp/EhKRu9PhFqZMng_8N6qO6OUB39zwilg4qrFR0OlNd5P3cg?e=YWq7TB]]
-店舗の概要(外観・内観の写真)
--コーヒー、飲料、弁当、おにぎり、パン
--本格的な焙煎機を使い店内で焙煎した美味しいコーヒーと豆などを販売するテイクアウト専門店
--外観はガラス張りで綺麗なイメージ
--内観は意外と親しみやすいイメージ
-良い点
--ガラス張りの店内で光が差し込み日が出ている時間帯はずっと明るい
--外にも机と椅子があり、そこで飲食することができる
--本格的な焙煎器がありコーヒーや豆が買える
--弁当やおにぎり、パンやスイーツなど幅広いものが買える
-改善点(ビジュアル的な問題、現状の問題のみ書くこと)
--外観と内観のギャップ
--”営業中”の旗がデカデカと外に置いてあり、わかりやすいのはいいがカフェの雰囲気と乖離している
--メニューが混在していて、本来売り出しているはずのコーヒーや豆が売っていることにすら気づかない
--弁当の置き方、レンジが店に入ったすぐそこに置いてあってせっかくの雰囲気が壊れている
~

***先行事例
-VIに関する基本情報
--[[ビジュアルアイデンティティ(VI)とは?/ CIRCL >https://circl.co.jp/ja/views/what-is-visual-identity/]]
-類似する飲食店の事例調査
--[[学食にカフェテラス!オシャレなキャンパスライフが楽しめる大学5選(オープンキャンパス編)>https://shingakunet.com/journal/column/39053/]]
--[[大学キャンパスにある「おしゃれカフェ&本格レストラン」>https://kinarino.jp/cat8/35462]]
~

***技法・技術情報
-モーションロゴの制作方法
--https://www.google.com/url?sa=i&url=https%3A%2F%2Fdesign-spot.jp%2Findex.php%2F2024%2F04%2F21%2F151%2F&psig=AOvVaw0wOyF3Xi4j3ajeWGRDElof&ust=1727405449438000&source=images&cd=vfe&opi=89978449&ved=0CBcQjhxqFwoTCMCByfnM34gDFQAAAAAdAAAAABAE
--https://www.google.com/url?sa=i&url=https%3A%2F%2F321web.link%2Fillustrator-envelopes%2F&psig=AOvVaw0wOyF3Xi4j3ajeWGRDElof&ust=1727405449438000&source=images&cd=vfe&opi=89978449&ved=0CBcQjhxqFwoTCMCByfnM34gDFQAAAAAdAAAAABAJ
--https://youtu.be/tz3x0VaXE4c?si=EBjyuAqDL2NDE00D
~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**#06:2024.10.24
***モーションロゴ
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k23as601_st_kyusan-u_ac_jp/EdJkgAhtiWBChhIJAUqzFc8BrtYbBpeL8K30JDdveRSNBQ?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=wLEyGT]]
~
~

**#05:2024.10.17
***VIマニュアル
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as601_st_kyusan-u_ac_jp/EQfTl5VhlbRGukqdcreHSHgBrWfx6BXpW1re-2ZSX9wz8A?e=ckcMXA]]
~
~

**#04:2024.10.10
***字コンテ
-起:グラデーションの画面
-承:コーヒー豆が落ちてくる
-転:コーヒー豆が半分に割れる
-結:割れた間から文字が浮かんでくる
~
***ストーリーボード
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as601_st_kyusan-u_ac_jp/EWq5H2EAw_FPh8GSSlcGtnEBtIG-mWjCvJeWEIEYOV8kSA?e=x7L7Ix]]
~
~
**#03:2024.10.03
***試作(3案)
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as601_st_kyusan-u_ac_jp/EXXBw1ae4GdPvbBcHhpDDREB0NYOoTBr-G347YXp_OfSyg?e=J9rnJJ]]
***先行事例の調査:VIマニュアル
-https://www.kinjo-gakuin.jp/about/symbol/pdf/vimanual.pdf
-https://www.uluru.biz/assets/file/vi_manual.pdf
-https://www.seisakukikaku.metro.tokyo.lg.jp/documents/d/seisakukikaku/greenbiz_logomanual_syousai
***概要欄の整理
-背景
//現状・問題など
--メニューが混在していて、本来売り出しているはずのコーヒーや豆が売っていることにすら気づかない
--店名が入口に書いてあるが、カフェ・デ・ボザールと書いているだけでカフェということはわかるが、何が売っているのかわかりにくく、印象にも残りにくい
-目的
//今後のどのように変えていくべきか・目標(問題をどのように改善していくか)
--コーヒーや豆などが主力商品となるように店に訪れる人々に印象付ける
--
-コンセプト
//作戦・戦略(具体的に何をするのか)
--ロゴマークに分かりやすくコーヒー豆のデザインを入れる
-
-成果物(制作物)
--シンボルマーク / ロゴタイプ
--モーションロゴ
--使用例
~
~

**#02:2024.09.26
***研究対象
-カフェ・デ・ボザール
***アイデアスケッチ
-[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]]
***現状調査:記録写真
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as601_st_kyusan-u_ac_jp/EhKRu9PhFqZMng_8N6qO6OUB39zwilg4qrFR0OlNd5P3cg?e=QkbmiC]]
~

**#01:2024.09.19
***VIに関する基本情報
-ビジュアルアイデンティティ(VI)とは?/ CIRCL https://circl.co.jp/ja/views/what-is-visual-identity/
-
~

***モーションロゴの制作方法
-https://www.google.com/url?sa=i&url=https%3A%2F%2Fdesign-spot.jp%2Findex.php%2F2024%2F04%2F21%2F151%2F&psig=AOvVaw0wOyF3Xi4j3ajeWGRDElof&ust=1727405449438000&source=images&cd=vfe&opi=89978449&ved=0CBcQjhxqFwoTCMCByfnM34gDFQAAAAAdAAAAABAE
-https://www.google.com/url?sa=i&url=https%3A%2F%2F321web.link%2Fillustrator-envelopes%2F&psig=AOvVaw0wOyF3Xi4j3ajeWGRDElof&ust=1727405449438000&source=images&cd=vfe&opi=89978449&ved=0CBcQjhxqFwoTCMCByfnM34gDFQAAAAAdAAAAABAJ
-https://youtu.be/tz3x0VaXE4c?si=EBjyuAqDL2NDE00D
~

***先行事例の調査:WEB・文献調査
-学食にカフェテラス!オシャレなキャンパスライフが楽しめる大学5選(オープンキャンパス編) https://shingakunet.com/journal/column/39053/
-大学キャンパスにある「おしゃれカフェ&本格レストラン」https://kinarino.jp/cat8/35462
~

***現状調査:学食の現在の様子
-店舗の概要(外観・内観の写真)
--コーヒー、飲料、弁当、おにぎり、パン
--本格的な焙煎機を使い店内で焙煎した美味しいコーヒーと豆などを販売するテイクアウト専門店
--外観はガラス張りで綺麗なイメージ
--内観は意外と親しみやすいイメージ
-良い点
--ガラス張りの店内で光が差し込み日が出ている時間帯はずっと明るい
--外にも机と椅子があり、そこで飲食することができる
--本格的な焙煎器がありコーヒーや豆が買える
--弁当やおにぎり、パンやスイーツなど幅広いものが買える
-改善点(ビジュアル的な問題、現状の問題のみ書くこと)
--外観と内観のギャップ
--”営業中”の旗がデカデカと外に置いてあり、わかりやすいのはいいがカフェの雰囲気と乖離している
--メニューが混在していて、本来売り出しているはずのコーヒーや豆が売っていることにすら気づかない
--弁当の置き方、レンジが店に入ったすぐそこに置いてあってせっかくの雰囲気が壊れている
~
~