LogoMark.png

江川珠貴/情報デザイン演習IIIB の変更点


#author("2022-12-22T09:59:23+09:00;2022-12-17T19:28:06+09:00","default:member","member")
#author("2022-12-22T09:59:54+09:00;2022-12-17T19:28:06+09:00","default:member","member")
*課題2 経路案内




#image(site_header.jpg)




-''Tamaki Egawa''
-'''Keywords:comprehensibility, looks like fun, want to go'''
~
//[[instagram>https://www.instagram.com/tmk_aai_]]


**Overview
***Background
//&color(red){背景};
九産大の学内の建物の構造が複雑なため、卒展会場の教室までの経路が分かりにくい
~

***Purpose
//&color(red){目的};
事前にSNSで経路を確認していただき、スムーズに会場に来場していただけるようにする
~

***Concept
//&color(red){基本的な考え方、枠組み、視点など};
「分かりやすく、行ってみたい楽しそうと思える経路案内」
-道のりを知ってもらいスムーズに来場してもらうために、分かりやすく
--ポイントとなる曲がり角などでゆっくり進む
--人物をフレーム内に入れる場合、手で指差しなどすることによってより分かりやすくする
--見飽きないようにできるだけ短く
-行ってみたい楽しそうと思ってもらえるようにする
--アップテンポで明るい雰囲気の曲をBGMにする
--説明の文字をポップな印象のある丸いフォントに
-見飽きないようにできるだけ短く
-各SNSの特性に合わせた動画の編集
--YouTube:分かりやすさに重きを置くために景色だけ
--Instagram:拡散してもらうことに重きを置くため人物を入れて楽しそうな雰囲気を出す
~

***Outputs
-YouTube
--1920*1080px
--31秒

#youtube(EtvrCSEZEko)
//&color(red){↑ 完成作品埋め込み};

-Instagram
--[[リールへのリンク>https://www.instagram.com/reel/CmQ9J2yALmk/?igshid=YmMyMTA2M2Y=]]
--1080*1920px
--30秒
~

***Term
//&color(red){制作期間};
-2022.11.10 - 2022.12.17
~

***Conclusion
//&color(red){制作が完結したら「まとめ」を記載して下さい。};
-Good point
--BGMとフォントを明るく楽しい雰囲気のものを見つけることができた
--30秒にまとめることができた
--ポイントとなる曲がり角や目印となる場所はゆっくりと紹介できた
--各SNSの特性に合った動画を作成できた
→見飽きることがなく、分かりやすく行ってみたい楽しそうと思ってもらえる動画を作成できた

-Bad point
--スマートフォンでの撮影で、手ぶれがあった
→手ぶれ補正付きのカメラで撮影する or スタビライザーをつけて撮影する
--文字が静止していた
→より楽しさを表現するために文字を動かす
~


**Research

***Current Situation
//&color(red){現状調査:駅から教室までの経路の状況};
[[経路状況写真>https://drive.google.com/drive/folders/1awZU0CmthMsFxwdP2iaqLddjyVQvsf1i?usp=share_link]]

-良い点
--建物・道が綺麗
--駅から近い

-悪い点
--エレベーターの場所が入り組んでいて分かりにくい
--建物の作りが複雑
--17号館の場所が分かりにくい
--交通量の多い道路を渡る際の注意が必要
~

***Precedent
//&color(red){先行事例:参考動画の調査};
-[[JR南福岡駅から富士茶房 SUIまで/Instagram>https://www.instagram.com/reel/CglNkaapLL1/?utm_source=ig_web_copy_link]]
-[[JR大阪駅から泉の広場まで/YouTube>https://youtu.be/niSDj8qTa0w]]
~
~
~

#hr
CENTER:''WORK LOG''
//&color(red){List the most recent information at the top.};
#hr
~
~

**2022.12.17
***編集
//&color(red){YouTubeなど動画のリンク};
-[[YouTube>https://youtu.be/EtvrCSEZEko]]
-[[Instagram>https://www.instagram.com/reel/CmQ9J2yALmk/?igshid=YmMyMTA2M2Y=]]
~


**2022.12.15
***試作2
//&color(red){YouTubeなど動画のリンク};
-[[YouTube>https://youtu.be/fnwZIntfDWg]]
-[[Instagram>https://www.instagram.com/reel/ClmAlZfg0Vk/?igshid=YmMyMTA2M2Y=]] 

~

**2022.12.08
***Overview編集
-Concept(再編集)
-Term
-Conclusion
~

**2022.12.05
***編集
//&color(red){YouTubeなど動画のリンク};
-[[YouTube>https://youtu.be/fnwZIntfDWg]]
-[[Instagram>https://www.instagram.com/reel/ClmAlZfg0Vk/?igshid=YmMyMTA2M2Y=]]
~

***素材撮影
//&color(red){撮影素材(一部)のクラウドストレージへのリンク};
[[動画用素材>https://drive.google.com/drive/folders/1uAe826bMdXrxvjLH872pdJo1yWSBjTd5?usp=share_link]]
*Googleドライブへのリンクです。
~
~

**2022.11.24
***試作
//&color(red){YouTubeなど動画のリンク};
-[[YouTube>https://youtu.be/YpwIpYJTnWI]]
-[[Instagram>https://drive.google.com/file/d/1fKko5eRur48XC1pgMgHk-80eFmM6gsky/view?usp=share_link]] 
*InstagramはGoogleドライブへのリンクです。音声はありません。
~

***試作をして分かったこと
-動画は一発撮りの方がいい
-30秒少し短い?
-音楽は歌詞ありorなし?
~
~

**2022.11.17
***現状調査
//&color(red){記録写真などのクラウドストレージへのリンク};
[[記録写真>https://drive.google.com/drive/folders/1awZU0CmthMsFxwdP2iaqLddjyVQvsf1i?usp=share_link]]

-良い点
--建物・道が綺麗
--駅から近い

-悪い点
--エレベーターの場所が入り組んでいて分かりにくい
--建物の作りが複雑
--17号館の場所が分かりにくい
--交通量の多い道路を渡る際の注意が必要
~
~

**2022.11.10
***字コンテ・絵コンテ
//&color(red){クラウドストレージへのリンク};
-字コンテ
①改札を出る
②学内まで行く
③17号館まで歩いていき、エレベーターに乗る
④エレベーターを降りたら教室まで行く

 *人物をフレームインさせる or 絵文字を追加する
 *歩いている時も振り向いたり、建物にカメラの視点を動かしたりする

-[[絵コンテ>https://drive.google.com/drive/folders/1H1lz8hBEztTvLyouWxlO0PCHq-sbyN9d?usp=share_link]]
~

***先行事例
//&color(red){YouTubeなど動画のリンク};
-[[JR大阪駅から泉の広場まで/YouTube>https://youtu.be/niSDj8qTa0w]]
-[[西鉄香椎駅からスタジオまで/YouTube>https://youtu.be/C40nVAiqevI]]
-[[東京駅からジャパンパイルまで/YouTube>https://youtu.be/g2qmnmEGlfE]]
-[[JR香椎駅から香椎スクエア縁日まで/Instagram>https://www.instagram.com/reel/CkNtlTTOrWx/?utm_source=ig_web_copy_link]]
-[[JR南福岡駅から富士茶房 SUIまで/Instagram>https://www.instagram.com/reel/CglNkaapLL1/?utm_source=ig_web_copy_link]]

~
~
~
~

*課題1 アルテリアVI計画

#image(logo.jpg)

-''Tamaki Egawa''
-'''Keywords:活気, 交流, 落ち着く'''
~


**Overview
***Background
//&color(red){背景};
616席を有する学生食堂。店内には、芸術学部学生などの美術作品が飾ってある。比較的安価な値段で、定食を食べることができる。昼休みには学生で賑わっている。店内イメージと外観のVIの統一がされていないと感じた。
~

***Purpose
//&color(red){目的};
-アルテリアの店舗イメージの統一感向上
-スタイリッシュなイメージから柔らかいイメージの食堂ロゴへ
~

***Concept
//&color(red){基本的な考え方、枠組み、視点など};
「活気があり人と交流しやすく落ち着ける場所」
  利用する人数が多いということで、より友だちや先生方などと交流しやすい雰囲気を作れたらと思い「活気」「交流」というキーワードを取り入れた。また、店内の内装に木が使われていたり、芸術学部生の作品が飾られていたりしていて、美術館の中の食堂ように感じ、落ち着ける場所の一つのため「落ち着き」というキーワードも取り入れた。今回の制作におけるキーワードのイメージを持つ暖色や明るい色を取り入れていく。
~

***Outputs
//&color(red){成果物の形式・サイズ・時間尺等};
-[[シンボルマーク>https://drive.google.com/file/d/1zIIdYcl3HnDX91kv4TKFvFOdpRvCn9T-/view?usp=sharing]]
#image(シンボルマーク.jpg)

-[[ロゴタイプ>https://drive.google.com/file/d/1UldU_92RpthlCu3sdPv_IT5U2fLXzlLM/view?usp=sharing]]
#image(ロゴタイプ.jpg)

-[[展開イメージ>https://drive.google.com/drive/folders/1bOszsVXQp26iG_n4iJopKIsv9d8vr6RS?usp=sharing]]
#slider(center,75%,fade,3000,2000,logo.jpg,logo2.jpg,logo3.jpg)

-[[モーションロゴ>https://youtu.be/GjaFOkFAjTs]]
#YouTube(GjaFOkFAjTs)
//-メニュー
//-SNSプロフィール画像
//-その他(ポスター・WEBサイトなど)
~

***Term
//&color(red){制作期間};
2022.09.22 - 2022.11.10
~

***Conclusion
//&color(red){制作が完結したら「まとめ」を記載して下さい。};
交流の場のイメージである黄色などの暖色を取り入れることで「落ち着き」や「活気」「交流」というコンセプトにあうデザインになったと思う。また、暖色は柔らかいイメージも持っているため、スタイリッシュなイメージから柔らかいイメージのロゴに変えることができた。これらのことから、今回の制作の目的は達成されたと思う。
~
~


**Research

***現代におけるVI計画について
-[[CIRCL 「ビジュアルアイデンティティ(VI)とは?事例つき」>https://circl.co.jp/jp/views/branding/what-is-vi/]]
-[[GoodpatchBlog「ブランドを視覚化するVIの目的と事例」>https://goodpatch.com/blog/visual-identity]]
~

***先行事例
-[[ロゴマーク>https://pin.it/4c1pEtt]]
-[[モーションロゴ1>https://youtu.be/iLeaKOU1iJQ]]
-[[モーションロゴ2>https://youtu.be/UxhKEwV9A6Q]]
~

***学食の現在の様子
-VIの観点で良い点
--麺類とその他で受け取る場所が違うが、わかりやすいように誘導している
--食堂内に芸術学部生の作品が飾ってあってオシャレである
--食券を買う時にメニューの写真があるのである程度選びやすい
--誰もが利用しやすい環境である

-VIの観点で悪い点
--雰囲気の統一感はあまり感じられない

-VIの観点から改善できそうな箇所
--内装・外観の改善 → イメージ統一ができるのでは
--食券機以外にメニューを写真と文字で確認できるものを作る → 事前に買うものを決めてもらうことで食券の列に並ぶ時間の短縮につながるのでは
~

***ほかの食堂との比較
--食券機の所にしかメニューを確認できるものがない
--店舗イメージの統一感の差
[[京都学園大学食堂>https://pin.it/5sqqWS1]]
[[名古屋商科大学>https://pin.it/51BuO6J]]

~
~
~

#hr
CENTER:''WORK LOG''
//&color(red){List the most recent information at the top.};
#hr
~
~


**2022.10.24
***字コンテ・絵コンテの練り直しと動画コンテの作成
-[[絵コンテ>https://drive.google.com/file/d/1JbF5MN_XZnQwHfbjYcbt5HHXl854qwkN/view?usp=sharing]]
-字コンテ
①回転しながら四角が入ってくる
②Aが浮き出してくる
③はし等がAから飛び出してくる
④順番に文字が出てくる
-[[動画コンテ>https://drive.google.com/file/d/1s79eO8rGz5uE9dT15-oIGCAldYItVniW/view?usp=sharing]]
~

**2022.10.20
***授業メモ
termとoutputs以外は埋める
~

**2022.10.19
***モーションロゴの絵コンテ・字コンテ
-[[絵コンテ>https://drive.google.com/file/d/19bccJo-eHuytz4y35J92xbe3fvbywwI_/view?usp=sharing]]
-字コンテ
①四角の枠が出てくる
②箸は上から、フォークとスプーンは右から、コップは下から四角の中に入ってくる
③シンボルマークの中のAが下に降りてくる
④Aから文字が飛び出してくる(バネのように)
~

**2022.10.17
***シンボルマーク・ロゴタイプ
-[[シンボルマーク>https://drive.google.com/file/d/1zIIdYcl3HnDX91kv4TKFvFOdpRvCn9T-/view?usp=sharing]]
-[[ロゴタイプ>https://drive.google.com/file/d/1UldU_92RpthlCu3sdPv_IT5U2fLXzlLM/view?usp=sharing]]
~

***モーションロゴについての調査
-【モーションロゴ】 20選 / GOAHEADWORKS
#youtube(iLeaKOU1iJQ)

-モーションロゴ / SmartHR
#youtube(UxhKEwV9A6Q)
~

***展開イメージ
-[[展開イメージ3案>https://drive.google.com/drive/folders/1bOszsVXQp26iG_n4iJopKIsv9d8vr6RS?usp=sharing]]
~

**2022.10.08
***コンセプト決定のためのメモ・キーワード
-日々のストレスを癒せる場所
-ゆっくりできる場所
-癒し
-会話
-暖かい雰囲気
-落ち着き
-おしゃれ
~

***試作制作のためのメモ・希望
-色味は暖色またはパステルカラー
-落ち着きを与えるため、緑を使えばいいのでは?
-ロゴを見ただけで食堂だとわかるように
-今のアルテリアのロゴとは全く違うものにしたい
~

***データリンク
-[[アイデアスケッチ>https://drive.google.com/drive/folders/1arfDskosy27QThpVXAv_-ytwh59ZRfpF?usp=sharing]]
-[[試作>https://drive.google.com/drive/folders/1rGYIMraszJZ3atjgA27mnCySYkH0Y80E?usp=sharing]]
**2022.09.28
***ほかの食堂との比較
-食券機の所にしかメニューを確認できるものがない
-メニューが少ない
-利用する人数が多い
-唐揚げやチキンカツなどセットメニューに入っているものを単体で買える商品がない
~

**2022.09.21
***VI計画に関する調査
-[[CIRCL 「ビジュアルアイデンティティ(VI)とは?事例つき」>https://circl.co.jp/jp/views/branding/what-is-vi/]]
-[[GoodpatchBlog「ブランドを視覚化するVIの目的と事例」>https://goodpatch.com/blog/visual-identity]]
-[[京都学園大学食堂>https://pin.it/5sqqWS1]]
-[[ルネスホール・公文庫カフェロゴマークデザイン>https://pin.it/3DU5K8p]]
-[[名古屋商科大学カフェ>https://pin.it/51BuO6J]]
-[[日本IBM大阪事業所>https://pin.it/7qbG0Dc]]
-[[立教大学学食>https://pin.it/7CEyhdH]]
-[[ロゴマークデザイン>https://pin.it/4c1pEtt]]
~

***現状調査
-良い点
--麺類とその他で受け取る場所が違うが、わかりやすいように誘導している
--食堂内に芸術学部生の作品が飾ってあってオシャレである
--食券を買う時にメニューの写真があるのである程度選びやすい
--誰もが利用しやすい環境である
--一人用の他の人の目線が気にならない席がある

-悪い点
--雰囲気の統一感はあまり感じられない
--席数がお客の人数にしては少ない

*ここからはあくまでも個人的な意見です
--店舗イメージの統一感がほかの食堂に比べて低い
--おいしい
~

-[[店内写真資料>https://drive.google.com/drive/folders/1rYXMBlq30rw8BDGo-bzX5BZKvjeHL1s_?usp=sharing]]
~
~


~