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 72件 [詳細] filepic10.png 75件 [詳細] filepic9.png 80件 [詳細] filepic8.png 74件 [詳細] filepic7.png 85件 [詳細] filepic6.png 88件 [詳細] filepic4.png 88件 [詳細] filekumo.png 90件 [詳細] filesakura.png 84件 [詳細] filebook.jpg 78件 [詳細] filemain.png 74件 [詳細] filebukubuku-color.jpg 83件 [詳細] filebukubuku.jpg 85件 [詳細] file日記帳.jpg 80件 [詳細] file試作1.jpg 85件 [詳細] fileワイヤーフレーム.jpg 86件 [詳細] file表紙.jpg 91件 [詳細] file文庫本表紙.jpeg 102件 [詳細] file新潮文庫.jpeg 81件 [詳細]
Last-modified: 2021-07-07 (水) 23:40:47