LogoMark.png

田代爽乃/卒業研究

あともーしょん

ASMRというコンテンツを気軽に体験できる音声を用いたWEBサイト

mainvisual.png

概要

これは何?

ASMRというコンテンツを気軽に体験できる音声を用いたWEBサイト

背景と目的

近年YouTubeなどの媒体を中心にASMRというコンテンツが流行している。比較的新しいコンテンツの為、化学的な研究が十分に進んでいないことや、一部の人々が性的な要素などを混合していることから誤解や偏見が生じている。
この状況を改善するために、初めてASMRというコンテンツに触れる人が気軽にASMRを体験する方法がないかと考えた。

コンセプト

初めてASMRを体験する人をターゲットに、キャラクターを取り入れ、動かすことで親しみやすいサイトを作成する。

サイト名の由来

あともーしょん
ASMR(Autonomous Sensory Meridian Response)、atmosphere(雰囲気、ムード)とmotion(動作)を合わせて考えた

成果物の仕様

サイト

あともーしょん

サイトのワイヤーフレーム

wireframe1.png
wireframe2.png


GIF

ball.GIF
slime.GIF
book.GIF
coffee.GIF
puff.GIF
souji.GIF
typing.gif
writing.gif
click.gif


部屋の背景

room_1.png
room_2.png
room_3.png
room_4.png
room_5.png
room_6.png
room_7.png
room_8.png
room_9.png


使用・制作ツール

プロジェクトの期間

プロジェクトの期間|2024.04.12 - 2024.12.20



調査

現状調査

先行事例

技法・技術情報

プロジェクト管理

スケジュール

スケジュール

ToDo

まとめ

本研究は初めてASMRを体験する人をターゲットに、親しみやすく、視覚的、聴覚的に楽しめるサイトを制作することを目指して進めた。
キャラクターや実際に録音した生活音を使用することでサイトの雰囲気を柔らかくし、安心感や親しみを持たせることができた。
録音の際には、マイクについての知識がなかったため、調査を通してマイク1つ1つに特徴があり録音したい音に合わせて使い分けることが大切だと感じた。
本Webサイトを通して、ASMRに初めて触れる人々が安心して体験できる「入り口」を提供することができた。ASMRの多様な側面を尊重し、リラックスや癒しを目的としたASMRの魅力を伝えることができたと考える。




進捗記録




2025.01.08

ブラッシュアップ

部屋の背景の装飾追加

room_1.png
room_2.png
room_3.png
room_4.png
room_5.png
room_6.png
room_7.png
room_8.png
room_9.png


ロゴ制作

rogo.png


開いた窓に部屋ごとの色付け

mado1.png


サイト編集

あともーしょん

2024.12.06

発表メモ

2024.11.29

部屋背景の制作

room7.png
room8.png
room9.png




2024.11.22

部屋背景の制作

room1.png
room3.png
room4.png
room5.png


部屋のラフ

部屋のラフ

サイト編集

2024.11.15

room2(背景)の制作

room2.png


サイト編集

2024.11.8

ジャンル分けするとしたら...

2024.11.01

部屋のラフ

部屋のラフ



2024.10.25

中間発表メモ

2024.10.18

サイトの編集


GIFラフの制作

typing.png
writing.png
souji.png
click.png
book.png
coffee.png


ページの背景

room.png




2024.10.11

RODE Connect (録音アプリケーション) の使い方の確認

Noise Gate

基準に達している音のみを拾う(ノイズ除去)

Compressor

強弱の変化が激しい音を揃える

Aural Exciter

音色や音量を変えずに特定の音を強調する

Big Bottom

アンプのパワーを上げずに低音を強調してパワフルなサウンドを作る

参考

録音

編集

2024.10.04

サイト編集

2024.09.27

RODE VideoMic NTG 使い方の確認

ローカットフィルター(ハイパスフィルター)

ハイブースト

下のボタン機能(左から)

下のつまみ

参考

2024.09.20

GIF制作

coffee.GIF


背景画像の制作

サイト編集

夏季休暇

サイトに使用する画像の作成

GIF制作

2024.07.19

マイクについての調査

マイクの種類

全方向性と単一指向性の違い

マイクによって切り替えられるものがある

ASMRにおすすめなコンデンサーマイクの種類

参考

2024.07.12

サイトの編集

あともーしょん

マイクでの録音

GIF制作

ball.gif
slime.GIF




2024.07.05

GIF内容決定

GIFの案だし

サイトのプロトタイプ制作

あともーしょん



2024.06.28

ワイヤーフレームの修正

wireframe1.png
wireframe2.png

2024.06.21

相談メモ

2024.06.14

サイトのアパート部分ラフ・配色

raf.JPG




2024.06.07

録音する音声の案出し

2024.05.31

中間発表メモ

2024.05.24

サイトのワイヤーフレーム

ワイヤーフレーム

試作

https://sayatuu.github.io/sotuten_shisaku1/



2024.05.17

サイトに使用するキャラクターのラフ

character1.JPG

サイトに使用するGIFの試作

slime.GIF

2024.05.10

今週のToDo

ASMRコンテンツの課題

先行事例2

2024.04.26

サイト名の決定

あともーしょん
ASMR(Autonomous Sensory Meridian Response)、atmosphere(雰囲気、ムード)とmotion(動作)を合わせて考えた

テーマの決定

ASMRというコンテンツを気軽に体験できる音声を用いたWEBサイト

試作

試作:画像を押すと音の鳴るサイト
使用した音源:効果音ラボ



2024.04.19

テーマ候補1

テーマ候補2

2024.04.12

テーマ候補1

先行事例

テーマ候補2

先行事例

テーマ候補3

先行事例

PAGES

GUIDE

添付ファイル: filemainvisual.png 13件 [詳細] filerogo.png 4件 [詳細] filemado1.png 5件 [詳細] fileroom_9.png 5件 [詳細] fileroom_8.png 8件 [詳細] fileroom_7.png 5件 [詳細] fileroom_6.png 4件 [詳細] fileroom_5.png 6件 [詳細] fileroom_4.png 7件 [詳細] fileroom_3.png 5件 [詳細] fileroom_2.png 7件 [詳細] fileroom_1.png 6件 [詳細] filepuff.GIF 12件 [詳細] filesouji.GIF 8件 [詳細] filecoffee.GIF 16件 [詳細] filebook.GIF 8件 [詳細] fileball.GIF 17件 [詳細] filewriting.gif 8件 [詳細] filetyping.gif 8件 [詳細] fileclick.gif 8件 [詳細] fileroom5.png 9件 [詳細] fileroom9.png 8件 [詳細] fileroom7.png 8件 [詳細] fileroom4.png 7件 [詳細] fileroom8.png 9件 [詳細] fileroom3.png 9件 [詳細] fileroom1.png 12件 [詳細] fileroom2.png 11件 [詳細] filemansion.png 14件 [詳細] fileroom.png 11件 [詳細] fileclick.png 12件 [詳細] filepahu.GIF 14件 [詳細] filewriting.png 14件 [詳細] filetyping.png 12件 [詳細] filesouji.png 13件 [詳細] filecoffee.png 13件 [詳細] filebook.png 13件 [詳細] filemado.png 16件 [詳細] fileball.gif 19件 [詳細] filewireframe2.png 28件 [詳細] filewireframe1.png 32件 [詳細] fileslime.GIF 32件 [詳細] fileraf.JPG 33件 [詳細] filecharacter1.JPG 30件 [詳細]
Last-modified: 2025-01-18 (土) 03:39:56