坂井彩華/情報デザイン演習ⅢB のバックアップ(No.16)

情報デザイン演習IIIB

課題2 経路案内

Ayaka Sakai

概要

背景

◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯

目的

◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯

コンセプト

◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯

成果物の仕様

YouTube
- 1920*1080px
- 30秒

Instagram
- 1080*1920px
- 30秒

制作期間

2023.11.16 -

メンバー

チーム名：SK

坂井彩華
興梠媛愛

まとめ

◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯

調査

現状調査

◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯

先行事例

◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯

技法・技術情報

◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯

進捗記録

2023.11.16

試作：撮影テスト

動画素材
- 北門から近い入り口からだとエレベーターの場所が分かりずらい

先行事例

道案内動画東京メトロ改札～会社エントランスまで
- 案内板や目的の場所をを線で囲み、矢印で進む道を案内
- 平面的

【神戸薬科大学】阪急岡本駅から大学までのアクセス動画（大学までの街並み）
- 案内の文字等が立体的（プロジェクションマッピングのよう）
- 目的地までの距離を表示
- 目的地までの道のりにあるお店の名前も紹介

背景・目的・コンセプト

背景
- 入口が分かりずらい
- 案内板が小さく、見つけづらい
- エレベーター側の入り口が外部の人にとっては分かりずらい
- 北門近くの入り口からだとエレベーターの場所が分かりにくい

目的
- なるべく曲がる回数を減らし、わかりやすくする
- ソーシャルデザイン学科の卒業制作展だとわかるようにする
- エレベーターだけでなく、階段の場所もわかるようにする

コンセプト
- ソーシャルデザイン学科のシンボルマークに使用している色を使い、シンプルに
- 目印のモノに注目し、動画と実際の景色をリンクさせる

課題1 クオーレ VI計画

Ayaka Sakai

概要

背景

落ち着いた雰囲気で、老舗の喫茶店のよう
手書きのメニューで温かみを感じられる
メニューのサンプルが置かれているため、メニューの想像がつきやすい
入口のロゴタイプと店の雰囲気があっていない（ファミリーレストランのように感じる）

目的

一目でクオーレとわかる
店内にシンボルマーク・ロゴタイプがないため、店内に掲示しても違和感がないもの

コンセプト

手書きで温かみを感じさせる
昔ながらのレトロな喫茶店→シンプルな色使い（くすみカラー）
筆記体でメニューの出てくるスピードの疾走感
丸みのある文字で優しさ

成果物の仕様

モーションロゴ

シンボルマーク・ロゴタイプ

VIマニュアル

制作期間

2023.09.21 - 2023.11.16

まとめ

シンボルマークがCuoreの文字で構成されていることで一目でクオーレだとわかるものができたと思う
筆記体で手書き感とスピード感を同時に表現できた
見ただけでは食事ができる場所ということが分かりずらいように感じたため、フォークなどの食器を取り入れた方が良かったのではないかと感じた

調査

現状調査

調査：現代におけるVI計画の活用事例
- chics-成功事例から学ぶ！ビジュアルアイデンティティに必要な要素と作成の流れ-
  - VI事例（三井住友銀行、スターバックス、コカ・コーラ、QB HOUSE、Apple）
  - VIの意味、作成の要素・手順
- VI(ビジュアル・アイデンティティ)とは何か？
  - VIの意味・目的（ブランドの認知度向上・差別化・一貫性・イメージ強化、一貫性による消費者の信頼向上）
  - VI事例（Apple、コカ・コーラ、Airbnb、FedEx）

調査：学食の現在の様子について
クオーレ
- 良い点
  - 他の学食にはない食品サンプルが置かれていた
  - 全体的に赤煉瓦と手書きのメニューで喫茶店のような雰囲気
  - パスタの注文は後から受け取る形式だったが、完成までのスピードがスムーズだった
- 改善点
  - 入口が一つしかなく、狭いため外まで列が続いていた
  - 中にのみ食事のサンプルが置かれていたが、外の入り口横に戸棚があるため、そこにも置いたほうがメニューがよくわかる気がする
  - 店内にシンボルマーク・ロゴタイプがない

先行事例

WEB・文献調査
- サイゼリア
- サンマルクカフェ

現地調査：類似する飲食店の事例
osteria d' Italia OLIVE（オステリア・ド・イタリアオリーブ）
- 店舗の写真（googleドライブ）
  - 外の入り口付近にメニューとその日のパスタランチのサンプルが置かれていた
  - テーブル席側には大きな窓があり、太陽光によって暖かい雰囲気が感じられた
  - メニューはカウンターの上に手書きで書いてあるもののと、テーブルに外と同じメニュー表が置かれていた

技法・技術情報

動画

進捗記録

2023.10.26

モーションロゴ制作

YouTubeへのリンク
- シンボルマークが現れ、ハートを描きながら色が変化してロゴタイプが現れる

2023.10.19

VIマニュアル

googleドライブリンク
- ロゴコンセプト
- 基本デザイン要素
- シンボルマーク・ロゴタイプ組み合わせ
- 推奨書体
- 使用禁止例
- それぞれのカテゴリーごとにページをまたがって配置しないよう気をつけた

店舗の写真とロゴの合成

googleドライブリンク
- 図書館の反対側の入口のドアに合成
- 元のロゴタイプに白い背景があったため、そのまま活用

モーションロゴ試作

YouTubeへのリンク
- シンボルマークが表示され、色が変わり、ロゴタイプが出てくる動きを確認

Illustratorを用いた作図（まとめ）

googleドライブリンク
- A案
  - レコードとお皿でレトロ、フォークとスプーンでレストランをイメージ
  - レコードのパッケージを背景に置き、食事の時に置くマットを表現
- B案
  - Cuoreの文字でハートを表現
  - ロゴタイプは筆記体でスピード感を演出
- C案
  - お皿と文字でシンプルに、お皿の白の部分はクオーレのCをイメージ
  - ハートで思いやり・温かみがあることを表現
- 全体を通してくすみカラーを使うことでレトロ感・落ち着いた雰囲気を演出

2023.10.12

モーションロゴのアイデア

絵コンテ（ストーリーボード）
- googleドライブリンク
字コンテ
- 起：始まり・状況（Cuoreの文字が一文字ずつ出てくる）
- 承：続き（ハートの形になる）
- 転：変化・クライマックス（ハートを書くように線が移動し文字の色が変わる）
- 結：結果・オチ（ロゴタイプが出てくる）

Illustratorを用いた作図（試作）

googleドライブリンク
- 案１
  レコードとお皿でレトロ、フォークとスプーンでレストランをイメージ
- 案２
  Cuoreの文字でハートを表現
- 案３
  お皿と文字でシンプルに、お皿の白の部分はクオーレのCをイメージ

2023.10.05

背景・目的・コンセプトの洗い出し

背景
- たくさんの学生が利用している
- 落ち着いた雰囲気で、老舗の喫茶店のよう
- 手書きのメニューで温かみを感じられる
- メニューのサンプルが置かれているため、メニューの想像がつきやすい
- メニューの出てくるスピードが早い

目的
- 入口のロゴタイプと店の雰囲気があっていない（ファミリーレストランのように感じる）ため、雰囲気に合ったロゴタイプが必要
- 入口の場所が分かりずらいので、一目で食事ができる場所だとわかるもの
- 店内にシンボルマーク・ロゴタイプがないため、店内に掲示しても違和感がないもの。又は雰囲気を向上させるもの

コンセプト
- 手書きで温かみを感じさせる
- レトロ
- おしゃれ（筆記体）
- シンプルな色使い（くすみカラー）
- 疾走感

アイデアスケッチ（10案）

googleドライブリンク
- レトロなものは昭和の商品パッケージを参考に文字を太めで丸みを持たせた
- イタリアンレストランであるためフォークやパスタを使用し、イメージがつきやすいものに
- ロゴマークはハートになるようひらがな・カタカナ・英字でそれぞれ配置

2023.09.28

調査④（現地）：先行事例の調査（類似する飲食店の事例）

osteria d' Italia OLIVE（オステリア・ド・イタリアオリーブ）
- 店舗の写真（googleドライブ）
- 特徴
  - 外の入り口付近にメニューとその日のパスタランチのサンプルが置かれていた
  - 近くの柱にロゴタイプがあった
  - 店内はレンガのパーテーションによってテーブル席とカウンター席が仕切られていた
  - テーブル席側には大きな窓があり、太陽光によって暖かい雰囲気が感じられた
  - メニューはカウンターの上に手書きで書いてあるもののとテーブルに外と同じメニュー表が置かれていた
  - 呼び出しボタンなどはないため、直接店員さんを呼ぶ方式

クオーレについて
- レストラン「クオーレ」　図書館１階に本日オープン！(2009.04.01)

2023.09.21

調査①：現代におけるVI計画の活用事例

chics-成功事例から学ぶ！ビジュアルアイデンティティに必要な要素と作成の流れ-
- VI事例（三井住友銀行、スターバックス、コカ・コーラ、QB HOUSE、Apple）
- VIの意味、作成の要素・手順

VI(ビジュアル・アイデンティティ)とは何か？
- VIの意味・目的（ブランドの認知度向上・差別化・一貫性・イメージ強化、一貫性による消費者の信頼向上）
- VI事例（Apple、コカ・コーラ、Airbnb、FedEx）

調査②：モーションロゴの制作方法

動画

調査③：先行事例の調査（類似する飲食店の事例）

調査⑤：学食の現在の様子について（良い点・改善点の洗い出し）

学食の写真（googleドライブ）
クオーレ
- 良い点
  - 他の学食にはない食品サンプルが置かれていた
  - 全体的に赤煉瓦と手書きのメニューで喫茶店のような雰囲気
  - パスタの注文は後から受け取る形式だったが、完成までのスピードがスムーズだった

改善点
- 入口が一つしかなく、狭いため外まで列が続いていた
- 中にのみ食事のサンプルが置かれていたが、外の入り口横に戸棚があるため、そこにも置いたほうがメニューがよくわかる気がする
- お持ち帰りメニューが紙に書いて掲示してあったが、普通のメニューと同じように書いた方がいい。曲がって見えづらいメニューがあった

オアシス
- 良い点
  - 入口の外に券売機があるため、中で注文を待つ人がいない（店内で混雑しにくい）
- 改善点
  - 外からだとレストランがどこにあるのか分かりずらい
  - 通常の店内とレストランとではテーブルや椅子の素材が違うため、雰囲気が変わる

クラブハウス
- 良い点
  - 全体的に緑が多く、自然で落ち着く
  - テイクアウト用のカウンターが別で入口付近にある
- 改善点
  - 外装の雰囲気とメニューの雰囲気が異なるため、困惑する
  - 店内に入らないとメニューがわからない

アルテリア
- 良い点
  - 食事の受け取り場所がメニューごとに分けられている
  - 席がたくさんあり、1人用の席もある
- 改善点
  - 店内が広いため、どの席が空いているのか分かりずらい
  - シンボルマークが見つけずらい
  - 入口付近の店内に券売機があるため、混雑しやすい