#author("2023-11-21T09:28:15+09:00","default:member","member") [[情報デザイン演習IIIB]] *課題1 クオーレ VI計画 #image(image1.png) //1100px*400px -''Kaede Ochi'' ~ **概要 ***背景 //&color(red){計画の背景}; -大学内の食堂の一つとしての認識が強く、内観の雰囲気が良くパスタなどのメニューも充実しているイタリアンレストランとしての印象が弱い -印象に残るシンボルマークがない ~ ***目的 //&color(red){計画の目的}; -印象に残るVIデザインを通して、クオーレのイタリアンレストランの印象を強める ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -食を通して心(クオーレ)を提供するレストラン ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(J4s0IQnPUPc) -シンボルマーク・ロゴタイプ #image(mark3.png) #image(mark4.png) //1100px*618px //使用例(合成画像を載せたい場合ここ) -[[VIマニュアル>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as009_st_kyusan-u_ac_jp/EZxO2QHYLUdJs-hn8pXKJsgBwd8pcmPcBFqygj6D-CpW-A?e=4D43yu]] ~ ***制作期間 //&color(red){制作期間|2023.09.21 - 20XX.XX.XX}; -2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -コンセプト(言葉)をロゴマークという形にして表現することで、可視化して伝える方法を考えることができた ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -現代におけるVI計画の活用事例 --[[不二家、不二家洋菓子店(記事・2023)>https://creatorzine.jp/news/detail/4700]] 不二家、不二家洋菓子店がVIを刷新。「スマイルマーク」「店名ロゴ」「ファミリーマーク」の参考例3つあり。 --[[プロント(記事・2021)>https://digitalpr.jp/r/46438]] プロントがVIを刷新、リブランディング。旧デザインと新デザインの参考例2つあり。 --[[バーガーキング(記事・2021)>https://www.advertimes.com/20210329/article344410/]] バーガーキングがVIリニューアル。参考画像4つあり。 --[[アイフル(記事・2022)>https://www.advertimes.com/20220720/article390312/]] アイフルグループがVIを刷新。旧デザインと新デザインの参考例例2つあり。 -[[学食の現在の様子>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EtvWrnYVD3FGjGaCcOeMxzgBvm0mb1MbS6spZ-wkSbyubg?e=U00t58]] --良い点 赤煉瓦と赤みのある木材が基調とされた内観の雰囲気が良い。 --改善点 入り口自動ドアにある「イタリアンレストラン・クオーレ」の文字が内観のおしゃれな雰囲気とマッチしていない。メニューが数箇所にあるため分かりにくい。 ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -文献・WEB --[[Pinterestのリンク>https://pin.it/j9qTacr]] --主にイタリアンレストランのシンボルマークを調査 --ナイフとフォークなどのカトラリーを使用しているものが多い --フォントは装飾が付いているものが多い --イタリア国旗の色を使用 -現地 --[[福岡工業大学内学食(外設置の看板)>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/Eh7YnqMNEKdGqvHYlWQGdOQB-NLTSlj-KgYWYVLG30Vc-A?e=fzucPt]] --[[杉養蜂園(外観)>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EgRpb3Em4QpLoy5O_2d0yOIBx0PZu1EuJPTeyiSMtJ2jDw?e=hwWD31]] --[[太宰府 茶和々(外観)>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EnLo5DaCHkFPvK_CFQZp5acBe92qY5XARMjhINXvDQxs-A?e=Ee9DEl]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -[[モーションロゴを作成>https://www.adobe.com/jp/creativecloud/information/plusone/illustrator-aftereffects.html?gclid=Cj0KCQjw9rSoBhCiARIsAFOiplkO3LIFi9BUyS8qfmoKN0KPkxYcnOt_4_uqsJXACjI5i627j9LPcVIaAnTAEALw_wcB&sdid=7N826F86&mv=search&ef_id=Cj0KCQjw9rSoBhCiARIsAFOiplkO3LIFi9BUyS8qfmoKN0KPkxYcnOt_4_uqsJXACjI5i627j9LPcVIaAnTAEALw_wcB:G:s&s_kwcid=AL!3085!3!513233891736!b!!g!!%E3%83%AD%E3%82%B4%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3!12710520428!121120770392&gad=1]] -[[【AEP配布】After Effects は怖くない! ロゴを動かしてみよう>https://vook.vc/n/2663]] -[[【1分解説!やってみたいができる】ロゴアニメーションを作ろう(動画)>https://youtu.be/p378lCfqJC0?si=uJTQNXjMhrh1W65i]] -[[モーションロゴ風のキャラクターアニメーション(動画)>https://youtu.be/WhcaE6upgo4?si=CDkAm0c5F1S2jvBd]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.10.26 ***モーションロゴのアイデア|変更後、最終決定案 -絵コンテ(ストーリーボード) -- [[Onedriveリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as009_st_kyusan-u_ac_jp/EQeO8o0J1ANIv8TIOo3QbPoBRiGLg0MyQP6kqO0rabET_w?e=4pKaeM]] -字コンテ --起:始まり・状況(手でハートを持っている) --承:続き(ハートが料理、鍋の中に入る) --転:変化・クライマックス(シンボルマークの形に変わる) --結:結果・オチ(ロゴと集合) ~ ***モーションロゴ制作 -[[YouTubeへのリンク>https://youtu.be/J4s0IQnPUPc]] --シンボルマークのみでは食事処のイメージが付きにくいため、モーションには鍋を使用 --ハートが鍋に入る様子からコンセプトである食を通して温かな心(クオーレ)を提供するレストランを表現 ~ ~ **2023.11.16 ***ブラッシュアップ -Cの先を直角に切った -赤をハート部分のみに使用することでよりハートが目につきやすくした -黒でより落ち着いたイメージへ |#image(mark6.png)|#image(mark5.png)| **2023.10.19 ***VIマニュアル -[[PDFファイルへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as009_st_kyusan-u_ac_jp/EZxO2QHYLUdJs-hn8pXKJsgBwd8pcmPcBFqygj6D-CpW-A?e=4D43yu]] --基本デザイン要素 --シンボルマークとロゴタイプの組み合わせ --推奨書体 --使用禁止令 ~ ***合成写真:使用イメージ -[[画像ファイルへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as009_st_kyusan-u_ac_jp/Ea1MPhm9XHVJh_cz60SUOUcB1M21yU8ExDWhxHYIRtdyvg?e=DXFpoz]] --クオーレの自動ドア横の扉に合成 ~ ***モーションロゴ 試作 -[[YouTubeへのリンク1>https://youtu.be/ZHWt_nl_V6E]] --視点が上から横へと変わるような手の形の変形 --意図するモーションでないため絵コンテからの練り直しが必要 ~ ~ **2023.10.12 ***モーションロゴのアイデア|変更前 -絵コンテ(ストーリーボード) -- [[Onedriveリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as009_st_kyusan-u_ac_jp/ET51YcQolShOgm-hKd2rgrEBrzPGs3l5K2bOVdjpBk_dcg?e=njbT1p]] -字コンテ --起:始まり・状況(ハートを運んでくる) --承:続き(視点が横からに変わる) --転:変化・クライマックス(シンボルマークの形に変わる) --結:結果・オチ(ロゴと集合) -参考動画 --[[YouTubeへのリンク>https://youtu.be/Rargeb7-vRI?si=0m3GwG6KZuoGVTqj]] シェイプモーフィングアニメーション --[[YouTubeへのリンク2>https://youtu.be/-eBfbxg16C0?si=GkPljzBekWsrYNxc]] 波の作り方 ~ ***Illustratorを用いた作図(試作) -[[Onedriveリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/Enztrt2_vs9Eqd3yHAP-2BoBxfVNTLm-T690pv5M8uNoEA?e=5Dgm2H]] --案A クオーレのC、手、ハートを使用した案 --案B ハート型とC(クオーレ)I(イタリアン)R(レストラン)の頭文字を使用した案 --案C お皿、カトラリー、ハートを使用した案 ~ ***メモ -[[ハンドサイン例>https://pin.it/7CMQMt8]] 指の間が描かれていないシンプルなもの -Web用と印刷用のデータを作らなければならない -CMYKのA4 ~ ~ **2023.10.05 ***背景・目的・コンセプトの設定 -背景 --大学内の食堂の一つとしての認識が強く、内観の雰囲気が良くパスタなどのメニューも充実しているイタリアンレストランとしての印象が弱い --印象に残るシンボルマークがない -目的 --印象に残るVIデザインを通して、クオーレのイタリアンレストランの印象を強める -コンセプト --温かみのある場所 --食を通して温かな心(クオーレ)を提供するレストラン ~ ***アイデアスケッチ(10案) -[[アイデアスケッチリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EkfeA_bdfz9Iq8VZg4fwXUYBH_GK0o5XJIuAuL_xgk69tQ?e=0baos6]] ~ //***メモ //-イラストレーターを用いた作図 //次回1つ2つ形にしてくる ~ ~ **2023.09.28 ***調査④(現地)|先行事例の調査(類似する飲食店の事例) //他の店がどんな看板の掲げ方をしているのか //良い場所があれば足を運ぶ //外観は良いが内観を撮る場合は許可をとる ''調査地'' -[[福岡工業大学内学食(外設置の看板)>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/Eh7YnqMNEKdGqvHYlWQGdOQB-NLTSlj-KgYWYVLG30Vc-A?e=fzucPt]] -[[杉養蜂園(外観)>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EgRpb3Em4QpLoy5O_2d0yOIBx0PZu1EuJPTeyiSMtJ2jDw?e=hwWD31]] -[[太宰府 茶和々(外観)>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EnLo5DaCHkFPvK_CFQZp5acBe92qY5XARMjhINXvDQxs-A?e=Ee9DEl]] ''特徴'' -イメージカラーとなるものをシンボルマーク、ロゴタイプに使用 -2色(多くて3色)構成 -円形のシンボルマーク -外観と同じ雰囲気のシンボルマークとなっている ~ ~ **2023.09.21 ***調査①(文献・WEB)|現代におけるVI計画の活用事例 -[[不二家、不二家洋菓子店(記事・2023)>https://creatorzine.jp/news/detail/4700]] 不二家、不二家洋菓子店がVIを刷新。「スマイルマーク」「店名ロゴ」「ファミリーマーク」の参考例3つあり。 -[[プロント(記事・2021)>https://digitalpr.jp/r/46438]] プロントがVIを刷新、リブランディング。旧デザインと新デザインの参考例2つあり。 -[[バーガーキング(記事・2021)>https://www.advertimes.com/20210329/article344410/]] バーガーキングがVIリニューアル。参考画像4つあり。 -[[アイフル(記事・2022)>https://www.advertimes.com/20220720/article390312/]] アイフルグループがVIを刷新。旧デザインと新デザインの参考例例2つあり。 ~ ***調査②(文献・WEB)|モーションロゴの制作方法 -[[モーションロゴを作成>https://www.adobe.com/jp/creativecloud/information/plusone/illustrator-aftereffects.html?gclid=Cj0KCQjw9rSoBhCiARIsAFOiplkO3LIFi9BUyS8qfmoKN0KPkxYcnOt_4_uqsJXACjI5i627j9LPcVIaAnTAEALw_wcB&sdid=7N826F86&mv=search&ef_id=Cj0KCQjw9rSoBhCiARIsAFOiplkO3LIFi9BUyS8qfmoKN0KPkxYcnOt_4_uqsJXACjI5i627j9LPcVIaAnTAEALw_wcB:G:s&s_kwcid=AL!3085!3!513233891736!b!!g!!%E3%83%AD%E3%82%B4%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3!12710520428!121120770392&gad=1]] -[[【AEP配布】After Effects は怖くない! ロゴを動かしてみよう>https://vook.vc/n/2663]] -[[【1分解説!やってみたいができる】ロゴアニメーションを作ろう(動画)>https://youtu.be/p378lCfqJC0?si=uJTQNXjMhrh1W65i]] -[[モーションロゴ風のキャラクターアニメーション(動画)>https://youtu.be/WhcaE6upgo4?si=CDkAm0c5F1S2jvBd]] ~ ***調査③(文献・WEB)|先行事例の調査(類似する飲食店の事例) -[[スターバックス>https://www.starbucks.co.jp/index.html]] -[[マツダ>https://www.mazda.co.jp/]] -[[コカ・コーラ>https://www.cocacola.jp/]] -Apple -オリンピック -マクドナルド -[[Pinterestのリンク>https://pin.it/j9qTacr]] --イタリアンレストランのシンボルマークを調査 --ナイフとフォークなどのカトラリーを使用しているものが多い --イタリア国旗の色を使用 --フォントは装飾が付いているものが多い ~ ***調査④(現地)|先行事例の調査(類似する飲食店の事例) //他の店がどんな看板の掲げ方をしているのか //良い場所があれば足を運ぶ //外観は良いが内観を撮る場合は許可をとる 次週まで ~ ***調査⑤(現地)|学食の現在の様子について(良い点・改善点の洗い出し) //お店の外観・内装、店舗の様子(テーブルやカウンター、メニュー表示) //お店の全様、ロゴがどのように掲げられているか //広い絵と狭い絵があった方が良い //実際に提供されているメニューがどんな感じか ~ ''アルテリア'' [[📷>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EiH24JDQfXtFlWumL6C64ZkBPxfpBsQKYufiu-TDmpwBaQ?e=NjkABy]] -入り口は二つ (15号館向かいの自動ドア、中央会館エレベーター付近入り口) -中央会館エレベーター付近入り口にはシンボルマークとロゴタイプがある -入り口付近には営業時間、メニューなどが書かれている紙が貼ってある -外にもテーブル席あり -中央付近にカウンター席、向かいのカウンターに座っている人の顔が見えないような仕切りがあるため全体は見渡せない -15号館近くの入り口には「ARTERIA」と鉄?で作られた文字像がある --ロゴタイプとは違うフォントの形であり統一性がないかも -掲示物(メニュー)は特に統一したデザインなどはなし --使用しているフォントが違う -入り口付近と食堂の中央の壁にシンボルマークあり --意識して見ないと分からなかった -中央にカウンター席、テーブル席が並んでいた --席数は一番多い ~ ''クラブハウス'' [[📷>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EiCPLZhXZp9HieJu3Ynvh7QB0miolAVRwxtORJWH4R-b_A?e=WMNsFy]] -すでにシンボルマークあり -内観はカフェのような感じ(木材のテーブル、椅子が目立った) -メニューは入り口入ってすぐにあり、アルテリアと比べると少し装飾が付いているメニュー表になっていた -洋風な外観だったがメニュー表のメニュー名は和風な感じのフォントを使用 --外観と同様、洋を感じさせるフォントを使用した方が雰囲気に合うかも -赤煉瓦と緑(植物)が印象に残る外観 --印象に残る外観(おしゃれ) -シンボルマークは入り口前の看板と自動ドアにある --目に入りやすい位置にある ~ ''オアシス'' [[📷>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EiTng0FV7dREvCi-DHt7ZxQBeRKril1hpSVYiPbjbfRguQ?e=Ul1EGH]] -入り口横の扉を挟んで横にメニュー掲示板と券売機があり -現金、キャッシュレスで支払い可能 -入り口入ってすぐ左にレストランメニューご注文の方の通路、席がある -広いメインの席にはプラスチック製の椅子とテーブル -レストランメニュー注文用付近の席は茶色い椅子、木のテーブルがあり少し落ち着いた雰囲気 -入り口の文字以外にシンボルとなるようなものはなかった -入り口横の壁中央に金色で「Cafeteria OASIS」と文字あり --少し見にくい(反射で背景の赤煉瓦が写り込み同化してしまっている) -メニュー表は特に特徴的なデザインはなし --大きさの異なる写真が混じっていて見にくいかも ~ ''クオーレ'' [[📷>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as009_st_kyusan-u_ac_jp/EtvWrnYVD3FGjGaCcOeMxzgBvm0mb1MbS6spZ-wkSbyubg?e=U00t58]] -特にシンボルマークなどはなし -入り口横にメニュー棚あり -黒板、もしくはブラックボードに文字でメニュー表示あり(手書き) --メニューが複数の場所にあり分かりにくい -入り口自動ドアに「イタリアンレストラン・クオーレ」の文字 --内観のおしゃれな雰囲気とマッチしていない感じ -壁は赤煉瓦と、赤みのある木材が基調 -ソファー席あり(ロイヤルホストのような) -奥の席の壁には大きな鏡がある --内観の雰囲気は1番良いかも ~ ~ ~