LogoMark.png

堀田七海/卒業研究 のバックアップソース(No.28)

#author("2023-06-09T15:13:19+09:00","default:member","member")
#settableborder(none)
*stone
石の魅力についてのWebサイト
#image(main02.png)
-''[[𝗡𝗮𝗻𝗮𝗺𝗶 𝗛𝗼𝘁𝘁𝗮>堀田七海]]''
-'''Keywords:stone, WEB design, GIF'''
//-https://www.example.com
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。
RIGHT:[[🪨>#worklog]]

~


**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
石の魅力を発信するWebサイト
~

***背景と目的
//&color(red){プロジェクトの背景と目的};
背景
私は石が好きです。特に川辺にある少し大きめで丸い石が好きです。
石は無機質で冷たいイメージがありますが、その中には 自然の美しさ や 時間の流れ を感じることができる奥深さがあります。
そんな石に魅力を感じ、研究に至ります。

目的
石をWebサイトにまとめ、人間と石の関係性を可視化する。
~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
-石の魅力を研究し発信する
-GIFアニメーションを用いて、動きのあるサイトにする
~

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

***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-Illustrator
-Photoshop 
-カメラ
-HTML
-CSS
~

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

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
中間発表までのまとめ
-川辺で撮影を行った
-撮影したものを使用し、試作を行った
-成果物の決定に時間がかかってしまった

今後の流れ
-Webサイト制作に必要なサイトマップ・ワイヤーフレームなどを作成し、制作する
-GIFアニメーションを用いて、動きをつけていく
-Webサイトにどのようにまとめれば魅力的なのかを検討する
~
~


**調査

***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
-[[石や岩はどうしてかたいの?>https://kids.gakken.co.jp/kagaku/kagaku110/science0258/]]
-[[石や岩は何からどうやってできたの>https://kids.gakken.co.jp/kagaku/kagaku110/science0257/]]
-[[河原の石ころ>https://minotigaku.com/riverside/1/]]
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
-[[石と海>https://instagram.com/ishitoumi?igshid=YmMyMTA2M2Y=]]
-[[HELLO STONE PROJECT>https://www.hellostone.jp]]

-[[KAMABOKO ROAD TO 1000>http://kama1000.jp]]
-[[NEWVIEW>https://newview.design]]
-[[株式会社キュー>https://www.q-co.jp]]
-[[丸千千代田水産株式会社>http://www.marusen.co.jp/recruit/]]
-[[バーチャル展示「エウレカトーハク!◉89」>https://virtualtohaku.jp/eurekatohaku1089/]]
-[[M-HAND>https://www.m-hand.co.jp/recruit/]]
-[[シェフのおいしいつながり>https://oic-nagoya.com]]
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-[[PhotoshopでGIFアニメーションを作成する方法>https://helpx.adobe.com/jp/photoshop/how-to/create-animated-gif.html]]
~
~

**プロジェクト管理

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

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-%%石の写真を撮る%%
-%%どんな内容にするか10個考える%%
-%%スケジュール%%
-%%試作%%
-%%サイトマップ%%
-石の柄を撮影する


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

~
~

***[#worklog]
#hr
CENTER:''𝗪𝗢𝗥𝗞 𝗟𝗢𝗚🪨''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2023.06.09
***今週の取り組み
-試作
--ワイヤーフレーム作成
~
***試作
-ワイヤーフレーム

#image(wireframe.jpg,50%)
~
~
**2023.06.02
***今週の取り組み
-中間発表をした
-中間発表を聞いた
-アンケートの実施
-コンテンツ案出
~
***アンケート
-インスタグラムで実施しました。

|48|4|48|c
|#image(question.jpg)||#image(question02.jpg)|
-はい (34人) いいえ(10人)
-みんなの好きな石
--薄くてさらさらした石
--丸い石
--丸くて小さい石
--建築・遺跡・石碑
--巨石
--手のひらに馴染むサイズの石
--誕生石
--水に濡れた石
--ツルツルな石
--鋭利な石
--丸くて小さくてカラフルな石
--穴が空いてる石
--手触り・質感が好みの石

~
***コンテンツ案出
-「石と日常」で写真を撮る または 募集する
-石に模様をつけるワークショップ
--手に馴染む石に思い出を着色
--[[立体素材へのマーブリング>https://youtu.be/0ov0xcfU3xQ]]
~
***メモ
-展示会の流れ
--[[water>https://www.2121designsight.jp/program/water/]]
--[[ときめく石>https://www.nat.museum.ibk.ed.jp/exhibits/special/4135]]
-[[河原の石ころ>https://minotigaku.com/riverside/1/]]
~
~

**2023.05.26
***今週の取り組み
-中間発表を聞いた
-試作
-コンテンツ案出
-調査
~
***試作
-動画試作
--動画撮影・写真撮影・石や川の環境音の録音

#youtube(zmhyiENvzOA)
~
-ZINE試作
--石の中に景色がある
--石に名前をつける
--石をなぞる(116個の石)
--A4サイズ

|48|4|48|c
|#image(ZINEshisaku.jpg)||#image(ZINEshisaku02.jpg)|
|#image(ZINEshisaku03.jpg)||#image(ZINEshisaku04.jpg)|
|#image(ZINEshisaku05.jpg)||#image(ZINEshisaku06.jpg)|
~
-Webサイト試作
--GIFアニメーション

|48|4|48|c
|#image(ishi04.gif)||#image(size.jpeg)|
#image(move.gif)
~
***コンテンツ案
-石に名前をつける
-似ている石を集める
-石と岩の違い
-石の種類を紹介する
-石をなぞる
-石の遊び、川の遊び
-日常×石
-石を縫う
-石日記
-石の柄を再現する
-石の観察(形・色・重さ・大きさ・場所)
-石の歴史

-クリックで石や川の音が流れる
~
***調査
-[[PhotoshopでGIFアニメーションを作成する方法>https://helpx.adobe.com/jp/photoshop/how-to/create-animated-gif.html]]
-GIFアニメーションを用いたWebサイト
--[[KAMABOKO ROAD TO 1000>http://kama1000.jp]]
--[[NEWVIEW>https://newview.design]]
~
***メモ
撮影してみて、
-石の魅力というより、川の魅力?
-動画の知識が無さすぎる
-成果物の候補
--動画
--ZINE
~
~

**2023.05.19
***今週の取り組み
写真撮影
|23.5|2|23.5|2|23.5|2|23.5|c
|#image(01.jpg)||#image(02.jpg)||#image(03.jpg)||#image(04.jpg)|
~
***試作
石をなぞる・ならべる
|23.5|2|23.5|2|23.5|2|23.5|c
|#image(ishi07.png)||#image(ishi06.png)||#image(ishi08.png)||#image(ishi09.png)|

|23.5|2|23.5|2|23.5|2|23.5|c
|#image(blue01.png)||#image(blue02.png)||#image(blue03.png)||#image(blue04.png)|
~
~

**2023.05.12
***テーマのアイデア
-石の研究
-刺繍靴下のブランディング
~
***調査
-[[石と海>https://instagram.com/ishitoumi?igshid=YmMyMTA2M2Y=]]
-[[木の図鑑>https://www.amazon.co.jp/dp/4422440322/ref=sspa_dk_detail_1?psc=1&pd_rd_i=4422440322&pd_rd_w=Ibit2&content-id=amzn1.sym.f293be60-50b7-49bc-95e8-931faf86ed1e&pf_rd_p=f293be60-50b7-49bc-95e8-931faf86ed1e&pf_rd_r=X25YAX9NPHQQBJTV18ZJ&pd_rd_wg=Rixc3&pd_rd_r=33e59e5e-8d1c-4021-bfa5-24e198722a99&s=books&sp_csd=d2lkZ2V0TmFtZT1zcF9kZXRhaWw]]
-[[石や岩はどうしてかたいの?>https://kids.gakken.co.jp/kagaku/kagaku110/science0258/]]

-[[刺繍方法>https://koshirau.com/recipe/14244]]
-[[花言葉(贈り物)>https://horti.jp/1376]]
~
***メモ
-石を編む
-石(かたい)× やわらかいもの
--布団
--肉球
-モザイクタイル
~
~
**2023.04.28
***テーマのアイデア
-石の研究
-花言葉で選ぶ刺繍靴下のブランディング
~
***メモ
-昔流行っていたものがまた人気になっている(写ルンですなど)
-手紙×○○
--写真
--カフェ
-LINEなどの普及により、長い文章を書くことが苦手

-季節の花
-刺繍のデザイン
-何の花を誰に届けるのか
-花言葉
-靴下の歴史

-石の歴史
-石を○○
~
~

**2023.04.21
***テーマのアイデア
-手紙を書くイベント
-石の写真サイト
-靴下に刺繍(1足ずつ買えるやつ)
-折り紙になる日めくりカレンダー
~
***調査
-[[石と海>https://instagram.com/ishitoumi?igshid=YmMyMTA2M2Y=]]
-[[ロッテおりがみ部>https://www.lotte.co.jp/products/brand/origamibu/]]
~
~

**2023.04.14
***テーマのアイデア
-情報デザイン研究Ⅱの続き(手紙の研究)
-佐賀県の魅力発信
-石の研究
~
***テーマのキーワード
-手紙
-石
-犬
-佐賀県
-視覚的に楽しいもの
~
***興味があること
-ステッカー
-シルクスクリーン
-刺繍
-編み物
~
~

~