LogoMark.png

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


#author("2021-04-22T10:44:48+09:00","default:member","member")
*Web小説『未定』
SubTitle  ・・・・・・・
#author("2021-05-06T02:12:59+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小説である。
//活字の文字列だけではなく、動きを加えることで
//本を読むことへの苦手意識を薄める。

//近年では『日本の本離れ』が危険視されている声があります。
//実際、お友達と好きな動画やアニメ、ゲームについて話すことはあっても
//小説について語る機会はあまりありません。
//理由としては、本を読むのが好き、といった人が少ないこと。
//私自身も1冊を読み切る頻度が落ち、読書時間が少なくなってきていること。
//が挙げられます。
//個人調べのアンケート調査結果では、このようになっています。
//#image(ank.jpg)
//読書というのはエンターテイメント=娯楽です。
//しかし現代では動画やゲームなどの電子機器、SNS等の浸透によって
//
//それらと比べ時間がかかってしまう「読書」という行為は
//現代の日本人にとって娯楽に繋がらないからだと私は考えました。
//また、読み物は電子機器へと変化していっています。

~
~


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

~
~

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

Webサイトとして公開
2000字程度の短編小説で制作

~
~

***Member
//{共同プロジェクトの場合のみ|メンバーと役割分担を明記}
~

個人

~
~

***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
//{現状調査、現状の問題の洗い出し}
~
アンケート調査
-読書についての現状把握
~

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

~
~

***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.04.22

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

~
~

**2021.04.15

~
***アンケート調査
-読書についての現状把握
~
|40|5|40|c
|#image(question1.jpg)| |#image(question2.jpg)|
-読書についての現状調査
~
--読書が好きか嫌いか
--読書の頻度
についてのアンケート調査を行いました。
 読書が嫌い・苦手な方たちの理由もお聞きしました。まとめを作成中です。
~

***調査:絵本のような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小説
~

***調査:動きのある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]]__
電子媒体従来のスクロールの仕方で読める漫画が主流になりつつある。&br;現在では、縦スクロール漫画を対象としたコンクールも存在している
電子媒体従来のスクロールの仕方で読める漫画が主流になりつつある。
現在では、縦スクロール漫画を対象としたコンクールも存在している

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

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

~
~

~