#author("2023-11-23T12:37:55+09:00","default:member","member") [[情報デザイン演習IIIB]] *課題2 経路案内 #image(mainvisual_2_1.jpg) -''興梠 媛愛'' ~ **概要 ***背景 -九州産業大学内をあまり知らない人には場所や入り口がわかりにくい -17号館の場合エレベータのある入り口が北門からわかりにくい場所にある ~ ***目的 -ソーシャルデザイン学科の卒業制作展の会場であることがわかるようにする -展示会場まで迷わずにいくことができるようにする -歩きながら見てもらい地図がわりにしてもらう ~ ***コンセプト -地図を交えながら実際に経路案内しているようにする ~ ***成果物の仕様 -YouTube --1920*1080px --30秒 -Instagram --1080*1920px --30秒 ~ ***制作期間 -2023.11.16 - ~ ***メンバー -チーム名:SK -[[坂井 彩華>坂井彩華/情報デザイン演習ⅢB]] -興梠 媛愛 ~ ***まとめ -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ ~ ~ **調査 ***現状調査 -◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ***先行事例 -◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ***技法・技術情報 -◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.11.16 ***試作:撮影テスト -[[素材リンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/Esw7PMe2EhBHups1HPtDoxwBpfpTkb2g2jPKwTAz6bcAFA?e=cFAbVc]] --北門から入った時に17号館の入り口がわかりにくい ***先行事例 -◯◯◯◯◯ --◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ~ ~ ~ *課題1 クオーレ VI計画 #image(mainvisual_3.jpg) -''興梠 媛愛'' ~ **概要 ***背景 //&color(red){計画の背景}; -店内の雰囲気と出入り口のロゴがあっていない -食事の提供は早いが、それ以上の利用客がおり行列ができている -温かみのある暖色系の光を使用していることで落ち着いた印象を受ける ~ ***目的 //&color(red){計画の目的}; -「落ち着いていて温かみのあるおしゃれなイタリアンレストラン」のイメージとロゴが合うようにする -注文するまでの待ち時間の間も退屈にならないような装飾のある学食にする -ゆっくりとした時間の流れの中過ごすことのできる空間にする ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -温かみのあるイタリアンレストランを表現する -丸さを意識したデザインで温かさを表現する -文字や図形のつながりでゆっくりと流れる時間を表現する ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(wdAgoDneo-w) -シンボルマーク・ロゴタイプ #image(tate_logo.png) #image(yoko_logo.png) -[[VIマニュアル>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as014_st_kyusan-u_ac_jp/EfXYvV_Z98BFp4zoYCldy8kBJrtRGKuWSIWsN_k0eUt1Ww?e=nJJpcI]] ~ ***制作期間 //&color(red){制作期間|20XX.XX.XX - 20XX.XX.XX }; -2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -設定したコンセプトにあったクオーレのロゴを制作できたと考える -ロゴタイプを変形させてシンボルマークを形成することで、シンボルマークのみでも使用しやすいデザインになっていると考える -web上の小さなアイコンになっても、シンボルマークが複雑ではないため形状が認識しやすいと考える -落ち着きのある場所や店内のレンガを表現するために茶色系の色を使用したが、色で目を惹くシンボルマークにはなっていないように感じる - ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -現代におけるVI計画の活用事例 --[[VI(ビジュアル・アイデンティティ)の目的と開発事例とは>https://chibico.co.jp/blog/brand-strategy/visualidentity-development-073/]] ---VIの目的・開発手順 ---開発事例(Starbucks・TOYOTA・SPRITE・OLYMPIC) --[[VIのブランディング戦略展開事例を解説!>https://digima-class.com/article/15552/]] ---VIの意味・効果・作り方 ---事例(三井住友銀行・Facebook・Lyft) ---優れたVIの特徴(企業らしさを感じる・企業に対する信頼感や安心感も想定させることができる) --[[THE HIRAMATSU 軽井沢 御代田>https://seitaro-design.com/project/962/]] ---ソース・森のイメージから手書きの文字・木の切文字のデザインを考案 ---空間との親和性を考えたサインを制作 -学食の現在の様子について [[クオーレ>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/EvodgihvRJ5Kt4l61lTY-6wBEqVk-4x5wKqRbUkOgMkA7Q?e=4oS0at]] --特徴 ---図書館の横のドアから入る ---店内で食べる人もいるがテイクアウトする人も多い ---12時20分すぎくらいから人が増え、入り口の外まで列ができていた --良い点 ---通常の白の強い光ではなく、温かみのある暖色系の光を使用していることで落ち着いた印象を受ける ---注文を受けてから食事が出てくるまでのスピードが速い --改善点 ---店内の印象と比べ、出入り口にあるロゴタイプがあっていないように感じる ---列ができて外で待つ人もいるため、外にある戸棚にもメニューが大きく見えた方が良いと感じる ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -WEB・文献調査 --[[春日の小さな、アトリエ・リストランテ La lucon>https://movedesign.jp/works/931/]] --[[SHARE STAR Hakodate>https://new-design.jp/showcase/works/share-star-hakodate-2/]] --[[BREAD&CAFE VI計画>https://movedesign.jp/works/870/]] -現地調査:類似する飲食店の事例 [[Italian Kitchen VANSAN>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/Eo5JIjSKIItHrn_NjseRrqEBOtTi197vXZ_-k2S5bk6Y6Q?e=tCBuTz]] --[[公式サイト>https://vansan-ltd.jp]] --[[公式インスタグラム>https://www.instagram.com/italian_kitchen_vansan/?hl=ja]] ~ --イタリアンレストラン --温かみのある暖色系の光のある店内 --注文はLINEのQRコードで可能 --落ち着いたおしゃれなイメージ --バス停のすぐそばにある --メニュー表や店内にある文字もロゴとの統一感がある ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -モーションロゴの制作方法 --[[今注目の【モーションロゴ】 20選!>https://www.youtube.com/watch?v=iLeaKOU1iJQ]] --[[モーションロゴ|アニメーションで企業コンセプトを伝える>https://sevendex.com/post/846/]] ---モーションロゴを取り入れる理由 ---実例(Osaka Metro・ロサンゼルス 2028 夏季オリンピック・Nintendo Switch) --[[ロゴを動かしてみよう>https://vook.vc/n/2663]] ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.11.09 ***モーションロゴ制作 -[[YouTubeへのリンク>https://youtu.be/wdAgoDneo-w]] --ロゴタイプがシンボルマークへと変わることで、クオーレの文字がシンボルマークに含まれていることを強調するアニメーション --主に使用されている色(背景色)が変化すると、表示媒体を見ていない人に対してもアプローチ可能だと考えるため、最も見せたいロゴの完成形の前で使用している ~ ~ **2023.10.19 ***VIマニュアル -[[PDFファイルへのリンク>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as014_st_kyusan-u_ac_jp/EfXYvV_Z98BFp4zoYCldy8kBJrtRGKuWSIWsN_k0eUt1Ww?e=nJJpcI]] --(834 KB) --ロゴの詳細や使用方法についてまとめたPDF書類 ~ ***合成写真:使用イメージ -[[画像ファイルへのリンク>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/Ebal6bVo4zdGsA7FWSgq6ukBWKKIStMED3b6Crh5lpRLvQ?e=VvpZYq]] --クオーレの入り口の自動ドアにロゴを合成した --動くものにつけることでロゴが目に入る回数が増えると考える ~ ***モーションロゴ 試作 -[[YouTubeのリンク>https://youtu.be/hDJF00pVdIQ]] --クオーレのロゴのモーションロゴ --クオーレの文字がロゴに含まれていることを強調したモーションをつけた ~ ~ **2023.10.12 ***モーションロゴのアイデア -絵コンテ(ストーリーボード) -- [[リンクはこちら>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/EqlqucU99I9JoXbH51IFEZcBqsdsOn417RNB3N_qG6XQuw?e=avRmSC]] -字コンテ --起:始まり・状況(クオーレと文字が出てくる) --承:続き(文字が1つ1つ動きフォントのままハート状のように配置する) --転:変化・クライマックス(フォントがとけるようにしてシンボルマークの形になる) --結:結果・オチ(フォークが出てきてシンボルマークの完成+ロゴタイプが下に出てくる) ~ ***Illustratorを用いた作図(試作) idea_2, idea_4, idea_5をIllustratorで作図 -[[idea_2(A案)>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as014_st_kyusan-u_ac_jp/EYluCOqr7yBAub6fPM3iWugBOxVwHTa719wI2LZTj63pOg?e=tktbHy]] --フォークにパスタが巻き付いているイメージ --Cuoreの文字をパスタで表現 --文字のつながりで流れる時間を表現 -[[idea_4(B案)>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as014_st_kyusan-u_ac_jp/EZuUupgDGx1GoONzmuXsrkEBr2JHHf86crVf6hIrYxWEPw?e=ReQ5dQ]] --Cuoreの文字が一つずつ入っているシンボルマーク --赤・白・緑でイタリアンを表現 --丸をメインに使い温かい印象に -[[idea_5(C案)>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as014_st_kyusan-u_ac_jp/EbV4JTkHUjpKtY6UUug7DPsBlVmxwU10qFiAE5aoLHXkWw?e=ImOzK7]] --クオーレの文字を変形させて作ったハート --フォークを入れることで飲食店であることを表現 --茶色を使いレンガのイメージと色が持つあたたかさや安心のイメージを合わせている --用途によって色を展開することも可能 ~ ~ **2023.10.05 ***背景 -店内の雰囲気と出入り口のロゴがあっていない -食事の提供は早いが、それ以上の利用客がおり行列ができている -温かみのある暖色系の光を使用していることで落ち着いた印象を受ける ~ ***目的 -「落ち着いていて温かみのあるおしゃれなイタリアンレストラン」のイメージとロゴが合うようにする -注文するまでの待ち時間の間も退屈にならないような装飾のある学食にする -ゆっくりとした時間の流れの中過ごすことのできる空間にする ~ ***コンセプト -温かみのあるイタリアンレストランを表現する -丸さを意識したデザインで温かさを表現する -文字や図形のつながりでゆっくりと流れる時間を表現する ~ ***アイデアスケッチ(10案) [[アイディアスケッチ>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/EsLu7EMyyKtIn1YRWyr7CkMBU5cdTs5rH47GebLO8GZvAg?e=GlpscB]] -[[idea_1>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/EVn86IXWEeFMoaTw2fkSGb0BjJGWoJ5XxTXAL4a5M8j3hw?e=L7hNh0]] --文字がパスタの麺のように繋がるイメージ -[[idea_2>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/EWZKSHji7OlHtHig4QvKj8IBH-IRvIpiJxOYI9w5kfskXw?e=huNyRe]] --フォークを英語の罫線ノート(四線ノート)のようにしCuoreの文字をその上に書く -[[idea_3>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/EbopZUyr9zhEpvZPNmO_8S4B4kjuzB4BzJgjkMAxFSIPZQ?e=1FrQlI]] --店内のレンガと木目(木に関しては窓からも見える)からレンガと植物(緑)を組み合わせたデザインにする -[[idea_4>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/EZ_0YYVS_k9Cq4Dvcl4QDmQBU40w_UmCPQFgmicRc_CKzQ?e=57UCza]] --Cuoreの文字がすべて含まれたロゴ --スプーンとフォークを入れて飲食店であることを示す -[[idea_5>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/ERHwArqxxRZDtuUgXlJotAMB9eClPid39bHRD2PcXHMY5Q?e=8fEPGp]] --丸さを意識したデザインで温かさを表現する --心=ハートのイメージでデザインする -[[idea_6>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/EdxvBLCB5u1MvgPcUZlwvMEBgsx54It9GMOXmzVvw3qU3A?e=7SMty3]] --心=ハートのイメージでデザインする --パスタとトマトソースとパセリ(白寄りの黄色・赤・緑)を使用したデザイン -[[idea_7>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/ERpUM0XPjrFNrEO3sBRYkoIBH9WErI9VC5C9Ctgz5r7UVw?e=s9XCh6]] --上にロゴマーク、下にロゴタイプver --ロゴタイプ英語 -[[idea_8>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/ETsd5p-BqhdMtT8R5SZHaUYBtVFmcgNMYUBnHJcrfbS0rw?e=rzOEbD]] --中心にロゴマーク、上下に円に沿うようにロゴタイプver --ロゴタイプカタカナ -[[idea_9>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/EbOytzkhNUZNveX8ziHL5g4BLnplh4ka6VhCu1h_5RGNJQ?e=pNOZvr]] --食後にナイフとフォークを皿の中心より下側に縦に揃えて置く=イタリアンを取り入れる --CとOに見えるように色を変える -[[idea_10>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/EV6PjtVc0zVDliQSkXKWF4sBE-rv7LmGwbFa1oBP-Hqtbg?e=0koWEN]] --イタリアの国旗の色(緑・白・赤)を使ってイタリアンらしさを出す --心=ハートのイメージでデザインする ~ ***Illustratorを用いた作図(試作) -[[PDF>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as014_st_kyusan-u_ac_jp/EfcRRlCsmCpJpvkBRwzcA9MBkd3JR5fzTA1AS-NBddy9UQ?e=DNdmEX]] --idea_2, idea_4, idea_5をIllustratorで作図 ~ ~ **2023.09.28 ***調査2:モーションロゴの制作方法 -[[モーションロゴ|アニメーションで企業コンセプトを伝える>https://sevendex.com/post/846/]] --モーションロゴを取り入れる理由 --実例(Osaka Metro・ロサンゼルス 2028 夏季オリンピック・Nintendo Switch) --[[ロゴを動かしてみよう>https://vook.vc/n/2663]] ~ ***クオーレについて -印象 --落ち着いた雰囲気 --イタリアン --おしゃれ ---[[九州産業大学の人気の学食特集 >https://school.js88.com/scl_dai/2027000/gakushoku]] ---[[【学食カレー】九州産業大学 図書館 イタリアンレストラン クオーレ レポ日(2019/4)>https://curryrice2003univers.blog.fc2.com/blog-entry-1119.html]] ---[[レストラン「クオーレ」 図書館1階に本日オープン!>https://www.kyusan-u.ac.jp/news/49d2b15eb2e37/]] --隠れ家 -言葉の意味 --[[イタリア語で"心"を意味する>https://kotobank.jp/word/クオーレ-830505]] ~ ***調査4:先行事例の調査(類似する飲食店の事例) [[Italian Kitchen VANSAN>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/Eo5JIjSKIItHrn_NjseRrqEBOtTi197vXZ_-k2S5bk6Y6Q?e=tCBuTz]] -[[公式サイト>https://vansan-ltd.jp]] -[[公式インスタグラム>https://www.instagram.com/italian_kitchen_vansan/?hl=ja]] ~ -イタリアンレストラン -温かみのある暖色系の光のある店内 -注文はLINEのQRコードで可能 -落ち着いたおしゃれなイメージ -バス停のすぐそばにある -メニュー表や店内にある文字もロゴとの統一感がある ~ ***アイディアスケッチ -[[アイディアスケッチ>https://ksumail-my.sharepoint.com/:i:/g/personal/k22as014_st_kyusan-u_ac_jp/ESPPTx-ZGhlCtN8ILtSQIz0BYi_0Rp-CkRRd0aW6QBnzpw?e=byLDwE]] ~ ~ **2023.09.21 ***調査1:現代におけるVI計画の活用事例 -[[VI(ビジュアル・アイデンティティ)の目的と開発事例とは>https://chibico.co.jp/blog/brand-strategy/visualidentity-development-073/]] --VIの目的・開発手順 --開発事例(Starbucks・TOYOTA・SPRITE・OLYMPIC) -[[VIのブランディング戦略展開事例を解説!>https://digima-class.com/article/15552/]] --VIの意味・効果・作り方 --事例(三井住友銀行・Facebook・Lyft) --優れたVIの特徴(企業らしさを感じる・企業に対する信頼感や安心感も想定させることができる) -[[THE HIRAMATSU 軽井沢 御代田>https://seitaro-design.com/project/962/]] --ソース・森のイメージから手書きの文字・木の切文字のデザインを考案 --空間との親和性を考えたサインを制作 ~ ***調査2:モーションロゴの制作方法 -[[今注目の【モーションロゴ】 20選!>https://www.youtube.com/watch?v=iLeaKOU1iJQ]] ~ ***調査3:先行事例の調査(類似する飲食店の事例) -[[春日の小さな、アトリエ・リストランテ La lucon>https://movedesign.jp/works/931/]] -[[SHARE STAR Hakodate>https://new-design.jp/showcase/works/share-star-hakodate-2/]] -[[BREAD&CAFE VI計画>https://movedesign.jp/works/870/]] ~ ***調査5:学食の現在の様子について(良い点・改善点の洗い出し) -[[学食の写真>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/Ej30gYdOmvJMqsQHxo5kkLABN6ghx93V7H32-xsw3HecOQ?e=lSDnId]] ~ -[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/EjiduCovjJRKkz8BRIxV39oB9GqM3TO9NuujgUHguOy-JA?e=3qgoSd]] --特徴 ---中央会館1階にある ---入り口が2ヶ所ある --良い点 ---学生作品が展示してある ---テーブル席と仕切りがある長いカウンターの席がある --改善点 ---店内にあるの文字とロゴから感じるイメージとの差を感じる ~ -[[オアシス>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/Es5GEAexadVPvnvQs0lVPQcB1bij50EVxVgXnDYNUpw5vg?e=UYe8bM]] --特徴 ---1号館の入り口にある ---正門から一番近い学食 --良い点 ---学食の外に発券機があるので入り口に列ができにくい --改善点 ---同じ店内でもレストランの場所と通常の場所で雰囲気が大きく変わる ~ -[[クラブハウス>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/EoQrUmTIbhxGtLe_8ACoEMUB4x5q8eoszIjo1Zx6asLnJA?e=5aEVsc]] --特徴 ---理工学部の場所にある ---リニューアルしたばかり --良い点 ---外にテイクアウト用の受付が別れているため、目的ごとの人の動きがしやすい --改善点 ---メニュー表が店内の入り口にあり、入り口が詰まりやすいように感じる ~ -[[クオーレ>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as014_st_kyusan-u_ac_jp/EvodgihvRJ5Kt4l61lTY-6wBEqVk-4x5wKqRbUkOgMkA7Q?e=4oS0at]] --特徴 ---図書館の横のドアから入る ---店内で食べる人もいるがテイクアウトする人も多い ---12時20分すぎくらいから人が増え、入り口の外まで列ができていた --良い点 ---通常の白の強い光ではなく、温かみのある暖色系の光を使用していることで落ち着いた印象を受ける ---注文を受けてから食事が出てくるまでのスピードが速い --改善点 ---店内の印象と比べ、出入り口にあるロゴタイプがあっていないように感じる ---列ができて外で待つ人もいるため、外にある戸棚にもメニューが大きく見えた方が良いと感じる ~ ~ ~