LogoMark.png

興梠愛加/情報デザイン研究I

main.png

本を読むきっかけになれるようなwebサイト


Overview

Introduction / What is This

著作権の切れた短編小説を紹介するサイト

Background and Purpose

外出することが難しく家の中で過ごす時間が増えている今日、気分が落ち込みやすく憂鬱な気分になってしまう人も少なくない。そんな今だからこそ、一人で本に向かって、本の世界に入る、そういう時間が必要なのではないかと考えた。

そこで、普段本を読まない人にも、本に興味を持ってもらうために、青空文庫で掲載されている短編を紹介するwebサイトを作ろうと思った。


Concept

本を読むきっかけになれるようなwebサイト
本の世界に入り込めるようなwebサイト


Output



Tools

Adobe Illustrator
Adobe Dreamweaver

Term

2021.04.08 ~ 2021.07.15

Conclusion / Summary

Survey

Present Status


Precedent


Technique / Technology




Project Management

Schedule

Scheduleのリンク

ToDo


worklog




2021.07.07

アンケート結果

アンケート.jpg

2021.06.30

進捗

2021.06.23

進捗

参考サイト

2021.06.16

調査

トップページをフェードさせて表示させる
泡のアニメーション

進捗

2021.06.09

試作

sakura.png
kumo.png


調査

グラフィカルなサイト

2021.06.02

中間報告

2021.05.26

試作

book.jpg



https://kourogi-aika.github.io/bukubuku/

今後の予定

2021.05.12

タイトル決め

「 ぶくぶく 」

bukubuku.jpg
bukubuku-color.jpg

個人的にはカラー版の方が好みだが、サイトのイメージと合わないと感じたため、モノクロ版を採用。

試作

https://kourogi-aika.github.io/sample
細かい文字が並んでいると読む気がなくなるという意見を元に、文字を大きめに設定した。また、文節ごとに区切ったり、行間を広くしたりすることで、余白を作って読みやすさを意識した。

今後の予定

2021.05.12

調査

参考サイト

試作

日記帳.jpg




2021.05.05

試作

2021.04.22

コンセプト

調査

白を基調としたサイトが多い。

アイデア

2021.04.16

テーマ

調査

ToDo

2021.04.14

面白いと感じたWEBサイト

動的なwebサイトの方が見応えがある。JavaScriptやjQueryアニメーションを使ったwebサイトを制作したい。

テーマ案





PAGES

GUIDE

添付ファイル: fileアンケート.jpg 19件 [詳細] filepic10.png 23件 [詳細] filepic9.png 26件 [詳細] filepic8.png 26件 [詳細] filepic7.png 33件 [詳細] filepic6.png 28件 [詳細] filepic4.png 30件 [詳細] filekumo.png 29件 [詳細] filesakura.png 31件 [詳細] filebook.jpg 35件 [詳細] filemain.png 39件 [詳細] filebukubuku-color.jpg 45件 [詳細] filebukubuku.jpg 47件 [詳細] file日記帳.jpg 40件 [詳細] file試作1.jpg 50件 [詳細] fileワイヤーフレーム.jpg 51件 [詳細] file表紙.jpg 55件 [詳細] file文庫本表紙.jpeg 62件 [詳細] file新潮文庫.jpeg 42件 [詳細]
Last-modified: 2021-07-07 (水) 23:40:47