LogoMark.png

紀野はるか/情報デザイン研究I のバックアップ差分(No.10)


#author("2021-05-12T15:48:34+09:00","default:member","member")
#author("2021-05-12T18:52:09+09:00","default:member","member")
*Web小説  『 黒い金魚 』
SubTitle  スクロールで読む動く小説

  
 
             Main Visual / CurrentStatus
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''Project Director''
-'''Keywords:Web, 小説, 映像, グラフィック'''
-https://www.example.com

~


**Overview
***Introduction / What is This
//{これは何か・・を簡潔に}
~
Web上で読む小説。
Webとグラフィックと映像を組み合わせて、動く小説にする。
~
~

***Background and Purpose
//{プロジェクトの背景と目的}
~
***背景:日本の本離れ

小説はエンターテイメントとして私たちの中に浸透している。
だが、近年では『日本の本離れ』という言葉をよく目にするようになった。
動画やゲームなどのコンテンツ、SNS等の電子機器によるインターネットの浸透
映画・ドラマ・漫画などのその他エンターテイメントのによって
そのエンターテイメント性が私たちの中で薄れてきているためである。
身近な人たちにアンケート調査をしてみた。

本を読むという行為は、本来エンターテイメント=娯楽であるはずだが
それを「苦痛である」「つまらない」「時間がかかる」という意見を多く目にするようになった。


本を読むという娯楽の中にも、社会を学ぶ大事な要素が含まれていると感じる。
読書をすると、新しい語彙に触れ、共感力が育まれ、理解力が高まり、想像力が養われる。
ここでは小説を読むことでのメリットに絞るが、”読む”という行為はその他にも
わたしたちに大きな効果をもたらしてくれるのだ。
~

***目的:新しい娯楽としての形
本を読む悪印象を払拭し、また紙媒体から電子媒体へ変化した
新しい”娯楽”としての形をつくることはできないのか、
本を読むことが苦手な人の、とっかかりになれるようなモノをつくることが出来ないのか
それらをまとめ考えついたのが、スクロールで読む動くWeb小説である。
//活字の文字列だけではなく、動きを加えることで
//本を読むことへの苦手意識を薄める。

~
~

***Concept
//{基本的な考え方、枠組み、視点など}
~
読書が苦手な人でも読める、娯楽としての新しい小説の形

~
~

***Output
//{成果物の直接掲載またはリンク誘導}
//(プロジェクトの途上では、試作品等、視覚的な資料を掲載・リンクして下さい。)
//(成果物の形式・サイズ・時間尺等の基本情報も記載して下さい。)
~
Webサイトとして公開
2000字程度の短編小説で制作

~
~

***Tools
//{使用するツール|ハードウエア・ソフトウエア}

-Dreamweaver
-Illustrator
-After Effects
-Javascript
-CSS

~
~

***Term
//{プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }
~

2021.04.08 - 2021.07.08 

~
~

***Conclusion / Summary 
//{プロジェクトが完結したら「まとめ」を記載して下さい。}
~
~
~
~

**Survey

***Present Status
//{現状調査、現状の問題の洗い出し}
~
***アンケート調査
~
-読書についての現状把握
Instagramのアンケート機能を使っての独自調査
34人の方がご協力してくださいました
~

|40|5|40|c
|#image(question1.jpg)| |#image(question2.jpg)|
RIGHT:2021/04/15
~
--読書が好きか嫌いか
--読書の頻度
についてのアンケート調査を行いました。
~
-本を読まない理由の調査結果
~
--文章が苦手。小さい頃から文章を読む習慣がない。
--文字列が苦手。絵があったら絵ばかりみてしまう。
--小さい文字が均一に並んでいるのが苦手で目がチカチカする。
--漫画やアニメ、映画があるので、そっちでいい。
--想像するのが難しい。挿絵があると読めるかも。
--興味がないと最後まで読めない。

~
~
~

***Precedent
//{先行事例の紹介、傾向分析など}
~
-__[[ストーリーテリング型Webデザインまとめ>https://www.qam-web.com/?p=10674]]__
ストーリーテリングとは・・・
物語を話して聞かせること。ここでは「物語」を引用し、例示することで聞き手に聞かせ、
印象付けるWebやビジネスの手法のこと
~
-__[[パララックスデザインを使ったストーリー性のあるWebサイトまとめ>https://goodpatch.com/blog/parallax-web-site-tell-a-story]]__
パララックスデザインとは・・・
Webサイトに立体感や遠近感、高いデザイン性を持たせるデザイン表現
~
~

***Technique / Technology
//{プロジェクトの遂行に必要な技法・技術に関する調査}
~

-__[[Progate>https://prog-8.com/]]__
-__[[ドットインストール>https://dotinstall.com/]]__
プログラミング学習
~
-__[[動くWebデザインアイディア帳>https://coco-factory.jp/ugokuweb/]]__
CSSアニメーション

~
~

**Project Management

***Schedule
//{計画的な遂行のために、進行管理表を作成してリンクして下さい。}
~

[[スケジュール管理〔スプレッドシート〕>https://docs.google.com/spreadsheets/d/1QbDOCxaDvZ0PzNm1iYx3MeW1E5cnTtfnH7vOtFWJoZs/edit?usp=sharing]]

~
~

***ToDo
//{やるべきこと(タスク)を箇条書きにします。}
-%%小説を決める%%
-アイデアスケッチする
-試作する

~
~
~

#hr
CENTER:''worklog''
//{最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}
#hr
~
~
**2021.05.06
~
***背景と目的のブラッシュアップ
~
''背景のブラッシュアップにあたっての調査''
~
-__[[小説を読むメリットとは?>https://thun-fine.com/novel-merits]]__
「言語化された思考や感情に触れられる」これは映像作品と小説の決定的な違いである。

-__[[「小説を読む」ことの7つのメリット>https://ddnavi.com/serial/570978/a/]]__
「娯楽」の中にある計り知れないメリット

~
//"目的のブラッシュアップにあたっての調査

~
~
**2021.04.22

~
-小説の決定
自作小説『黒い金魚』を使用する
~
-スケジュール管理表の作成
[[スケジュール管理〔スプレッドシート〕>https://docs.google.com/spreadsheets/d/1QbDOCxaDvZ0PzNm1iYx3MeW1E5cnTtfnH7vOtFWJoZs/edit?usp=sharing]]
~
-研究ページの詳細情報の書き込み
-ToDoリストの作成

~
~

**2021.04.15

~
***アンケート調査
~
''読書についての現状調査''
~

***調査:絵本のようなWebサイト
~

-__[[Ikano>http://ikano.ge]]__
スクロールでページやイラストが変化していったりボトルが動く
-__[[Size your Power>http://yourpower.panda.org]]__
ストーリー性のあるWebサイト。自分の名前を打ち込める。

~

***調査:小説と漫画と映像
~
-__[[小説家になろう『小説と漫画と映画の違い』>https://ncode.syosetu.com/n8831cl/57/]]__
あくまで ” 小説 ” 定義がぶれないようにしっかりと理解する
~
-__[[マイナビ ウーマン『「マンガ」or「小説」』>https://woman.mynavi.jp/article/150109-115/]]__
小説のメリットを生かしつつ、デメリットを減らせるアイデアを考えたい


~
~

**2021.04.08

~
研究テーマ
 スクロールで読む動くWeb小説
~

***調査:動きのあるWebサイト
~
-__[[株式会社リクサス>http://www.lixus.co.jp/#!/logistics-business/]]__
スクロールすることでトラックが動き、トラックが通過することによってポップを表示したり、
次ページに強制スクロールする
-__[[Feedmusic>http://feedmusic.com]]__
スクロールすることで、コマ撮り写真が動いていく
-__[[toridori>https://toridori.co.jp]]__
ペンで落書きされていくようなアニメーションを使ったサイト

~
***調査:紙媒体から電子媒体へ変化する読み物
~
-__[[KADOKAWA縦スクロール漫画大賞>https://promo.kadokawa.co.jp/tatesuku/]]__
-__[[ジャンプ縦スクロール漫画賞 結果発表>https://rookie.shonenjump.com/scroll/result]]__
電子媒体従来のスクロールの仕方で読める漫画が主流になりつつある。
現在では、縦スクロール漫画を対象としたコンクールも存在している

~
-__[[【絵本】あおいアヒル『ご紹介動画』>https://youtu.be/ZnJaDbUxVmA]]__
-__[[【絵本】スイミー [Swimmy]>https://youtu.be/oWQr3t2v3n8]]__
絵本の中のイラストが動く。これに朗読やサウンドをプラスすることで、
ひとつのアニメーションが作り出されている

~
-__[[Dream Switch | セガトイズ>https://www.segatoys.co.jp/toy/9172/]]__
動く絵本を用いて作られた読み聞かせ用のプロジェクター

~
~

~