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.19

タイトル決め

「 ぶくぶく 」

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 26件 [詳細] filepic10.png 29件 [詳細] filepic9.png 34件 [詳細] filepic8.png 32件 [詳細] filepic7.png 40件 [詳細] filepic6.png 37件 [詳細] filepic4.png 38件 [詳細] filekumo.png 36件 [詳細] filesakura.png 37件 [詳細] filebook.jpg 39件 [詳細] filemain.png 42件 [詳細] filebukubuku-color.jpg 50件 [詳細] filebukubuku.jpg 52件 [詳細] file日記帳.jpg 44件 [詳細] file試作1.jpg 54件 [詳細] fileワイヤーフレーム.jpg 54件 [詳細] file表紙.jpg 58件 [詳細] file文庫本表紙.jpeg 65件 [詳細] file新潮文庫.jpeg 47件 [詳細]
Last-modified: 2021-07-07 (水) 23:40:47