LogoMark.png

紀野はるか/情報デザイン研究I のバックアップソース(No.13)

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


#image(title.jpg)


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

~


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

***Background and Purpose
//{プロジェクトの背景と目的}
~
背景:小説を読むことのメリット
~

読書が ''好きな人''・''嫌いな人'' 。娯楽の多様化により、この二極化が進んでいる。私のように''好きな人''にとって本を読むことはメリットでしかないが、''嫌いな人''にとっては、その楽しさや面白さにたどり着く前の段階で、読書を不便だと感じていることを知った。嫌いな人にとって、読書はそもそも娯楽の選択肢の中に入っていないのだ。読書の良さを知らない人に、いくら読書のメリットを伝えても、それ以前の問題である。そのことから、今回このような研究テーマに取り組むことにした。

~

目的:新しい娯楽としての形

娯楽は日々変化している。
本を読む悪印象を払拭し、また紙媒体から電子媒体へ変化した
新しい”娯楽”としての形をつくることはできないのか、
本を読むことが苦手な人の、とっかかりになれるようなモノをつくることが出来ないのかが研究目的である。
//活字の文字列だけではなく、動きを加えることで
//本を読むことへの苦手意識を薄める。
//言葉が足りないのは本を読まないから。美しい言葉に触れ素敵な表現を自分の中にストックする。意思の疎通は言葉ありき。
//美輪明宏

~
~

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

***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
//{現状調査、現状の問題の洗い出し}
~
***アンケート調査
~
-読書についての現状把握
#image(research.jpg,right,17%)
~
[[Instagram>https://about.instagram.com/]]のアンケート機能・クイズ機能・質問機能を使っての独自調査を実施
フォロワー内の、同世代男女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/]]__
動く絵本を用いて作られた読み聞かせ用のプロジェクター

~
~

~