LogoMark.png

佐藤澪/情報デザイン演習ⅢB の変更点


#author("2025-11-20T11:08:58+09:00","default:member","member")
#author("2025-12-04T09:27:45+09:00","default:member","member")
*佐藤澪
[[情報デザイン演習IIIB]]
~
~


//ここから
*課題2 経路案内
~
 
 
  
 
 
 
   
 
~
~
 
#hr
CENTER:''進捗記録''
#hr
~
~
**#11:2025.12.04
***相互評価
制作中
~
~

**#10:2025.11.27
***試作
-[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]]
~
~
**#09:2025.11.20
***企画
-ストーリーボード
--[[OneDriveへのリンク>https://www.microsoft.com/ja-jp/microsoft-365/onedrive/]]
-字コンテ
--1:駅前から北門まで
--2:二号館前まで行き階段にカメラを向ける、一応ここからも行けることを記載
--3:二号館に入りエレベーターで5階まで行く
--4:図書館到着、一号館2階とも繋がっていることも記載
--5:施設紹介
-概要
--背景
---入学当初は二号館近くの階段を登らないと辿り着けないと思っていて大変な思いをしたため
--目的
---図書館へ一番楽に行ける通路の案内
--コンセプト
---シンプルにわかりやすく
~
***先行事例の調査
-文字表現の調査
--[[【動画編集者必見】見やすいテロップの作り方11の条件【完全版】>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://note.com/meec/n/n292b1a7cc6b3&ved=2ahUKEwiAxdjGy_-QAxUJiq8BHd6kFbAQFnoECBwQAQ&usg=AOvVaw2zlRXM-ORZB78mj0ihcSh3]]
--[[【2025年最新】テロップとは?動画に文字やテロップ入れる方法とおすすめソフト 5選【Windows & Mac】>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://jp.cyberlink.com/blog/video-effects/894/how-to-add-double-line-text-to-video&ved=2ahUKEwiAxdjGy_-QAxUJiq8BHd6kFbAQFnoECBkQAQ&usg=AOvVaw08juevY_8A8nbzfZPWOP-S]]
~
~

**#08:2025.11.13
 
***現状調査:現場の状況
--[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as007_st_kyusan-u_ac_jp/IQBTceJZalfRRawcmCGFv5LtAUW2YFiWoAvUB8yri73JNRM?e=vOCfer]]
~
***先行事例の調査
-横型動画
--[[道案内動画 東京メトロ改札〜会社エントランスまで(Youtube)>https://youtu.be/Aznm_LBGULs]]
--[[新宿駅 15・16番線からミライナタワー改札(Youtube)>https://youtu.be/3ze_UD6lDsE]]
-縦型動画
--[[【JR渋谷駅】ハチ公改札から代々木体育館(国立代々木競技場)までの行き方(Youtube)>https://www.youtube.com/shorts/7Ou0lgsMGe8?feature=share]]
--[[SMILOOPaoyama道案内動画📍(Youtube)>https://www.youtube.com/shorts/djPPSI4_8FY?feature=share]]
~
~
~
//ここまで
 

*課題1 VI計画
~
 
#image(メインビジュアル.png)
~
~
//ここから
**概要
***現状
-メニューや席が多く安価またちょうど学校の中間に位置するため利用者が多くいつも賑わっているイメージ
-外観は煉瓦造りで温かみがあり中の様子が見えるので入りやすい雰囲気がある
~
 
***課題
-一般の方にアルテリアが見える位置で場所を尋ねられたことがある。一般の方には伝わりづらいのではないか
~
 
***目的
-一般の方でもアルテリアが食堂であることが一目でわかるようにする
-視認性が高くアルテリアの雰囲気に合ったデザインにする
~
 
***コンセプト
-誰がみてもアルテリアが食堂とわかるデザイン
-リーズナブルさや立ち入りやすさ等アルテリアらしい要素が伝わるデザイン
~
 
***成果物の仕様
-シンボルマーク / ロゴタイプ
#image(rogokansei.png)
-モーションロゴ
#YouTube(hYysq7t1huE)
-VIマニュアル
--[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as007_st_kyusan-u_ac_jp/ER0VSD4qVpRIpjdB0TI3_iIBHUp9KBuvBIoqpmudNP2vsQ?e=0mv0jr]]
~
 
***制作期間
-2025.09.18 - 10.30
~

***まとめ
-親しみやすく一目で何かわかるロゴタイプが制作できた。
-ロゴタイプが何なのか、言葉の使い分け、情報の削ぎ落とし方
-伝えたい情報が一目でわかり独自性のあるデザインを目指していきたい。
~
~
//ここまで
#hr
CENTER:''進捗記録''
#hr
~
**#06:2025.10.23
***モーションロゴ
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k24as007_st_kyusan-u_ac_jp/EbMumTBg0hRMgsIgO6gTSUoBs_9hbA074ourj2jgGkRMFA?e=Y9Asvv&nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJTdHJlYW1XZWJBcHAiLCJyZWZlcnJhbFZpZXciOiJTaGFyZURpYWxvZy1MaW5rIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXcifX0%3D]]
~
~
**#05:2025.10.16
***VIマニュアル
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as007_st_kyusan-u_ac_jp/ER0VSD4qVpRIpjdB0TI3_iIBHUp9KBuvBIoqpmudNP2vsQ?e=0mv0jr]]
~
~
**#04:2025.10.09
***字コンテ
-フライパンが揺れる
-半円をフライパンの下から出現させる
-雫型のオブジェクトを一個ずつ増やしていく
-目と口を描くように出現させる
~
***ストーリーボード
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as007_st_kyusan-u_ac_jp/EVZ2UNpZrBFHrLGildqCKQcB8xlszC0Z53MMf6kUJsAurA?e=IQW06c]]
~
~

 
**#03:2025.10.02
***サイトの整理
-概要の追加と整理
~

***先行事例の調査:VIマニュアル
-[[国土交通省>https://www.mlit.go.jp/plateau/file/libraries/doc/plateau_doc_0008_ver01.pdf]]
-[[株式会社うるる>https://www.uluru.biz/assets/file/vi_manual.pdf]]
-[[長野県 信州ブランドデザイン>https://www.pref.nagano.lg.jp/eigyo/sangyo/brand/shinshu/documents/vi_manual_public.pdf]]

***作図
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as007_st_kyusan-u_ac_jp/ESnN00waoUpEhK3NKO4186YBrx5k-zRWLV1cuye5Kzo7CQ?e=47Af08]]
~
~


**#02:2025.09.25
***概要の整理
-現状
--メニューや席が多く安価またちょうど学校の中間に位置するため利用者が多くいつも賑わっているイメージ
--外観は煉瓦造りで温かみがあり中の様子が見えるので入りやすい雰囲気がある
-課題
--一般の方にアルテリアが見える位置で場所を尋ねられたことがある。一般の方には伝わりづらいのではないか
-目的
--一般の方でもアルテリアが食堂であることが一目でわかるようにする
--視認性が高くアルテリアの雰囲気に合ったデザインにする
-コンセプト
--誰がみてもアルテリアが食堂とわかるデザイン
--リーズナブルさや立ち入りやすさ等アルテリアらしい要素が伝わるデザイン
~

***アイデアスケッチ
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as007_st_kyusan-u_ac_jp/Eejwfx7txKFAka28Mr1_3ksBjCaCL2d4SH2sIBxWxJxaPA?e=92360v]]
~

***現状調査:記録写真
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as007_st_kyusan-u_ac_jp/EqJdmsI8pS1MigsDYMB9zUUBYz5Lzs8xWgEBr1LNjT_WEw?e=q8qwAL]]
~

***対象店舗
-アルテリア
~
~

**#01:2025.09.18
***VIに関する基本情報
-[[PR TIMES CI・VI・BIとは?>https://prtimes.jp/magazine/ci-vi-bi/]]
-[[CI/VIとは何?>https://igi.taki.co.jp/civi]]
~
 
***モーションロゴの事例
-[[McDonalds Logo Animation>https://youtu.be/npLGOy9lSKE]]
-[[Apple Logo Animation>https://youtu.be/iZ9hIp0RWto]]
~

***モーションロゴの制作方法
-[[ロゴマークのアニメーションを作成する方法>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://www.adobe.com/jp/learn/after-effects/web/jp-for-designers-4&ved=2ahUKEwjJ9Irdn4SQAxVksFYBHWUFEYcQFnoECBwQAQ&usg=AOvVaw3FEZetv-nlxnANgbkhDipO]]
-[[ロゴアニメーションの作成の流れを伝えちゃいます - noteロゴ>https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://note.com/tsuda2525/n/n54fcc6904d03&ved=2ahUKEwjJ9Irdn4SQAxVksFYBHWUFEYcQFnoECB8QAQ&usg=AOvVaw1ow5c1sj7QKDgHeR8lPlHe]]
~
 
***先行事例の調査:WEB・文献調査
-[[西南大学 学食>https://www.seinan-gu.ac.jp/campuslife/support/cafeteria.html]]
-[[福岡大学 学食>https://www.fukuoka-u.ac.jp/support/life/welfare/cafeteria.html]]
-[[ガスト メニュー>https://www.skylark.co.jp/gusto/menu/]]
-[[ロイヤルホスト メニュー>https://www.royalhost.jp/menu/grand/]]
~
 
***現状調査:学食の現在の様子
-店舗の概要/アルテリア
--中央会館
--席数、メニュー数が多くリーズナブル
-VIに関する良い点
--シンプルで外観の雰囲気とマッチしている
-VIに関する改善点
--食堂ということが伝わりづらい
~
~