LogoMark.png

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


#author("2026-05-21T01:19:10+09:00","default:member","member")
#author("2026-05-21T08:42:20+09:00","default:member","member")
*風景と絵
立ち止まる時間の肯定と風景をまとめたWebサイト

#image(main1.png)
-''福岡 比菜''
-'''Keywords:web, picture'''
//-https://www.example.com
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。
-[[WEBサイト>https://studio6204.wordpress.com/?_gl=1*18leof*_gcl_au*Njk0NTYxMDMxLjE3Nzg3Mjk4MDEuMTM0ODAwNzIyOC4xNzc5MTY3Njc1LjE3NzkxNzA0MTI.]]
-[[WEBサイト>https://studio6204.wordpress.com]]
~

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


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

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

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

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
Webサイト
~

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

***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
2026.04.09-2026.06.24
~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~


**調査

***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
忙しい現代社会における時間に対する余裕のなさについて。
同じように写真とイラストを組み合わせた世界観を作っている既存のアーティストの調査と自身のサイトと何が違い、何が新しいのか。
イラストでのシネマグラフ活用。
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
現代社会における時間の有無について
-[[国民生活に関する世論調査(令和4年10月調査)>https://survey.gov-online.go.jp/r04/r04-life/2.html#midashi15]]
シネマグラフを用いたサイト作成
-[[Maori Sakai>https://www.maorisakai.com]]
写真に落書きするアーティストさん
-[[Saraさん>https://www.instagram.com/sara2626_if/]]
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
~
~

**プロジェクト管理

***スケジュール
//&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.05.20
-ワイヤーフレーム,サイトマップ再作成
|#image(wireframe2.jpg)|#image(sitemap2.jpg)|
**2026.05.14
-[[WEBサイト試作>https://studio6204.wordpress.com/?_gl=1*18leof*_gcl_au*Njk0NTYxMDMxLjE3Nzg3Mjk4MDEuMTM0ODAwNzIyOC4xNzc5MTY3Njc1LjE3NzkxNzA0MTI.]]
大まかな構成を決める。
メニューをどうするか考える。
-[[作品試作>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as023_st_kyusan-u_ac_jp/IgB5COm_juCKSrsaMNxTGuQMARxT8tYe3rRAh3QCfkPT6Rw?e=KfZmD1]]
~
**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


~