TIME
立ち止まる時間の肯定と風景をまとめたWebサイト
- Hina Fukuoka
- Keywords：web, picture
- WEBサイト
概要
これは何？
忙しい現代社会で立ち止まる時間の肯定と風景の移り変わりをまとめたWebサイト。
背景と目的
効率化が求められる現代社会では、身近な風景や時間を享受する余裕が失われつつあります。
本研究は、こうした忙しさの中で見失われがちな「日常の風景」を、イラストとのコラージュを通じて見つめていくことが目的です。
コンセプト
効率を重視する現代社会では、立ち止まることは時間のロスであると捉えられがちです。今回の研究では「立ち止まって周りを眺める時間」を、単なる時間のロスではなく日常を豊かにするための第一歩だと感じられるサイトを作ることが主なコンセプトです。
成果物の仕様
制作ツール
Adobe Photoshop
WordPress
ibisPaint X
プロジェクトの期間
2026.04.09-2027.01.XX(後期まで)
前期と後期に分けて、前期はイラスト制作をメインに考え、後期にはより詳細なWEBサイト制作やイラストを活用したシネマグラフを制作していきたいと考えています。
まとめ
本研究では、効率とスピードが重視される現代社会において排斥されがちな「立ち止まる時間」の価値を、日常の風景とイラストのコラージュを用いたWEBサイトという形で表現した。後期はアニメーションやシネマグラフなどを取り入れ、より人々の目に留まるサイトを作るように取り組みたい。
調査
現状調査
- 現代社会における時間の有無について
- 効率化が求められる現代社会では、身近な風景や時間を享受する余裕が失われつつある。
- この現代社会において、「立ち止まって周りを眺める時間」を、単なる時間のロスではなく日常を豊かにするための第一歩だと感じられるサイトを作ることが課題。
- 国民生活に関する世論調査(令和4年10月調査)
令和4年10月の調査において、日頃の生活の中で休んだり好きなことをしたりする時間のゆとりがあるか聞いたところ、30代~40代の間でゆとりがないと答えた人が約半数に登った。
- 国立公園に、行ってみよう!
農研機構によれば、花の画像を見ることによって実験参加者のストレスで上昇するコレチゾールというホルモンが約21%減少したと挙げられている。
先行事例
シネマグラフを用いたサイト作成
技法・技術情報
プロジェクト管理
スケジュール
-スケジュール
ToDo
- サイトマップとワイヤーフレームの修正
- シネマグラフの検討とイラストラフ作成。
- WEB試作
- イラストを最終的にどれぐらいにするか
- ブラッシュアップ
進捗記録
2026.07.09
やるべきこと
- wordpress内のアイコンやコメント部分が初期のままなのを変更する。
- より詳細に自分のページをまとめる。
- 内容は日記的な感じでまとめて、より具体的にカテゴライズしてまとめていきたい。
2026.07.02
2026.06.25
2026.06.18
2026.06.11
メインビジュアルの更新
- 今現在考えていること
簡単なアニメーションを入れたい。
2026.06.04
さまざまな方法でイラストを描く。
アナログだと時間がかかり過ぎてしまうため、デジタルで進める。
2026.05.21
ワイヤーフレーム,サイトマップ再作成
2026.05.14
2026.05.07
今現在考えていること
- トップページのサムネをスライドにしたい。
- シネマグラフを活用して差別化を図りたい。
- サイトマップなどでこのコンテンツを作成したいなどのコンテンツ分けが出来ていないためそのアイディアを考えたい。(プロフィールは変更予定)
やるべきこと
2026.04.30
イラストラフ案
一旦何枚かラフを描いてみる。
シネマグラフ要検討
2026.04.23
研究の流れ
- テーマ案決定
- ワイヤーフレーム,サイトマップ作成
- 試作
- WEB制作
サイトマップとワイヤーフレームの作成
2026.04.16
テーマ
忙しい現代社会で立ち止まる時間の肯定と風景の移り変わりをまとめ、サイトにする。
- 写真にイラストなどを配置しより作品に対する没入感を与える。
- 立ち止まることによって感じられる新たな見え方の共有。
参考
来週までに何をするか
- アイディアスケッチ
- それが実際にやれるかの確認
- サイトの作りをどうするか考える。
2026.04.09
テーマ案
- 美の価値観の具現化
→それぞれの個人が持つ美の基準をまとめたサイト
- 名もなき家事図鑑
→名前のない家事をまとめた映像作品
- 心の箱庭
→質問に答えて箱庭が変化するWEBと3DCGの融合
- 思い出の場所のデジタルアーカイブ
→地元の商店街などを映像や3Dにしてデザインするサイト
- アバタースライド
→外見からのステレオタイプをイラストで表現し中身を入れ替えるサイト
- 伝わらない痛み図鑑
→外見じゃ伝わらない痛みを3DCGなどで表現するサイト
- 公共の場所を清潔に保つ仕掛けサイト
→公共の場所を清潔に保ちたくなるような映像作品サイト
- しあわせの処方箋
→言語化しずらい感情を色に置き換え質問に答えるうちにインク瓶が変化し、それぞれの悩みに寄り添った考えを出すサイト
- 半径1mの季節
→忙しい現代社会で立ち止まる時間の肯定と季節の移り変わりをまとめたサイト
- 経年劣化の標本箱
→時間が経つにつれて使わなくなった身近なものを使い続けたいとなるデザインに置き換えるサイト
調査
使用するツール
- Adobe Illustrator
- Adobe Photoshop
