福岡比菜/情報デザイン研究I

風景と絵

立ち止まる時間の肯定と風景をまとめたWebサイト

• 福岡 比菜
• Keywords：web, picture
• WEBサイト
  
  

概要

これは何？

忙しい現代社会で立ち止まる時間の肯定と風景の移り変わりをまとめたWebサイト。

背景と目的

効率化が求められる現代社会では、身近な風景や時間を享受する余裕が失われつつあります。
本研究は、こうした忙しさの中で見失われがちな「日常の風景」を、イラストとのコラージュを通じて再発見することが目的です。また、それによって生まれる心の余裕を見る人に提供することを考えています。

コンセプト

効率を重視する現代社会では、立ち止まることは時間のロスであると捉えられがちです。今回の研究では「立ち止まって周りを眺める時間」を、単なる時間のロスではなく日常を豊かにするための第一歩だと感じられるサイトを作ることが主なコンセプトです。

成果物の仕様

Webサイト

制作ツール

Adobe Photoshop
WordPress
ibisPaint X

プロジェクトの期間

2026.04.09-2026.06.24

まとめ

調査

現状調査

忙しい現代社会における時間に対する余裕のなさについて。
同じように写真とイラストを組み合わせた世界観を作っている既存のアーティストの調査と自身のサイトと何が違い、何が新しいのか。
イラストでのシネマグラフ活用。

先行事例

現代社会における時間の有無について

• 国民生活に関する世論調査(令和4年10月調査)
  シネマグラフを用いたサイト作成
• Maori Sakai
  写真に落書きするアーティストさん
• Saraさん
  
  

技法・技術情報

プロジェクト管理

スケジュール

-スケジュール

ToDo

• サイトマップとワイヤーフレームの修正
• シネマグラフの検討とイラストラフ作成。
• WEB試作
• イラストを最終的にどれぐらいにするか
• ブラッシュアップ

2026.06.11

メインビジュアルの更新

• 今現在考えていること
  簡単なアニメーションを入れたい。
  
  

2026.06.04

さまざまな方法でイラストを描く。

アナログだと時間がかかり過ぎてしまうため、デジタルで進める。

• アナログ試作

• デジタル試作
  
  

2026.05.21

ワイヤーフレーム,サイトマップ再作成

2026.05.14

• WEBサイト試作
  大まかな構成を決める。
  メニューをどうするか考える。
  
  

2026.05.07

今現在考えていること

• トップページのサムネをスライドにしたい。
• シネマグラフを活用して差別化を図りたい。
• サイトマップなどでこのコンテンツを作成したいなどのコンテンツ分けが出来ていないためそのアイディアを考えたい。(プロフィールは変更予定)
  
  

やるべきこと

• イラストラフ試作
• WEBサイト試作
  
  

2026.04.30

イラストラフ案

一旦何枚かラフを描いてみる。

シネマグラフ要検討

2026.04.23

研究の流れ

• テーマ案決定
• ワイヤーフレーム,サイトマップ作成
• 試作
• WEB制作
  
  

サイトマップとワイヤーフレームの作成

• 試作

2026.04.16

テーマ

忙しい現代社会で立ち止まる時間の肯定と風景の移り変わりをまとめ、サイトにする。

• 写真にイラストなどを配置しより作品に対する没入感を与える。
• 立ち止まることによって感じられる新たな見え方の共有。
  
  

参考

• 彼氏の写真に彼女が落書き
• violet
• SHIPS any
  
  

来週までに何をするか

• アイディアスケッチ
• それが実際にやれるかの確認
• サイトの作りをどうするか考える。

2026.04.09

テーマ案

• 美の価値観の具現化
  →それぞれの個人が持つ美の基準をまとめたサイト
• 名もなき家事図鑑
  →名前のない家事をまとめた映像作品
• 心の箱庭
  →質問に答えて箱庭が変化するWEBと3DCGの融合
• 思い出の場所のデジタルアーカイブ
  →地元の商店街などを映像や3Dにしてデザインするサイト
• アバタースライド
  →外見からのステレオタイプをイラストで表現し中身を入れ替えるサイト
• 伝わらない痛み図鑑
  →外見じゃ伝わらない痛みを3DCGなどで表現するサイト
• 公共の場所を清潔に保つ仕掛けサイト
  →公共の場所を清潔に保ちたくなるような映像作品サイト
• しあわせの処方箋
  →言語化しずらい感情を色に置き換え質問に答えるうちにインク瓶が変化し、それぞれの悩みに寄り添った考えを出すサイト
• 半径1mの季節
  →忙しい現代社会で立ち止まる時間の肯定と季節の移り変わりをまとめたサイト
• 経年劣化の標本箱
  →時間が経つにつれて使わなくなった身近なものを使い続けたいとなるデザインに置き換えるサイト
  
  

調査

• 美の価値観日本人の感性(美意識)の変化
• 見えない家事名もなき家事のチェックリスト
• 心の変化こころの健康を取り巻く環境とその現状
  
  

使用するツール

• Adobe Illustrator
• Adobe Photoshop