• 履歴一覧
• ソース を表示
• DummyPage/卒業研究II は削除されています。
  • 1 (2021-12-03 (金) 21:49:46)
  • 2 (2026-04-02 (木) 15:56:32)

---

Imagine by Sounds

自然環境音を通じて自然の美しさを伝え、環境保護に寄与するデザイン研究

#image(): File not found: "mainvisual.jpg" at page "深江沙羅/卒業研究I"

• Keywords：Web design(HTML/CSS/jQuery) , DTP
  http://basement.starfree.jp/imaginebysounds/
  モックアップ

Overview

Introduction / What is This

Webサイトと紙媒体を利用して自然環境の美しさを伝えるサービス

Background and Purpose

• 環境問題の深刻化に向けて、近年啓発が盛んに行われている。
• アンケート調査によると環境配慮意識・行動は高まっている傾向が見受けられたので、問題喚起ではなく自然の美しさ、大切さを感じてもらえるものが作りたいと考えた。
  
  
  
  

Concept

プロジェクトを構成する要素

• 音響(自然環境音)
  Webサイトで再生。
  
  
  • 自然環境音は心身の疲労回復やストレスの低減効果など、ポジティブな効果を引き起こすことが立証されている。
    参考：自然環境の映像と音がストレス低減に及ぼす影響 - 立教大学

• 人間にとって快く感じ、娯楽ともなりうる音響を取っ掛かりとした。
  
  

• ライティング
  ストーリーテリングの手法を用いてショートストーリーをリーフレットに掲載。
  写真と合わせて読んでもらうようにし、文章が苦手な人にとっても平易化する。
  他人に依頼することも検討。
  
  
• 写真
  リーフレット、Webサイトに掲載。
  
  
• 映像
  Webサイトに掲載。
  
  
  
  

Output

• サービスフロー

  #image(): File not found: "flow.jpg" at page "深江沙羅/卒業研究I"

  
  
• リーフレット
  
  
  
  
  
  
  
• 配布用小冊子
  
  
  
  
  
  
• Webサイトのモックアップ
  
  
  ユーザーテスト用モックアップ
  
  
  
  
  
  
• Webサイト用の動画・音声(試作)
  
  
  
  
  
  

Tools

Webサイト
音響の再生や、写真・動画の掲載。


紙媒体
リーフレット
Webサイトを読み込むためのQRコード、ショートストーリーを記載。
※複数のパターン

• なぜ紙媒体とWeb媒体を併用するのか？
  • Webページは検索からの流入など、元々コンテンツに一定の興味がある人が閲覧する傾向にある。
  • 誰でも閲覧・利用できるサービスというコンセプトから紙媒体を採用。
    
    
    撮影機材
    FUJIFILM X-T30
    
    
    音声録音
    TASCAM DR-07X
    
    
    紙素材
    ガイアA クリーム
    
    
    ソフト
    Adobe Illustrator
    Photoshop
    Premiere pro
    Audition
    XD
    CLIP STUDIO PAINT
    
    
    
    

Term

2021.04〜2021.10

Survey

Present Status

• アンケート調査
  環境意識(環境に配慮した行動)を日頃から意識づけていますか？ -ミルトーク
  • 20〜60代男女30人に「日頃から環境に配慮した行動をしているか」またその理由を調査した。アンケート日は2021年6月3日。
  • していると回答した人は約87%、していない人は約13%だった。
    メディアの影響や社会全体の意識の高まりもあり、多くの人が自覚している範囲内では環境意識を持っているという結果になった。
    
    
• 環境問題の概要を調査・把握。
  • 環境保全のために普段の暮らしの中でできること -WWF JAPAN
  • 環境のために、できることからはじめよう -さいたま市
    
    
• 五感においての情報判断の優先順位を調査。
  • 産業教育機器システム便覧
    視覚が最も優先順位として高く(83.0％)、次点が聴覚(11.0％)。
  • 参考：五感情報通信技術
    
    
    
    

Precedent

• 先行事例
  • おととめし
    • 購入した弁当に記載されたQRコードを読み取り、音を楽しみながら食事をするというサービス。本プロジェクトイメージに近い。
  • プレミアムモルツ 特別な時間 -サントリー
  • TRAIL WORKS -BEAMS
    • 写真と文章を構成してストーリー仕立てにしている。
      
      
      
      

Technique / Technology

• 何のために「UXデザイン」をするのか - UX MILK
• UXデザインプロセスにおける基本的な6ステップ
  • UXの基礎知識理解
• 環境音 - 効果音ラボ
  • 環境音の種類把握
• 電車は遅れておりますが
  • ストーリーテリングのテイストとして参考にしたい。
    
    
    
    

Project Management

Schedule

卒業研究進行表

ToDo

1.Webサイトのブラッシュアップ
2.Githubにデータをあげる
3.印刷

---

---

[ 2021.12.02 ]

制作

• リーフレットの展示用と配布用のデータを制作した。
• コーディング
  
  

• 成果
  • 制作を進めた。
    
    

[ 2021.11.25 ]

制作

• リーフレットの展示用と配布用のデータを制作した。
  
  

• 成果
  • 制作を進めた。
    
    

[ 2021.11.15 ]

制作

• コーディング
  
  

• 成果
  • 制作を進めた。
    
    

[ 2021.11.09 ]

制作

• リーフレット制作
  横長のB7(マシュマロ200kg)に印刷
  
  

• 成果
  • 制作を進めた。
    
    

[ 2021.11.04 ]

制作

• リーフレット制作
  B7・B6とサイズの異なる紙に印刷し読みやすさを試した。
  B6想定で制作していたがB7のほうが読みやすさがあった。
  
  

• 成果
  • 制作を進めた。
    
    

[ 2021.10.29 ]

制作

• リーフレット制作
  実際の紙に印刷し色味やズレなど問題点を確認した。
  
  

• 成果
  • 制作を進めた。
    
    

[ 2021.10.28 ]

制作

• リーフレット制作
  リーフレットを制作した。
  
  

• 成果
  • 制作を進めた。
    
    

[ 2021.10.22 ]

制作

• コーディング
  モックアップに従ってHTML/CSSをコーディングした。
  
  

• 成果
  • コーディングを進めた。
    
    
    
    

[ 2021.10.21 ]

企画

• 細かな点の修正
  • 制作を進めていくにあたり、Webサイト上では1分間の音声を再生する想定だったが1分間では単調に感じられるため30秒に短縮した。
    
    

制作

• コーディング
  モックアップに従ってHTML/CSSをコーディングした。
  
  

• 成果
  • コーディングを進めた。
    
    

[ 2021.10.20 ]

制作

• コーディング
  モックアップに従ってHTML/CSSをコーディングした。
  
  

• 成果
  • コーディングを進めた。
    
    

[ 2021.10.18 ]

制作

• コーディング
  モックアップに従ってHTML/CSSをコーディングした。
  
  

• 成果
  • コーディングを進めた。
    
    

[ 2021.10.14 ]

制作

• 映像撮影・音声収録
  各機材を使用して音声・映像を収録した。
  
  

• 成果
  • バリエーションを増やす作業に着手した。
    
    

[ 2021.10.12 ]

制作

• 映像撮影・音声収録
  各機材を使用して焚火の音声・映像を収録した。
  
  

• 成果
  • バリエーションを増やす作業に着手した。
  • コーディングの進捗が遅れているため同時並行で進めるようスケジュールを再調整した。
    
    

[ 2021.10.6 ]

制作

• コーディング
  
  

• 成果
  • 制作を進めた。
    
    

[ 2021.09.30 ]

制作

• サンプルサイトをサーバーにアップロード
  http://basement.starfree.jp/imaginebysounds/
  
  

企画

• スケジュールの見直し
  
  

• 成果
  • 進捗を俯瞰しタスクをまとめた。
    
    
    
    

[ 2021.09.23 ]

調査

• Pintarestなどを利用して紙製の容器について調査を進めた。
  • colon coffee roasters
  • John masters organics ラッピングバッグ
    
    
• 研究事例の参考。
  • flerco note
    
    

• 成果
  調査を進めた。