鎌田真幸/情報デザイン演習ⅢB をテンプレートにして作成

開始行:
[[情報デザイン演習IIIB]] *課題2 経路案内 #image(mainvisual.jpg) -''Mayuki Kamada'' ~ **概要 ***背景 17号館までの道のりと、入り口がどこなのかわかりずらい ~ ***目的 -17号館までの一番わかりやすい道のりを紹介する ~ ***コンセプト -出来るだけシンプルに -目印になるものを目立たせる ~ ***成果物の仕様 -[[YouTube>https://youtu.be/4W_eh03Gx0c]] --1920*1080px --30秒 #YouTube(4W_eh03Gx0c) -[[Instagram>https://www.instagram.com/reel/C1F-KGcBme9/?... --1080*1920px --30秒 [[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/person... ~ ***制作期間 -2023.11.16 - 2023.12.21 ~ ***メンバー -チーム名：まゆーみん -[[梅木悠民>[[梅木悠民/情報デザイン演習ⅢB]]]] -鎌田真幸 ~ ***まとめ -開催期間と展示会場の情報を常に表示していたが、目印になる... -矢印や丸のみでなく、言葉の説明も入れるとよりわかりやすく... ~ ~ **調査 ***現状調査 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例 -[[道案内動画Walkstory>https://youtu.be/LE2l2iSUSgA?si=UN... --道案内動画サービスWalkstoryのサンプル動画 -[[【道案内動画〜地下鉄編】ことばのはおと>https://youtu.b... --京都にある町家ブックカフェの経路案内 ~ ***技法・技術情報 -[[シェイプに合わせてテキストを出すやり方>https://youtu.b... ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2023.12.14 ***動画のアップロード -[[YouTube>https://youtu.be/4W_eh03Gx0c]] --1920*1080px --30秒 -[[Instagram>https://www.instagram.com/reel/C1F-KGcBme9/?... --1080*1920px --30秒 ***編集 -[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/perso... //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ***メインビジュアル・サムネイルの制作 -[[https://ksumail-my.sharepoint.com/:f:/g/personal/k22as... //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2023.12.07 ***撮影 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... --本制作へ向けて、動画を撮影しました ***動画の構成 -オープニング（タイトル） --「九芸卒展2024 経路案内」の文字を入れる --「ソーシャルデザイン学科編」を入れる ---ソーシャルデザイン学科の展示会場までの経路案内のため -スタート --九産大前駅の出口からスタート -移動時 --目印になる建物は長めに映す・丸で囲む --開催期間と展示会場を表記する -分岐 --矢印で方向を伝える -エレベーター --エレベーターの選ぶ階を丸で囲む --エレベーター内の様子はカット -ゴール --教室の名前を囲んでわかりやすくする -その他 -- ~ ~ **2023.11.30 ***プロトタイプ制作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... --タイムリマップを使用しました --本制作では、エレベーターの中での作業シーン(ボタンを押す... ~ **2023.11.16 ***試作：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... --試作用の動画を撮影しました ***先行事例 -[[道案内動画Walkstory>https://youtu.be/LE2l2iSUSgA?si=UN... --道案内動画サービスWalkstoryのサンプル動画 -[[【道案内動画〜地下鉄編】ことばのはおと>https://youtu.b... --京都にある町家ブックカフェの経路案内 ~ ~ ~ ~ *課題1 アルテリア VI計画 #image(main-visual_c.jpg) -''Mayuki Kamada'' ~ **概要 ***背景 -ロゴタイプとロゴマークから連想される学食のイメージと、実... ~ ***目的 -ロゴマーク・ロゴタイプから思い浮かぶ学食のイメージと実際... ~ ***コンセプト -柔らかい配色にし、現在のデザインよりも親しみやすいデザイ... -ひと目で学食だとわかるデザイン -どんな料理が提供されているのか分かりやすいロゴマーク ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(_RcLMCkj788) -シンボルマーク・ロゴタイプ #image(arteria.png) -[[VIマニュアル>https://ksumail-my.sharepoint.com/:b:/g/p... ~ ***制作期間 -2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -柔らかい色味を使い、親しみやすいデザインにできた -筆でイラストを描くというアートの要素をモーションに取り入... -はじめは線のみの予定だったが、線だけだとあまり目立たなか... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -現代におけるVI計画の活用事例 --[[ビジュアルアイデンティティ（VI）とは？>https://ourly.... ---VIの効果 ---VIの企業事例 (マツダ, Facebook, スターバックス) --[[ビジュアルアイデンティティに必要な要素と作成の流れ>ht... ---企業のVI事例 (三井住友銀行, スターバックス, コカ・コー... ~ -学食の現在の様子について --[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/pe... ---席数が多く、飲食スペースがしっかり確保されている ---芸術学部の作品が展示されている ---学食の名前・外観と提供されている料理でギャップがあるよ... ---学食のロゴを見つけにくい ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -WEB・文献調査 --[[TORRA CLARA>https://asobo-design.com/nex/blog-43-4-31... ---ブラジルにあるカフェの事例 -現地調査：類似する飲食店の事例 --ステーキガーデン風の邱→[[リンク>https://ksumail-my.shar... ---コース料理をリーズナブルに食べることができるお店 ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -モーションロゴの制作方法 --[[モーションロゴ風のキャラクターアニメーション>https://... --[[シェイプレイヤー入門講座>https://youtube.com/playlist... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2023.10.26 ***モーションロゴ制作 -[[完成品>https://youtu.be/_RcLMCkj788]] //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ~ **2023.10.19 ***VIマニュアル -[[PDFファイルへのリンク>https://ksumail-my.sharepoint.co... ~ ***合成写真：使用イメージ -[[画像ファイルへのリンク>https://ksumail-my.sharepoint.c... ~ ***モーションロゴ 試作 -[[試作品>https://youtu.be/O82_7saVh_0]] --筆が出てきてご飯の絵を描くまで ~ ~ **2023.10.12 ***モーションロゴのアイデア -絵コンテ（ストーリーボード） -- [[リンクはこちら>https://ksumail-my.sharepoint.com/:i:... -字コンテ --起：始まり・状況（右から筆が登場し、ご飯と茶碗を描く） --承：続き（筆で茶碗の中に"arteria"と書く） --転：変化・クライマックス（arteriaのart部分が点滅し、色... --結：結果・オチ（ロゴ完成） ~ ***Illustratorを用いた作図（試作） -[[リンク>https://ksumail-my.sharepoint.com/:b:/g/persona... --案1 筆とフォークでAの形を作り、その間にARTERIAのAに挟まれた"R... --案2 食堂だとわかりやすいように、お茶碗によそったご飯を用いた案 --案3 お茶碗の中に"arteria"、"art"の部分の色を変えて強調した案 ~ ~ **2023.10.05 ***背景・目的・コンセプトの設定 -背景 --ロゴタイプはシンプルでスタイリッシュな感じ。ロゴマーク... -目的 --ロゴマーク・ロゴタイプから思い浮かぶ学食のイメージと実... -コンセプト --現在のデザインよりも、もっと親しみやすいデザインに ---柔らかめの配色 ---ひと目で学食だとわかるデザイン ---どんな料理が提供されているのか分かりやすいロゴマーク ~ ***アイデアスケッチ（10案） -[[リンク>https://ksumail-my.sharepoint.com/:i:/g/persona... ~ ***Illustratorを用いた作図（試作) //PDF形式 -[[リンク>https://ksumail-my.sharepoint.com/:b:/g/persona... ~ ~ **2023.09.28 ***調査（現地）：先行事例の調査（類似する飲食店の事例） -[[ステーキガーデン風の邱>https://www.nurubon.co.jp/tenpo... --店内の写真→[[リンク>https://ksumail-my.sharepoint.com/:... --厳選されたステーキや和牛を使用したハンバーグ、糸島の魚... --ブラウンを基調とした落ち着きのある店内となっており、照... --テーブル席は柱や観葉植物を用いて仕切られている ---半個室のようになっている ~ ***アイデアスケッチ -[[リンク>https://ksumail-my.sharepoint.com/:f:/g/persona... ~ ~ **2023.09.21 ***調査（文献・WEB）：現代におけるVI計画の活用事例 -[[ビジュアルアイデンティティ（VI）とは？>https://ourly.j... --VIの効果 --VIの企業事例 (マツダ, Facebook, スターバックス) -[[ビジュアルアイデンティティに必要な要素と作成の流れ>htt... --企業のVI事例 (三井住友銀行, スターバックス, コカ・コー... ~ ***調査（文献・WEB）：モーションロゴの制作方法 -[[モーションロゴ風のキャラクターアニメーション>https://y... -[[シェイプレイヤー入門講座>https://youtube.com/playlist?... ~ ***調査（文献・WEB）：先行事例の調査 -[[TORRA CLARA>https://asobo-design.com/nex/blog-43-4-319... --ブラジルにあるカフェの事例 --ブラジルではコーヒー専門店が少なく、カフェスタイルのお... ~ ***調査（現地）：学食の現在の様子について（良い点・改善点... -店舗の概要 --[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/pe... -良い点 --席数が多く、飲食スペースがしっかり確保されている --芸術学部の作品が展示されている -改善点 --学食の名前・外観と提供されている料理でギャップがあるよ... --学食のロゴを見つけにくい ~ ~ ~

終了行:
[[情報デザイン演習IIIB]] *課題2 経路案内 #image(mainvisual.jpg) -''Mayuki Kamada'' ~ **概要 ***背景 17号館までの道のりと、入り口がどこなのかわかりずらい ~ ***目的 -17号館までの一番わかりやすい道のりを紹介する ~ ***コンセプト -出来るだけシンプルに -目印になるものを目立たせる ~ ***成果物の仕様 -[[YouTube>https://youtu.be/4W_eh03Gx0c]] --1920*1080px --30秒 #YouTube(4W_eh03Gx0c) -[[Instagram>https://www.instagram.com/reel/C1F-KGcBme9/?... --1080*1920px --30秒 [[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/person... ~ ***制作期間 -2023.11.16 - 2023.12.21 ~ ***メンバー -チーム名：まゆーみん -[[梅木悠民>[[梅木悠民/情報デザイン演習ⅢB]]]] -鎌田真幸 ~ ***まとめ -開催期間と展示会場の情報を常に表示していたが、目印になる... -矢印や丸のみでなく、言葉の説明も入れるとよりわかりやすく... ~ ~ **調査 ***現状調査 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... ~ ***先行事例 -[[道案内動画Walkstory>https://youtu.be/LE2l2iSUSgA?si=UN... --道案内動画サービスWalkstoryのサンプル動画 -[[【道案内動画〜地下鉄編】ことばのはおと>https://youtu.b... --京都にある町家ブックカフェの経路案内 ~ ***技法・技術情報 -[[シェイプに合わせてテキストを出すやり方>https://youtu.b... ~ ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2023.12.14 ***動画のアップロード -[[YouTube>https://youtu.be/4W_eh03Gx0c]] --1920*1080px --30秒 -[[Instagram>https://www.instagram.com/reel/C1F-KGcBme9/?... --1080*1920px --30秒 ***編集 -[[OneDrive>https://ksumail-my.sharepoint.com/:f:/g/perso... //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ***メインビジュアル・サムネイルの制作 -[[https://ksumail-my.sharepoint.com/:f:/g/personal/k22as... //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2023.12.07 ***撮影 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... --本制作へ向けて、動画を撮影しました ***動画の構成 -オープニング（タイトル） --「九芸卒展2024 経路案内」の文字を入れる --「ソーシャルデザイン学科編」を入れる ---ソーシャルデザイン学科の展示会場までの経路案内のため -スタート --九産大前駅の出口からスタート -移動時 --目印になる建物は長めに映す・丸で囲む --開催期間と展示会場を表記する -分岐 --矢印で方向を伝える -エレベーター --エレベーターの選ぶ階を丸で囲む --エレベーター内の様子はカット -ゴール --教室の名前を囲んでわかりやすくする -その他 -- ~ ~ **2023.11.30 ***プロトタイプ制作 -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... --タイムリマップを使用しました --本制作では、エレベーターの中での作業シーン(ボタンを押す... ~ **2023.11.16 ***試作：撮影テスト -[[OneDriveへのリンク>https://ksumail-my.sharepoint.com/:... --試作用の動画を撮影しました ***先行事例 -[[道案内動画Walkstory>https://youtu.be/LE2l2iSUSgA?si=UN... --道案内動画サービスWalkstoryのサンプル動画 -[[【道案内動画〜地下鉄編】ことばのはおと>https://youtu.b... --京都にある町家ブックカフェの経路案内 ~ ~ ~ ~ *課題1 アルテリア VI計画 #image(main-visual_c.jpg) -''Mayuki Kamada'' ~ **概要 ***背景 -ロゴタイプとロゴマークから連想される学食のイメージと、実... ~ ***目的 -ロゴマーク・ロゴタイプから思い浮かぶ学食のイメージと実際... ~ ***コンセプト -柔らかい配色にし、現在のデザインよりも親しみやすいデザイ... -ひと目で学食だとわかるデザイン -どんな料理が提供されているのか分かりやすいロゴマーク ~ ***成果物の仕様 //&color(red){成果物の形式・サイズ・時間尺等}; -モーションロゴ #youtube(_RcLMCkj788) -シンボルマーク・ロゴタイプ #image(arteria.png) -[[VIマニュアル>https://ksumail-my.sharepoint.com/:b:/g/p... ~ ***制作期間 -2023.09.21 - 2023.11.16 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -柔らかい色味を使い、親しみやすいデザインにできた -筆でイラストを描くというアートの要素をモーションに取り入... -はじめは線のみの予定だったが、線だけだとあまり目立たなか... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -現代におけるVI計画の活用事例 --[[ビジュアルアイデンティティ（VI）とは？>https://ourly.... ---VIの効果 ---VIの企業事例 (マツダ, Facebook, スターバックス) --[[ビジュアルアイデンティティに必要な要素と作成の流れ>ht... ---企業のVI事例 (三井住友銀行, スターバックス, コカ・コー... ~ -学食の現在の様子について --[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/pe... ---席数が多く、飲食スペースがしっかり確保されている ---芸術学部の作品が展示されている ---学食の名前・外観と提供されている料理でギャップがあるよ... ---学食のロゴを見つけにくい ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -WEB・文献調査 --[[TORRA CLARA>https://asobo-design.com/nex/blog-43-4-31... ---ブラジルにあるカフェの事例 -現地調査：類似する飲食店の事例 --ステーキガーデン風の邱→[[リンク>https://ksumail-my.shar... ---コース料理をリーズナブルに食べることができるお店 ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -モーションロゴの制作方法 --[[モーションロゴ風のキャラクターアニメーション>https://... --[[シェイプレイヤー入門講座>https://youtube.com/playlist... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2023.10.26 ***モーションロゴ制作 -[[完成品>https://youtu.be/_RcLMCkj788]] //--◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ~ **2023.10.19 ***VIマニュアル -[[PDFファイルへのリンク>https://ksumail-my.sharepoint.co... ~ ***合成写真：使用イメージ -[[画像ファイルへのリンク>https://ksumail-my.sharepoint.c... ~ ***モーションロゴ 試作 -[[試作品>https://youtu.be/O82_7saVh_0]] --筆が出てきてご飯の絵を描くまで ~ ~ **2023.10.12 ***モーションロゴのアイデア -絵コンテ（ストーリーボード） -- [[リンクはこちら>https://ksumail-my.sharepoint.com/:i:... -字コンテ --起：始まり・状況（右から筆が登場し、ご飯と茶碗を描く） --承：続き（筆で茶碗の中に"arteria"と書く） --転：変化・クライマックス（arteriaのart部分が点滅し、色... --結：結果・オチ（ロゴ完成） ~ ***Illustratorを用いた作図（試作） -[[リンク>https://ksumail-my.sharepoint.com/:b:/g/persona... --案1 筆とフォークでAの形を作り、その間にARTERIAのAに挟まれた"R... --案2 食堂だとわかりやすいように、お茶碗によそったご飯を用いた案 --案3 お茶碗の中に"arteria"、"art"の部分の色を変えて強調した案 ~ ~ **2023.10.05 ***背景・目的・コンセプトの設定 -背景 --ロゴタイプはシンプルでスタイリッシュな感じ。ロゴマーク... -目的 --ロゴマーク・ロゴタイプから思い浮かぶ学食のイメージと実... -コンセプト --現在のデザインよりも、もっと親しみやすいデザインに ---柔らかめの配色 ---ひと目で学食だとわかるデザイン ---どんな料理が提供されているのか分かりやすいロゴマーク ~ ***アイデアスケッチ（10案） -[[リンク>https://ksumail-my.sharepoint.com/:i:/g/persona... ~ ***Illustratorを用いた作図（試作) //PDF形式 -[[リンク>https://ksumail-my.sharepoint.com/:b:/g/persona... ~ ~ **2023.09.28 ***調査（現地）：先行事例の調査（類似する飲食店の事例） -[[ステーキガーデン風の邱>https://www.nurubon.co.jp/tenpo... --店内の写真→[[リンク>https://ksumail-my.sharepoint.com/:... --厳選されたステーキや和牛を使用したハンバーグ、糸島の魚... --ブラウンを基調とした落ち着きのある店内となっており、照... --テーブル席は柱や観葉植物を用いて仕切られている ---半個室のようになっている ~ ***アイデアスケッチ -[[リンク>https://ksumail-my.sharepoint.com/:f:/g/persona... ~ ~ **2023.09.21 ***調査（文献・WEB）：現代におけるVI計画の活用事例 -[[ビジュアルアイデンティティ（VI）とは？>https://ourly.j... --VIの効果 --VIの企業事例 (マツダ, Facebook, スターバックス) -[[ビジュアルアイデンティティに必要な要素と作成の流れ>htt... --企業のVI事例 (三井住友銀行, スターバックス, コカ・コー... ~ ***調査（文献・WEB）：モーションロゴの制作方法 -[[モーションロゴ風のキャラクターアニメーション>https://y... -[[シェイプレイヤー入門講座>https://youtube.com/playlist?... ~ ***調査（文献・WEB）：先行事例の調査 -[[TORRA CLARA>https://asobo-design.com/nex/blog-43-4-319... --ブラジルにあるカフェの事例 --ブラジルではコーヒー専門店が少なく、カフェスタイルのお... ~ ***調査（現地）：学食の現在の様子について（良い点・改善点... -店舗の概要 --[[アルテリア>https://ksumail-my.sharepoint.com/:f:/g/pe... -良い点 --席数が多く、飲食スペースがしっかり確保されている --芸術学部の作品が展示されている -改善点 --学食の名前・外観と提供されている料理でギャップがあるよ... --学食のロゴを見つけにくい ~ ~ ~

ページ名: