エモカラ!
感情を色によってまとめたwebサイト
- Taiga Sarumoto
- Keywords：emotion, color, communication, web
- 感情を色に
概要
これは何？
人間の感情を色によって可視化したサイト
背景と目的
- 背景
周囲とのトラブルや摩擦を避け、安定した人間関係を築くことをマナーとした現代社会において感情表現という行為がタブーになりつつある。
タイパ重視・周囲の目を気にする社会的背景が要因の一つとしてある。
- 目的
自身の感情を見直す機会を作り、コミュニケーションの大切さや面白さを伝えたい。
コンセプト
感情を色で視覚化し、見直す
成果物の仕様
Webサイト
制作ツール
VScode
Illustrator
プロジェクトの期間
2026.04.09 - 2026.07.16
まとめ
色で可視化することで出来事によって現れる感情の変化を客観的に振り返るきっかけとなった。文字や数値だけでなく視覚の情報として色を採用したことで一目でわかる点が特徴である。日々の変化を記録し振り返るための手段として、またデータ数によってはコミュニケーションなどでさらなる活用ができると考える。
調査
現状調査
感情ミュート社会=普段の生活において様々な感情を表に出さないという現代社会の風潮。(博報堂生活総合研究所による意識調査では約6割が該当)
アテンション・デトックス=SNSなどの媒体から距離をおき、自身の感情や感覚を守るための行動。
→特に若者に見られる現象であり、現代社会の新しい常識として定着しつつある。
先行事例
技法・技術情報
プロジェクト管理
スケジュール
スケジュール
ToDo
進捗記録
2026.07.09
発表でいただいたコメントやアドバイスをもとにブラッシュアップ
- webサイトの目的との整合性をとる
- サイトの視認性の向上
- なぜその色なのかなどの情報をまとめる
- メーターのアイデア性を取り入れる
2026.07.02
2026.06.25
- 作品概要のレイアウトや文章などの編集
- サイトに使用するイラストの編集
2026.06.18
- 作品概要の完成（一旦）
- サイトのレイアウトやコードの編集
- サイトに使用するイラストの編集
- サイトマップ、ワイヤーフレームの再構築
2026.06.11
現状調査
2026.06.04
2026.05.21
中間報告
- サイトの編集
- 具体例をもう少し分かりやすく
- どういった目的なのかを明確に
- 感情ミュート社会の中での空気作り
- 色以外にも伝えられる手段など
以上の点を改善・調査する必要がある
2026.05.14
- スケジュールの見直し
- サイトマップ・ワイヤーフレームの再構築
2026.05.07
- スケジュールの作成
- 背景と目的、コンセプトの見直し
- 現場調査のまとめ
- 発表する情報の整理
2026.04.30
サイトマップ(Figmaで作成)
ワイヤーフレーム(Figmaで作成)
現状調査及び先行事例
2026.04.23
テーマ案のための調査&詳細
- 自身の感情を表現する方法は顔や仕草、行動など様々あるが感情表現が苦手な人にとってはどれも難しいものばかりである。
(内面の関心が薄く、想像力が乏しい・コミュニケーションで誤解されるなど)
そういった人が「色」を使って感情を表現した時の効果をWebサイトで紹介
- サイトマップの作成
- 試作サイト
調査
2026.04.16
テーマ案の試作
- 色によって行う感情表現
Visual Image▼
この画像は生成AIで作成したものです
- 雨の日の通学や通勤を楽しいものに
Visual Image▼
この画像は生成AIで作成したものです
- 大学生活での困りごと
2026.04.09
研究テーマ
- 色によって行う感情表現
- 実は「隠れた名店」
- 雨の日の通学や通勤を楽しいものに
- 大学生活での困りごと
- 同じテーマでも表現が変化するデザイン比較
- 脱ネット依存症
- キーボード選びのポイント
- 信頼できる情報の可視化
- 動画視聴の変化
- ラストエリクサー症候群の苦悩
- 情報という名の檻の中と外にいる人間
テーマの内容
- コミュニケーションの苦手な人の為の色を使った感情表現を紹介&クイズ等
- 口コミや評判があまりされてないが実はすごい店を紹介する。
- どんよりとした気分でもいつも通り日常を送れるような工夫。
- 大学生が送る日常の中で困りごとを紹介する。
- 人によって表現方法がどのように変化するのか紹介する。
- ネットから遠ざける生活を行い、メリット&デメリットを紹介する。
- 作業やゲーム等でおすすめのものや人によるキーボードの良し悪しを紹介する。
- メールやサイト等の情報が正しいものであるか判断できる為の判断材料と工夫。
- Youtubeなどで動画を観る際の今世代の人が行うことのタイパとの関連性と紹介。(倍速やながら作業など)
- 希少なアイテムを使うのを躊躇い保管するが結局使わなかったというRPGゲームによくある現象を現実で似たようなシーンを紹介する。
- 様々な情報が交錯する現代社会で真偽がはっきりしないものや主観や偏見が入ったものが変化させる人間の存在と客観視の重要性の説明。
