平嶋明日花/情報デザイン研究II

あなたの心をサポート

絵とテキストで人の気持ちを表現する活動

• Hirashima Asuka
• Keywords：feeling, condition, text
• Webサイト
  
  

>>情報デザイン研究Iの続きです

概要

これは何？

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

背景

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

目的

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

コンセプト

• アイコン
  自分の気持ちや状態を周りの人に伝える方法として、アイコンを見るだけで話さなくても理解してもらえる。わかりやすい絵と文にする。
• Webサイト
  どんな情報がまとめられているか、見た人がすぐに理解できるようにする。
  そのためには色をまとめること、文章は短くする。
  
  

成果物の仕様

3年前期 : アイコン作成→キーホルダーにする→Google Siteにする

• アイコン
  長方形のアイコン
  楕円形のアイコン
• キーホルダー
• Googleサイト

3年後期 : htmlとcssでWebサイトにする

4年 : 制作したアイコンとキーホルダーについて映像制作をする

制作ツール

Adobe Illustrator

プロジェクトの期間

前期：2024.04.09 - 2024.07.09
後期：2024.09.17 - 2024.12.23

まとめ

調査

現状調査

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

先行事例

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

技法・技術情報

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

プロジェクト管理

スケジュール

ToDo

2024.10.07

2024.09.30

• 電車でキーホルダーをつけて写真を撮ってみたところ、黄緑の背景に白文字が見にくかった。→色の変更を検討する。
• タイトルを何にするか
  • 心のそばに
  • 心の支え
  • ハートサポート
  • 寄り添う心持ち
    
    

2024.09.23

• Web制作
• スケジュール管理の表作り
  
  

• 「英語話せます」のビジュアルを変更
  古→新
• メインビジュアルの変更
  
  
  
  
  

2024.09.16

• 情報デザイン研究Iと共通の情報を書いた
• Webデザイン演習のおさらい
• htmlコードを書く