#author("2024-02-27T23:20:44+09:00;2023-11-14T16:10:58+09:00","default:member","member") #author("2024-02-27T23:21:06+09:00;2023-11-14T16:10:58+09:00","default:member","member") #settableborder(none) *stone 石の魅力についてのWebサイト #image(main02.png) -''[[𝗡𝗮𝗻𝗮𝗺𝗶 𝗛𝗼𝘁𝘁𝗮>堀田七海]]'' -'''Keywords：stone, WEB design, GIF''' //-https://nanami-hotta.github.io/stone/ RIGHT:[[🪨>#worklog]] ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 石の魅力を発信するWebサイト ~ ***背景 //&color(red){プロジェクトの背景と目的}; 子どもの頃、石拾いをした経験はあるだろうか。その無作為に生まれた造形は魅力的であり、手触りや質感も心地良い。さらに、その中には自然の美しさや時間の流れを感じることができる奥深さが秘められている。冷たさや無機質さという一面を持ちつつも、石は不思議な魅力を放っている。そんな石に魅了され、研究に至る。 ~ ***目的 石に魅力を感じる人が多い一方で、石に触れる機会は少ない。特に、10代後半から子供を持たない世代は大人になり、童心を忘れてしまう。この研究を通して、自然を楽しむ気持ちを呼び起こし、童心に帰って石を体感することの楽しさや、人々が自然の一部としての存在を再認識することを目指し、「石」本来の魅力を発信する。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 子どもの頃は当たり前に体験していた石の魅力を再確認してもらうため、10代後半から子供を持たない世代に向けて呼びかける。石の「形」「柄」「音」などをWebサイト上で視覚的に表現することを通じて、魅力を伝える。 ~ ***成果物の仕様 //&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サイトを制作した。 サイトの構成やデザインをシンプルにし、石本来の魅力が伝わるようにした。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -[[石や岩はどうしてかたいの？>https://kids.gakken.co.jp/kagaku/kagaku110/science0258/]] -[[石や岩は何からどうやってできたの>https://kids.gakken.co.jp/kagaku/kagaku110/science0257/]] -[[河原の石ころ>https://minotigaku.com/riverside/1/]] -[[川の石の大きさと形>https://www2.nhk.or.jp/school/watch/clip/?das_id=D0005400310_00000]] ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[石と海>https://instagram.com/ishitoumi?igshid=YmMyMTA2M2Y=]] -[[HELLO STONE PROJECT>https://www.hellostone.jp]] -[[ISHI NO MACHI ITOIGAWA>https://ishinomachi.com]] -[[KAMABOKO ROAD TO 1000>http://kama1000.jp]] -[[NEWVIEW>https://newview.design]] -[[株式会社キュー>https://www.q-co.jp]] -[[丸千千代田水産株式会社>http://www.marusen.co.jp/recruit/]] -[[バーチャル展示「エウレカトーハク！◉８９」>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]] -[[連続写真でアニメーションGIFを作成する方法>https://helpx.adobe.com/jp/photoshop/how-to/make-animated-gif.html]] ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; __[[リンクはこちら>https://docs.google.com/spreadsheets/d/1QFn6FZxpNmx33vEnjhIGiuQDjlAxyLns_aNpF52j2Z8/edit?usp=sharing]]__ ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -%%石の写真を撮る%% -%%どんな内容にするか10個考える%% -%%スケジュール%% -%%試作%% -%%サイトマップ%% -%%石の柄を撮影する%% -Webサイト制作 -%%Webサイト制作%% //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; //&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ ***[#worklog] #hr CENTER:''𝗪𝗢𝗥𝗞 𝗟𝗢𝗚🪨'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2023.12.15 ***今週の取り組み -Webサイト制作 -パネル制作 ~ ~ **2023.12.08 ***今週の取り組み -Webサイト制作 -パネル制作 ~ ~ **2023.12.01 ***今週の取り組み -Webサイト制作 -実写映像の撮影 -動画編集 ~ ~ **2023.11.24 ***今週の取り組み -Webサイト制作 ~ ~ **2023.11.17 ***今週の取り組み -Webサイト制作 ~ ~ **2023.11.10 ***今週の取り組み -Webサイト制作 ~ ~ **2023.10.27 ***今週の取り組み -Webサイト制作 ~ ~ **2023.10.20 ***今週の取り組み -中間報告 ~ ~ **2023.10.13 ***今週の取り組み -Webサイト制作（XD） -中間報告を聞いた ~ ~ **2023.10.13 ***今週の取り組み -Webサイト制作（XD） #image(10.20.png) -[[Web版（XD）>https://xd.adobe.com/view/34196d25-325a-458a-96bf-1e236923c914-614a/?fullscreen&hints=off]] -[[スマホ版（XD）>https://xd.adobe.com/view/2b8a229c-3eb2-43f3-a382-18bb234a399a-7ed9/?fullscreen&hints=off]] ~ ~ **2023.10.06 ***今週の取り組み -Webサイト制作 ~ ~ **2023.09.29 ***今週の取り組み -Webサイト制作 ~ ~ **2023.09.22 ***今週の取り組み -Webサイト制作 ~ ~ **2023.09.15 ***今週の取り組み -Webサイト制作 ~ ~ **2023.07.21 ***今週の取り組み -前期最終報告を行った -前期最終報告を聞いた ~ ~ **2023.07.14 ***今週の取り組み -前期最終報告を聞いた -概要集の作成 -試作 ~ ***試作 #image(logo.png) #image(logo-2.gif,50%) ~ ~ **2023.07.07 ***今週の取り組み -前期最終報告を聞いた -概要集の作成 -試作 ~ ***試作 -GitHubでサイトを制作 --[[サイトはこちら>https://nanami-hotta.github.io/stone/index.html]] -GIFアニメーションの試作 |48|4|48|c |#image(logo.gif)||#image(animation.gif)| ~ ~ **2023.06.30 ***今週の取り組み -概要集の作成 -試作 ~ ***試作 ロゴ #image(rogo03.jpg) #image(nazoru04.jpg) ~ ~ **2023.06.23 ***今週の取り組み -概要集の作成 ~ ***メモ -"Mystical Charms of Stones: Exploring Its Enchantment" 「石の不思議な魅力 - その魅力を探る」 ~ ~ **2023.06.16 ***今週の取り組み -撮影 -制作 -概要集の作成 ~ ***制作 -石の柄の撮影（36枚） |48|4|48|c |#image(pattern01.jpg)||#image(pattern02.jpg)| -ギャラリーサイトのようなイメージ #image(siteimage.jpg,50%) ~ ***メモ -ターゲット：20代 --子どもの頃の石を拾う気持ちを思い出してほしい --子どもと触れ合う機会の少ない人 --疲弊している人（石という あたりまえ のものに触れる） ~ ~ **2023.06.09 ***今週の取り組み -試作 --ワイヤーフレーム作成 ~ ***試作 -ワイヤーフレーム #image(wireframe.jpg,50%) ~ ***コンテンツ案 -石の柄ギャラリー -石の歴史？ -「石と日常」で写真を撮る または 募集する ~ ***調査 -[[川の石の大きさと形>https://www2.nhk.or.jp/school/watch/clip/?das_id=D0005400310_00000]] ~ ~ **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 ***テーマのアイデア -情報デザイン研究Ⅱの続き（手紙の研究） -佐賀県の魅力発信 -石の研究 ~ ***テーマのキーワード -手紙 -石 -犬 -佐賀県 -視覚的に楽しいもの ~ ***興味があること -ステッカー -シルクスクリーン -刺繍 -編み物 ~ ~ ~