平嶋明日花/情報デザイン研究I をテンプレートにして作成

開始行:
*人に寄り添うアイコン 絵と文章で人の気持ちを表現してまとめた活動 #image(新メインビジュアル.png) -''Hirashima Asuka'' -'''Keywords：feeling, condition, text ''' -__[[Googleサイト>https://sites.google.com/view/empathize... ~ __'' >>[[情報デザイン研究II>平嶋明日花/情報デザイン研究II... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 人の気持ちや状態を簡単な絵と言葉で表して、まとめた活動。 小学生の子からお年寄りをターゲットにする。 ~ ***背景 //&color(red){プロジェクトの背景と目的}; 外見からは分からないが、周りの人に配慮を求めるヘルプマー... ~ ***目的 自分の気持ちや状態を知らせる具体的な方法があれば便利であ... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 自分の気持ちや状態を周りの人に伝える方法として、アイコン... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ***3年前期 : アイコン作成→キーホルダーにする→Google Site... -アイコン __[[長方形のアイコン>https://drive.google.com/drive/folde... __[[楕円形のアイコン>https://drive.google.com/drive/folde... -__[[キーホルダー>https://drive.google.com/drive/folders/... -__[[Googleサイト>https://sites.google.com/view/empathize... 3年後期 : htmlとcssでWebサイトにする 4年 : 制作したアイコンとキーホルダーについて映像制作をする //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Adobe Illustrator ~ ***プロジェクトの期間 前期：2024.04.09 - 2024.07.09 //&color(red){プロジェクトの期間｜2024.04.09 - 2024.xx.xx... ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... 自分の気持ちや状態を知らせるキーホルダー画像を作り、活動... ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... 気づいた人がわかりやすく手を差し伸べることができる目印が... ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[体調を表すLINEスタンプ1>https://store.line.me/stickers... -[[体調を表すLINEスタンプ2>https://store.line.me/stickers... //-ヘルプマークをわかりやすく__[[(TikTok)>https://www.tik... //何かあったときの対処法やその人がどんな状態かわかりやす... -[[困りごとに寄り添うメッセージロゼット>https://item.raku... //-[[私のイメージに近いキーホルダー>https://www.monoprola... -似た研究をされている先輩のサイト→[[児玉七菜美/情報デザイ... -[[イラスト缶バッジ>https://oshiruko.booth.pm/items?page=... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[手描きのイラストをIllustratorで簡単にパス変換する方法>... -[[Illustratorで手描きイラストを簡単にデジタル化する方法>... ~ ~ **プロジェクト管理 ***__[[スケジュール>https://docs.google.com/spreadsheets/... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -どんな気持ちや状態でどの色を使うか考える ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.07.09 最終報告で受けたコメントで、ブラッシュアップしたものは取... ブラッシュアップ期間7/23（火）まで ~ **2024.07.02 最終報告 -%%学科サイトのメインビジュアルをGoogle SiteのAboutのとこ... -%%メインビジュアルの1番右の子だけ浮いて見えるから、足な... -%%Google Siteの自己紹介のところ、asuka.です。九産大の芸... -100均のものって書いてるけどセリアのものなのか、ダイソー... -電車やバスで実際につけてみて、写真を撮るとこういう場面で... -%%I can EnglishじゃなくてI speak Englishの方がいいんじゃ... -緑だけじゃなくて、色ごと、ジャンルごとに分けて展開しても... -%%「英語話せます」と」「お手伝いします」はアイコンが同じ... ~ **2024.06.25 -制作した6つのアイコンをGoogle Driveにアップロード（改正... __[[長方形のアイコン>https://drive.google.com/drive/folde... __[[楕円形のアイコン>https://drive.google.com/drive/folde... ~ -__[[緑色のイメージ>https://iro-color.com/episode/about-c... --穏やか --安心感 --平和 --相手に合わせる優しさ ~ **2024.06.18 -5mくらい離れてみて、キーホルダーが認識できるかどうか -活動の名前「@人に寄り添うアイコン」を入れると良さそう -背景の色と文字の色、色んな組み合わせを作ってどれが離れた... -「I can English」は、文字の大きさをこれ以上大きくできな... -「手話できます」の文字なくてもアイコンで伝わる。文字はあ... -ヘルプマークの赤色は鮮やかな色だから、このキーホルダーも... -I can Englishと手話できますのアイコンをぱっと見ると、違... -楕円形のアイコンはトリムマークいらないよ -大きめのキーホルダーを見つけたので、ダイソーの49mm×34mm ... 現在のキーホルダー（49mm×34mm） #image(キーホルダー.jpg,50%) ~ **2024.06.11 自分で描いたイラストから、図形に変更してアイコン作成中 -メインビジュアルの変更 (旧) #image(メインビジュアル.png) (新) #image(新メインビジュアル.png) -制作した6つのアイコンをGoogle Driveにアップロード __[[長方形のアイコン>https://drive.google.com/drive/folde... __[[楕円形のアイコン>https://drive.google.com/drive/folde... ~ **2024.06.04 中間報告 -誰でもアイコンをダウンロードして、印刷できるようなページ... -キーホルダーだけではなく缶バッジなどもいいかも -アイコンと場所（どういう場所で使うことを想定するのか）を... -アイコンとイラストの違い（アイコンにするのであれば線を消... -小さいサイズになるならバスの後ろの席から見てもわかりやす... -マイナスなことだけではなくて、自分ができる肯定的なものも... __[[できますゼッケン>https://issueplusdesign.jp/dekimasu/... -キーホルダーを広めたいのか、サイトを広めたいのか→この活... -アイコンにするなら非常口のようなわかりやすいイラストが良い -アイコンとイラストの違いは何なのか→__[[Xで見つけた例>htt... -キーホルダーは表と裏があるが、どう活用するのか -キーホルダーを見ても声をかけていいか分からない →「気軽に... ~ **2024.05.28 中間報告 手話できます 英語話せます →作成中 ~ **2024.05.21 目が不自由です __[[イラスト>https://drive.google.com/file... #image(目が不自由です.png,center,60%) __[[作ったアイコンは印刷して、100均のフォトキーホルダーに... ~ **2024.05.14 花粉症です __[[イラスト>https://drive.google.com/file/d/1... #image(花粉症です.png,center,60%) -似た研究をされている先輩のサイト [[児玉七菜美/情報デザイン研究II]] ~ //__[[モノプロランド>https://www.monoproland.com]]__では... //→6/25のプレゼンに間に合うためには5/27までにはアイコン制... //-安いオリジナルキーホルダー入稿サイト //[[HOTMOBILY>https://hotmobily.jp/products/acrylic/]] ~ **2024.05.07 お手伝いします __[[イラスト>https://drive.google.com/file... #image(お手伝いします.png,center,60%) ~ **2024.04.30 サイトマップ #image(サイトマップ.png) ~ ワイヤーフレーム #image(wireframe.png) ~ **2024.04.23 先行事例⑤ -[[体調を表すLINEスタンプ1>https://store.line.me/stickers... -[[体調を表すLINEスタンプ2>https://store.line.me/stickers... 技法・技術情報 -[[手描きのイラストをIllustratorで簡単にパス変換する方法>... -[[Illustratorで手描きイラストを簡単にデジタル化する方法>... ~ **2024.04.16 感情や状態を箇条書きにする -花粉症です、脚が悪いです、目や耳が不自由です、偏頭痛持ち... →試作済み ~ 他の感情や状態 -英語話せます、片手片足が麻痺しています、手話できます、点... ~ ~ **2024.04.09 ***調査 先行事例① -子ども用車いすをベビーカーで代用しタグをつける__[[(TikTo... //周りの人に知らせるソーシャルデザインとして良い例だと思... --人の心の状態や体の状態をすぐにわかる方法で伝えたい --SNSのアイコンにしたら面白そう --状態を表情や色で表してWebサイトにまとめる 先行事例② -ヘルプマークをわかりやすく__[[(TikTok)>https://www.tikto... --何かあったときの対処法やその人がどんな状態かわかりやす... 先行事例③ -__[[サポートマーク>https://plus-heart-action.com]]__ --マスクの青いハートマークは、サポートできることを示すもの 先行事例④ -__[[サポートハートマーク>https://www.support-heart.org/i... --困っている人を助けたいと思う人が身につけるもの ***テーマのアイデア -Web -ステッカー -人の気持ちや状態 ~ ~ ~

終了行:
*人に寄り添うアイコン 絵と文章で人の気持ちを表現してまとめた活動 #image(新メインビジュアル.png) -''Hirashima Asuka'' -'''Keywords：feeling, condition, text ''' -__[[Googleサイト>https://sites.google.com/view/empathize... ~ __'' >>[[情報デザイン研究II>平嶋明日花/情報デザイン研究II... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 人の気持ちや状態を簡単な絵と言葉で表して、まとめた活動。 小学生の子からお年寄りをターゲットにする。 ~ ***背景 //&color(red){プロジェクトの背景と目的}; 外見からは分からないが、周りの人に配慮を求めるヘルプマー... ~ ***目的 自分の気持ちや状態を知らせる具体的な方法があれば便利であ... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 自分の気持ちや状態を周りの人に伝える方法として、アイコン... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ***3年前期 : アイコン作成→キーホルダーにする→Google Site... -アイコン __[[長方形のアイコン>https://drive.google.com/drive/folde... __[[楕円形のアイコン>https://drive.google.com/drive/folde... -__[[キーホルダー>https://drive.google.com/drive/folders/... -__[[Googleサイト>https://sites.google.com/view/empathize... 3年後期 : htmlとcssでWebサイトにする 4年 : 制作したアイコンとキーホルダーについて映像制作をする //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Adobe Illustrator ~ ***プロジェクトの期間 前期：2024.04.09 - 2024.07.09 //&color(red){プロジェクトの期間｜2024.04.09 - 2024.xx.xx... ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... 自分の気持ちや状態を知らせるキーホルダー画像を作り、活動... ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... 気づいた人がわかりやすく手を差し伸べることができる目印が... ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[体調を表すLINEスタンプ1>https://store.line.me/stickers... -[[体調を表すLINEスタンプ2>https://store.line.me/stickers... //-ヘルプマークをわかりやすく__[[(TikTok)>https://www.tik... //何かあったときの対処法やその人がどんな状態かわかりやす... -[[困りごとに寄り添うメッセージロゼット>https://item.raku... //-[[私のイメージに近いキーホルダー>https://www.monoprola... -似た研究をされている先輩のサイト→[[児玉七菜美/情報デザイ... -[[イラスト缶バッジ>https://oshiruko.booth.pm/items?page=... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[手描きのイラストをIllustratorで簡単にパス変換する方法>... -[[Illustratorで手描きイラストを簡単にデジタル化する方法>... ~ ~ **プロジェクト管理 ***__[[スケジュール>https://docs.google.com/spreadsheets/... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -どんな気持ちや状態でどの色を使うか考える ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.07.09 最終報告で受けたコメントで、ブラッシュアップしたものは取... ブラッシュアップ期間7/23（火）まで ~ **2024.07.02 最終報告 -%%学科サイトのメインビジュアルをGoogle SiteのAboutのとこ... -%%メインビジュアルの1番右の子だけ浮いて見えるから、足な... -%%Google Siteの自己紹介のところ、asuka.です。九産大の芸... -100均のものって書いてるけどセリアのものなのか、ダイソー... -電車やバスで実際につけてみて、写真を撮るとこういう場面で... -%%I can EnglishじゃなくてI speak Englishの方がいいんじゃ... -緑だけじゃなくて、色ごと、ジャンルごとに分けて展開しても... -%%「英語話せます」と」「お手伝いします」はアイコンが同じ... ~ **2024.06.25 -制作した6つのアイコンをGoogle Driveにアップロード（改正... __[[長方形のアイコン>https://drive.google.com/drive/folde... __[[楕円形のアイコン>https://drive.google.com/drive/folde... ~ -__[[緑色のイメージ>https://iro-color.com/episode/about-c... --穏やか --安心感 --平和 --相手に合わせる優しさ ~ **2024.06.18 -5mくらい離れてみて、キーホルダーが認識できるかどうか -活動の名前「@人に寄り添うアイコン」を入れると良さそう -背景の色と文字の色、色んな組み合わせを作ってどれが離れた... -「I can English」は、文字の大きさをこれ以上大きくできな... -「手話できます」の文字なくてもアイコンで伝わる。文字はあ... -ヘルプマークの赤色は鮮やかな色だから、このキーホルダーも... -I can Englishと手話できますのアイコンをぱっと見ると、違... -楕円形のアイコンはトリムマークいらないよ -大きめのキーホルダーを見つけたので、ダイソーの49mm×34mm ... 現在のキーホルダー（49mm×34mm） #image(キーホルダー.jpg,50%) ~ **2024.06.11 自分で描いたイラストから、図形に変更してアイコン作成中 -メインビジュアルの変更 (旧) #image(メインビジュアル.png) (新) #image(新メインビジュアル.png) -制作した6つのアイコンをGoogle Driveにアップロード __[[長方形のアイコン>https://drive.google.com/drive/folde... __[[楕円形のアイコン>https://drive.google.com/drive/folde... ~ **2024.06.04 中間報告 -誰でもアイコンをダウンロードして、印刷できるようなページ... -キーホルダーだけではなく缶バッジなどもいいかも -アイコンと場所（どういう場所で使うことを想定するのか）を... -アイコンとイラストの違い（アイコンにするのであれば線を消... -小さいサイズになるならバスの後ろの席から見てもわかりやす... -マイナスなことだけではなくて、自分ができる肯定的なものも... __[[できますゼッケン>https://issueplusdesign.jp/dekimasu/... -キーホルダーを広めたいのか、サイトを広めたいのか→この活... -アイコンにするなら非常口のようなわかりやすいイラストが良い -アイコンとイラストの違いは何なのか→__[[Xで見つけた例>htt... -キーホルダーは表と裏があるが、どう活用するのか -キーホルダーを見ても声をかけていいか分からない →「気軽に... ~ **2024.05.28 中間報告 手話できます 英語話せます →作成中 ~ **2024.05.21 目が不自由です __[[イラスト>https://drive.google.com/file... #image(目が不自由です.png,center,60%) __[[作ったアイコンは印刷して、100均のフォトキーホルダーに... ~ **2024.05.14 花粉症です __[[イラスト>https://drive.google.com/file/d/1... #image(花粉症です.png,center,60%) -似た研究をされている先輩のサイト [[児玉七菜美/情報デザイン研究II]] ~ //__[[モノプロランド>https://www.monoproland.com]]__では... //→6/25のプレゼンに間に合うためには5/27までにはアイコン制... //-安いオリジナルキーホルダー入稿サイト //[[HOTMOBILY>https://hotmobily.jp/products/acrylic/]] ~ **2024.05.07 お手伝いします __[[イラスト>https://drive.google.com/file... #image(お手伝いします.png,center,60%) ~ **2024.04.30 サイトマップ #image(サイトマップ.png) ~ ワイヤーフレーム #image(wireframe.png) ~ **2024.04.23 先行事例⑤ -[[体調を表すLINEスタンプ1>https://store.line.me/stickers... -[[体調を表すLINEスタンプ2>https://store.line.me/stickers... 技法・技術情報 -[[手描きのイラストをIllustratorで簡単にパス変換する方法>... -[[Illustratorで手描きイラストを簡単にデジタル化する方法>... ~ **2024.04.16 感情や状態を箇条書きにする -花粉症です、脚が悪いです、目や耳が不自由です、偏頭痛持ち... →試作済み ~ 他の感情や状態 -英語話せます、片手片足が麻痺しています、手話できます、点... ~ ~ **2024.04.09 ***調査 先行事例① -子ども用車いすをベビーカーで代用しタグをつける__[[(TikTo... //周りの人に知らせるソーシャルデザインとして良い例だと思... --人の心の状態や体の状態をすぐにわかる方法で伝えたい --SNSのアイコンにしたら面白そう --状態を表情や色で表してWebサイトにまとめる 先行事例② -ヘルプマークをわかりやすく__[[(TikTok)>https://www.tikto... --何かあったときの対処法やその人がどんな状態かわかりやす... 先行事例③ -__[[サポートマーク>https://plus-heart-action.com]]__ --マスクの青いハートマークは、サポートできることを示すもの 先行事例④ -__[[サポートハートマーク>https://www.support-heart.org/i... --困っている人を助けたいと思う人が身につけるもの ***テーマのアイデア -Web -ステッカー -人の気持ちや状態 ~ ~ ~

ページ名: