LogoMark.png

松崎菜々実/情報デザイン演習ⅢB の変更点


#author("2025-12-04T08:49:42+09:00","default:member","member")
#author("2025-12-04T08:50:21+09:00","default:member","member")
*松崎菜々実
[[情報デザイン演習IIIB]]
~
~


//ここから
*課題2 経路案内
~
 
 
  
 
 
 
   
 
~
~
 
#hr
CENTER:''進捗記録''
#hr
~
~
**#10:2025.11.27
***試作
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k24as024_st_kyusan-u_ac_jp/IQDhH0M54SGVQ54vbDG3MLj3AWPQtExRVrBClgRYh6dbtfM?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=h0SHt0]]
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as024_st_kyusan-u_ac_jp/IgA4SDpssX5dSqiejnzitlThAXdSpFpWbRTc96JvtNybKrM?e=f6opUq]]
~
~

**#09:2025.11.20
***企画
-ストーリーボード
--[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as024_st_kyusan-u_ac_jp/IgCUcS2AlKzgTKG0NZ5B3eWHAael3cGN3Tf_BHfK2EtFtrM?e=Z8dKgs]]
-字コンテ
--1:場所の紹介
--2:駅から北門に入り17号館の先斜めに向かう
--3:目の前の中央会館に入る
--4:エレベーター、階段で2階へ
--5:外につながる扉を通る
--6:目的地
-概要
--背景
---案内や標識がない
---少し隠れたところにあるので場所が分かりづらい
--目的
---景色が綺麗で落ち着く場所をみんなにも利用してほしい
---大学生活がより穏やかになるように
--コンセプト
---簡潔かつ、わかりやすい
---動画自体も癒される雰囲気にしたい
~
***先行事例の調査
-文字表現の調査
--[[【Aftereffects】テキストアニメーション基礎!3つのおしゃれアニメーションを作ってみよう>https://youtu.be/5Obz1K5I04I?si=QDFcivlR5aPMOQ-A]]
--[[【プリセット無料配布】汎用性MAX!テキストアニメーター基礎!【アフターエフェクト】>https://youtu.be/fuWcP3tA_EI?si=HA_zTvSVDQ0ZF9Tn]]
~
~
**#08:2025.11.13
 
***現状調査:現場の状況
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as024_st_kyusan-u_ac_jp/IgC7DjgFQFOfSZBDtNZ1N0j1AfiiP1jH5w6Nh3bDJzw-_8A?e=1No3KB]]
~
***先行事例の調査
-横型動画
--[[新大阪から大阪万博(東ゲート)までの行き方!>https://youtube.com/shorts/lpOvjfZ6kH8?si=o1m2Rqcs65Aj9CPp]]
--[[現在地からKITTE(OIOI)まで>https://youtube.com/shorts/a7rG3Exz3gQ?si=8o7GhxZsaqpbEUMr]]
-縦型動画
--[[【新幹線/新大阪駅からユニバ】新幹線からユニバーサルスタジオジャパンへの行き方>https://youtu.be/LIoByzX1JPk?si=wWshfc1YQqRRn1k9]]
--[[福岡市地下鉄天神駅から岩田屋までのルート(天神地下街ルート)>https://youtu.be/gA_XqmCcZ3o?si=GNy3bDwxE7Duq0cS]]
~
~
~
//ここまで

*課題1 VI計画
~

#image(main3.jpg)
~
~
//ここから
**概要
***現状
-注文の仕方や受け取り方法がわかりづらい
-外観が食堂だと気づきにくい
~
 
***課題
-最初に利用方法を伝えるものが欲しい
-旗や案内を設置
~
 
***目的
-分かりやすい環境をデザイン
-臆さず誰でも使える親しみやすいデザイン
~
 
***コンセプト
-親近感、覚えやすいデザイン
-敷居をより低く、歓迎と使いやすさをデザイン
~
 
***成果物の仕様
-シンボルマーク / ロゴタイプ
#image(sin.png)
-モーションロゴ
#YouTube(Me3mOdX4VkM)
-VIマニュアル
--[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as024_st_kyusan-u_ac_jp/EShqDd3Dq65JpC8wIV8meOcBdqdG1Bv4yKtdajb9VgkkBQ?e=8ussVc]]
~

***制作期間
-2025.09.18 - 10.28
~
***まとめ
-名前の意味や由来を通してデザインすることはできたが、それがあまり伝わってこない
-抽象的にしすぎても情報伝達がしづらくなる
-伝えたい情報を表現しつつ、散らかっていないデザインができるのを目指していきたい
~
~

#hr
CENTER:''進捗記録''
#hr
~

**#06:2025.10.23
***モーションロゴ
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:v:/g/personal/k24as024_st_kyusan-u_ac_jp/ETSoBSGA7TRDvxS4qPe7fnIBYcAGhnQdVtBsrNsa3JDNow?e=2NoFiV]]
~
~

**#05:2025.10.16
***VIマニュアル
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as024_st_kyusan-u_ac_jp/EShqDd3Dq65JpC8wIV8meOcBdqdG1Bv4yKtdajb9VgkkBQ?e=8ussVc]]
~
~

 
**#04:2025.10.09
***字コンテ
-リボンが左奥から飛んでくる
-目の前中心を右から左に通る
-リボンが通ったところに文字が出現
-定位置につき、完成
~
***ストーリーボード
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k24as024_st_kyusan-u_ac_jp/EZx49EixhwtMrLRI7jaTHE8Bfpouz3eZJZTzUZWwnR2vOg?e=XtJ06c]]
~
~

**#02:2025.09.25
***概要の整理
-現状
--注文の仕方や受け取り方法がわかりづらい
--外観が食堂だと気づきにくい
-課題
--最初に利用方法を伝えるものが欲しい
--旗や案内を設置
-目的
--分かりやすい環境をデザイン
--臆さず誰でも使えるデザイン
-コンセプト
--親近感、覚えやすいデザイン
--敷居をより低く、歓迎と使いやすさをデザイン
~

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

***現状調査:記録写真
-[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/my?id=%2Fpersonal%2Fk24as024%5Fst%5Fkyusan%2Du%5Fac%5Fjp%2FDocuments%2F2年後期情デ%2F食堂写真&login_hint=k24as024%40st%2Ekyusan%2Du%2Eac%2Ejp&source=waffle]]
~

***対象店舗
-アルテリア
~
~
**#01:2025.09.18
***VIに関する基本情報
-[[PR TIMES CI・VI・BIとは?>https://prtimes.jp/magazine/ci-vi-bi/]]
-[[VIとは(TOPPAN)>https://www.toppan-colorer.co.jp/column/4375]]
~
 
***モーションロゴの事例
-[[【After Effects】ロゴアニメーションを作る【チュートリアル】>https://youtu.be/XVKfe3Lt3hg]]
-[[switch2>https://www.nintendo.com/jp/switch2/videos/index.html?movie=cm01]]
~

***モーションロゴの制作方法
-[[Nintendo Switch のロゴアニメーション作成手順>https://youtu.be/LOmqcGUt0wY?si=yBoaB0_PY1ZG6itY]]
-[[AfterEffectsを使ったロゴアニメーションの作り方>https://youtu.be/f3hVLdUFZfk?si=54lFoOFcJ04hhPQS]]
~
 
***先行事例の調査:WEB・文献調査
-[[東京藝術大学>http://geidaishokudo.com/]]
-[[西南学院大学>https://coop.kyushu-bauc.or.jp/seinan-coop/info03/index.html]]
-[[スターバックス>https://logo-design-osaka.com/media/starbucks-logo/]]
-[[吉野家のこだわり>https://www.yoshinoya.com/kodawari/]]
~
 
***現状調査:学食の現在の様子
-店舗の概要
--中央会館の一階、アルテリア
--机と椅子の十分な数
--メニューの種類が豊富
-VIに関する良い点
--全体的に暖色で落ち着く
--植物があり、リラックスできる。
-VIに関する改善点
--外から見て食堂だと分かりづらい
--初見、注文の仕方がわからなかった
~
~