LogoMark.png

福岡比菜/情報デザイン研究I の変更点


#author("2026-07-16T12:23:06+09:00","default:member","member")
#author("2026-07-16T12:25:35+09:00","default:member","member")
*TIME
立ち止まる時間の肯定と風景をまとめたWebサイト

#image(main2.jpg)
-''Hina Fukuoka''
-'''Keywords:web, picture'''
//-https://www.example.com
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。
-[[WEBサイト>https://studio6204.wordpress.com]]
~

//***CONTENTS
//#contents2_1
//~


**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
忙しい現代社会で立ち止まる時間の肯定と風景の移り変わりをまとめたWebサイト。
~

***背景と目的
//&color(red){プロジェクトの背景と目的};
効率化が求められる現代社会では、身近な風景や時間を享受する余裕が失われつつあります。
本研究は、こうした忙しさの中で見失われがちな「日常の風景」を、イラストとのコラージュを通じて見つめていくことが目的です。
~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
効率を重視する現代社会では、立ち止まることは時間のロスであると捉えられがちです。今回の研究では「立ち止まって周りを眺める時間」を、単なる時間のロスではなく日常を豊かにするための第一歩だと感じられるサイトを作ることが主なコンセプトです。
~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-[[WEBサイト>https://studio6204.wordpress.com]]
-[[制作イラスト>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgCAyO9J9mw2Q7nECzchehF4AXzlAsjgFBaque2Btf3aj4w?e=gth0TS]]
-[[アナログ試作>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgB5oonadPBxQ6_PzVVHqsoPAYq5kPAJMzeknrgN_TCbv34?e=PVVyco]]
-[[デジタル試作>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgB5COm_juCKSrsaMNxTGuQMARxT8tYe3rRAh3QCfkPT6Rw?e=KfZmD1]]
~

***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
Adobe Photoshop
WordPress
ibisPaint X
~

***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
2026.04.09-2027.01.XX(後期まで)
前期と後期に分けて、前期はイラスト制作をメインに考え、後期にはより詳細なWEBサイト制作やイラストを活用したシネマグラフを制作していきたいと考えています。
~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
本研究では、効率とスピードが重視される現代社会において排斥されがちな「立ち止まる時間」の価値を、日常の風景とイラストのコラージュを用いたWEBサイトという形で表現した。後期はアニメーションやシネマグラフなどを取り入れ、より人々の目に留まるサイトを作るように取り組みたい。
~
~


**調査

***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
-現代社会における時間の有無について
--効率化が求められる現代社会では、身近な風景や時間を享受する余裕が失われつつある。
--この現代社会において、「立ち止まって周りを眺める時間」を、単なる時間のロスではなく日常を豊かにするための第一歩だと感じられるサイトを作ることが課題。
-[[国民生活に関する世論調査(令和4年10月調査)>https://survey.gov-online.go.jp/r04/r04-life/2.html#midashi15]]
令和4年10月の調査において、日頃の生活の中で休んだり好きなことをしたりする時間のゆとりがあるか聞いたところ、30代~40代の間でゆとりがないと答えた人が約半数に登った。
-[[国立公園に、行ってみよう!>https://www.env.go.jp/nature/nationalparks/pick-up/health/]]
農研機構によれば、花の画像を見ることによって実験参加者のストレスで上昇するコレチゾールというホルモンが約21%減少したと挙げられている。
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
シネマグラフを用いたサイト作成
-[[Maori Sakai>https://www.maorisakai.com]]
写真に落書きするアーティストさん
-[[Saraさん>https://www.instagram.com/sara2626_if/]]
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-[[Word Press-Web Design Clip>https://webdesignclip.com/tag/wordpress/]]
~
~

**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
[[-スケジュール>https://docs.google.com/spreadsheets/d/1KAgdDHbzVjdqoQeGB4U7o9YL6g1eF6te/edit?usp=sharing&ouid=115738209944523801969&rtpof=true&sd=true]]

~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-サイトマップとワイヤーフレームの修正
-シネマグラフの検討とイラストラフ作成。
-WEB試作
-イラストを最終的にどれぐらいにするか
-ブラッシュアップ


//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしないか」を考える};
//&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2026.07.16
-下書きと本制作で線に対するこだわりが明確に変化した。後期での制作ではより細かく線へのこだわりを追求していきたい。
|#image(rafumatome.jpg)|#image(kannsei2.jpg)|
|#image(rafumatome55.jpg)|#image(kannsei2.jpg)|
~
**2026.07.09
***やるべきこと
-wordpress内のアイコンやコメント部分が初期のままなのを変更する。
-より詳細に自分のページをまとめる。
-内容は日記的な感じでまとめて、より具体的にカテゴライズしてまとめていきたい。
~
**2026.07.02
-イラスト制作
-WEBサイト制作
-[[完成イラストまとめ>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgCAyO9J9mw2Q7nECzchehF4AXzlAsjgFBaque2Btf3aj4w?e=gth0TS]]
-[[アナログ試作>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgB5oonadPBxQ6_PzVVHqsoPAYq5kPAJMzeknrgN_TCbv34?e=PVVyco]]
-[[デジタル試作>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgB5COm_juCKSrsaMNxTGuQMARxT8tYe3rRAh3QCfkPT6Rw?e=KfZmD1]]
~
**2026.06.25
-作品概要制作
写真の配置や内容の修正を行った。
-WEBサイト制作
-現状調査を行い、より具体性のある文章を付け加えた。
~
**2026.06.18
-作品概要制作
-WEBサイト制作
投稿のタイトル決めやホームページの絵の配置についての調整を行なった。
~
**2026.06.11
***メインビジュアルの更新
|#image(main2.jpg)|
-今現在考えていること
簡単なアニメーションを入れたい。
~
**2026.06.04
***さまざまな方法でイラストを描く。
アナログだと時間がかかり過ぎてしまうため、デジタルで進める。
-[[アナログ試作>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgB5oonadPBxQ6_PzVVHqsoPAYq5kPAJMzeknrgN_TCbv34?e=PVVyco]]

-[[デジタル試作>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgB5COm_juCKSrsaMNxTGuQMARxT8tYe3rRAh3QCfkPT6Rw?e=KfZmD1]]
~
**2026.05.21
***ワイヤーフレーム,サイトマップ再作成
|#image(wireframe2.jpg)|#image(sitemap2.jpg)|
**2026.05.14
-[[WEBサイト試作>https://studio6204.wordpress.com/?_gl=1*18leof*_gcl_au*Njk0NTYxMDMxLjE3Nzg3Mjk4MDEuMTM0ODAwNzIyOC4xNzc5MTY3Njc1LjE3NzkxNzA0MTI.]]
大まかな構成を決める。
メニューをどうするか考える。
~
**2026.05.07
***今現在考えていること
-トップページのサムネをスライドにしたい。
-シネマグラフを活用して差別化を図りたい。
-サイトマップなどでこのコンテンツを作成したいなどのコンテンツ分けが出来ていないためそのアイディアを考えたい。(プロフィールは変更予定)
~
***やるべきこと
-イラストラフ試作
-WEBサイト試作
~
**2026.04.30
***イラストラフ案
一旦何枚かラフを描いてみる。
|#image(main1.png)|#image(picture1.png)|
シネマグラフ要検討
~

**2026.04.23
***研究の流れ
-テーマ案決定
-ワイヤーフレーム,サイトマップ作成
-試作
-WEB制作
~
***サイトマップとワイヤーフレームの作成
-試作
|#image(saitemap3.jpg)|#image(saito1-1.png)|

~

**2026.04.16
***テーマ
忙しい現代社会で立ち止まる時間の肯定と風景の移り変わりをまとめ、サイトにする。
-写真にイラストなどを配置しより作品に対する没入感を与える。
-立ち止まることによって感じられる新たな見え方の共有。
~
***参考
-[[彼氏の写真に彼女が落書き>https://www.walkerplus.com/article/1116751/]]
-[[violet>https://violetpatisserie2014.com]]
-[[SHIPS any>https://www.shipsltd.co.jp/pages/shipsany_holiday_20251204.aspx]]
~
***来週までに何をするか
-アイディアスケッチ
-それが実際にやれるかの確認
-サイトの作りをどうするか考える。

~

**2026.04.09
***テーマ案
-美の価値観の具現化
→それぞれの個人が持つ美の基準をまとめたサイト
-名もなき家事図鑑
→名前のない家事をまとめた映像作品
-心の箱庭
→質問に答えて箱庭が変化するWEBと3DCGの融合
-思い出の場所のデジタルアーカイブ
→地元の商店街などを映像や3Dにしてデザインするサイト
-アバタースライド
→外見からのステレオタイプをイラストで表現し中身を入れ替えるサイト
-伝わらない痛み図鑑
→外見じゃ伝わらない痛みを3DCGなどで表現するサイト
-公共の場所を清潔に保つ仕掛けサイト
→公共の場所を清潔に保ちたくなるような映像作品サイト
-しあわせの処方箋
→言語化しずらい感情を色に置き換え質問に答えるうちにインク瓶が変化し、それぞれの悩みに寄り添った考えを出すサイト
-半径1mの季節
→忙しい現代社会で立ち止まる時間の肯定と季節の移り変わりをまとめたサイト
-経年劣化の標本箱
→時間が経つにつれて使わなくなった身近なものを使い続けたいとなるデザインに置き換えるサイト
~
***調査
-美の価値観[[日本人の感性(美意識)の変化>https://www.mlit.go.jp/hakusyo/mlit/h30/hakusho/r01/pdf/np101300.pdf]]
-見えない家事[[名もなき家事のチェックリスト>https://www.city.fukushima-date.lg.jp/soshiki/11/56408.html]]
-心の変化[[こころの健康を取り巻く環境とその現状>https://www.mhlw.go.jp/wp/hakusyo/kousei/23/dl/1-01.pdf]]
~
***使用するツール
-Adobe Illustrator
-Adobe Photoshop


~