平嶋明日花/情報デザイン研究I にそのファイルは見つかりません

人に寄り添うアイコン

絵と文章で人の気持ちを表現してまとめたサイト

• Hirashima Asuka
• Keywords：feeling, condition, text
• 中間報告アンケート ← ここからコメントをお願いします。

概要

これは何？

人の気持ちや状態を簡単な絵と言葉で表して、まとめたWebサイト。
小学生の子からお年寄りをターゲットにする。

背景

外見からは分からないが、周りの人に配慮を求めるヘルプマークがある。しかし、ヘルプマークの裏面を見なければ、どんな配慮をして良いか分からない。

目的

自分の気持ちや状態を知らせる具体的な方法があれば便利であると考えた。

コンセプト

自分の気持ちや状態を周りの人に伝える方法として、アイコンを見るだけで話さなくても理解してもらえる。わかりやすい絵と文にする。

成果物の仕様

3年前期 : アイコン作成→キーホルダーにする→Google Siteにする
3年後期 : htmlとcssでWebサイトにする
4年前期 : 制作したアイコンとキーホルダーについて映像制作をする
4年後期 : キーホルダー販売サイトを考えてみる

制作ツール

Adobe Illustrator

プロジェクトの期間

2024.04.09 - 2024.07.09

まとめ

調査

現状調査

気づいた人がわかりやすく手を差し伸べることができる目印があればいいなという考えがある。しかし、具体的な気持ちや状態を伝えることによって嫌がらせを受けてしまう可能性がある。Tik Tok

先行事例

• 体調を表すLINEスタンプ1
• 体調を表すLINEスタンプ2
• 困りごとに寄り添うメッセージロゼット
• 似た研究をされている先輩のサイト→児玉七菜美/情報デザイン研究II
  
  

技法・技術情報

• 手描きのイラストをIllustratorで簡単にパス変換する方法
• Illustratorで手描きイラストを簡単にデジタル化する方法
  
  
  
  

プロジェクト管理

スケジュール

ToDo

• どんな気持ちや状態でどの色を使うか考える
  
  
  
  

2024.05.21

目が不自由です イラスト

作ったアイコンは印刷して、100均のフォトキーホルダーに当てはめる

2024.05.14

花粉症です イラスト

• 似た研究をされている先輩のサイト
  児玉七菜美/情報デザイン研究II
  
  

2024.05.07

お手伝いします イラスト

2024.04.30

サイトマップ

ワイヤーフレーム

2024.04.23

先行事例⑤

• 体調を表すLINEスタンプ1
• 体調を表すLINEスタンプ2

技法・技術情報

• 手描きのイラストをIllustratorで簡単にパス変換する方法
• Illustratorで手描きイラストを簡単にデジタル化する方法
  
  

2024.04.16

感情や状態を箇条書きにする

• 花粉症です、脚が悪いです、目や耳が不自由です、偏頭痛持ちです、席譲ります、お手伝いします、盲導犬がいます、吃音です、視覚優位です、聴覚優位です
  →試作済み
  
  

他の感情や状態

• 英語話せます、片手片足が麻痺しています、手話できます、点字を読みます
  
  
  
  

2024.04.09

調査

先行事例①

• 子ども用車いすをベビーカーで代用しタグをつける(TikTok) (Instagram)
  • 人の心の状態や体の状態をすぐにわかる方法で伝えたい
  • SNSのアイコンにしたら面白そう
  • 状態を表情や色で表してWebサイトにまとめる

先行事例②

• ヘルプマークをわかりやすく(TikTok)
  • 何かあったときの対処法やその人がどんな状態かわかりやすくなる

先行事例③

• サポートマーク
  • マスクの青いハートマークは、サポートできることを示すもの

先行事例④

• サポートハートマーク
  • 困っている人を助けたいと思う人が身につけるもの

テーマのアイデア

• Web
• ステッカー
• 人の気持ちや状態