#author("2025-07-15T16:18:49+09:00","default:member","member") #author("2025-07-29T09:14:24+09:00","default:member","member") #setheadercolor(#782255) #setbgcolor(#007D8D) #settextcolor(#EBD1BE) *和洋綴り 和服と洋服を組み合わせよう #image(bana.jpg) -''早稲田 加奈恵'' -'''Keywords：和服,洋服,着物,Web,映像''' -__[[和洋綴り>https://knew5822.github.io/watoyou/]]__ ~ **概要 ***これは何？ 和服と洋服を組み合わせて一味違うオシャレを楽しんでもらうためのサイト //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 情報デザイン演習IIIAで和服について触れ、アンケートをとった際に マナーが多かったり、着方が難しそうだから 普段着としては着にくいという声が聞かれた。 せっかくの素敵な日本の文化をもっと気軽に楽しんで欲しいという思いで 情報デザイン研究Iでも和服について研究する。 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト 自分色に和服を着こなそう //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 Webサイト,映像(3~5分程度を3つ) //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; //~ ***制作ツール Illustrator,Visual Studio Code,GitHub //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 3年次 通年 2025.04.08-2025.01.15 前期:Webサイト 後期:映像 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX }; ~ ***まとめ 反省点は、計画通りに物事が進まなかった点です。 初めは前期で全て終わらせる予定でしたが、Webサイト制作に手こずり通年で行うことになったため、今後のプロジェクトにおいてもスケジュール管理が大切だということを学びました。 また、自分がどこまで手の込んだサイトが作れるかわからない状態でワイヤーフレームを作ってしまい、技術力が足りず時間がかかったので、事前に下調べをして自分のやろうとしていることの難易度を確認することが大切だと思いました。 和服の基礎知識はある程度あったが、今回初めてアレンジに挑戦してみて、 新しい和服の世界を知ることができ、さらに和服が好きになった。 前期ではwebページ作成がうまくいかず手こずってしまったため、 後期の映像でも同じことにならないように、 夏季休暇の間に映像の基礎知識をつけつけたいと思う。 //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 着物はマナーが多く、着るのも難しいため手が出しにくいと思ってる人が多い。 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ~ ***先行事例 -[[着物アレンジで自分だけの「カワイイ」をつくる。令和の、自由でおしゃれな和装コーデ！>https://personal.canon.jp/articles/life-style/itoshino/list/kimono]] -[[【着物×洋服ミックスの着こなし術】魅力や和洋コーデに迷ったら ...>https://kimonotrip.com/%E3%80%90%E7%9D%80%E7%89%A9x%E6%B4%8B%E6%9C%8D%E3%83%9F%E3%83%83%E3%82%AF%E3%82%B9%E3%81%AE%E7%9D%80%E3%81%93%E3%81%AA%E3%81%97%E8%A1%93%E3%80%91%E9%AD%85%E5%8A%9B%E3%82%84%E5%92%8C%E6%B4%8B/]] //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ***技法・技術情報 -[[参考書>https://www.amazon.co.jp/1%E5%86%8A%E3%81%A7%E3%81%99%E3%81%B9%E3%81%A6%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8FHTML-CSS%E3%81%A8Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7-Mana/dp/4797398892/ref=asc_df_4797398892?mcid=4f5b3b79e85736f880e28fb989f0f0a4&tag=jpgo-22&linkCode=df0&hvadid=707442440817&hvpos=&hvnetw=g&hvrand=16914056529826749625&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=9199075&hvtargid=pla-637663128882&psc=1&gad_source=1]] -[[参考サイト>https://www.xserver.ne.jp/bizhp/homepage-creation-by-html/]] -[[参考テンプレートサイト>https://template-party.com/]] //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール -[[進行管理表>https://docs.google.com/spreadsheets/d/1ughkGTQ-k9tuinLzv_D21XgMbV5o12FEI5LlQAf7uZA/edit?usp=sharing]] ~ ***ToDo -webデザイン演習の復習 -サイト制作 -映像制作 //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; ~ //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; //&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2025.07.15 ***作業 -ローディング画面の追加(制作途中) -ハンバーガーメニューのモーション追加 -文章の入力 -写真の追加 ~ ~ **2025.07.08 ***作業 -ローディング画面の追加(制作途中) -カラーの変更 ~ ~ **2025.07.01 ***作業 -スクロールを促すアイコンの追加 ~ ~ **2025.06.24 ***作業 -ギャラリーページの仕様変更 -カラーの変更 ~ ~ **2025.06.17 ***作業 -ギャラリーページの仕様変更 -ギャラリーページをリンクさせる ~ ~ **2025.06.10 ***作業 -仮動画制作(OPのみ) -ギャラリーのWebページを作る -和服の着方、手入れの方法再確認 ~ ~ **2025.06.03 ***作業 -動画の構成を考える -他のページをリンクさせる -サンプルから色を変える -写真の出方を変える ~ ~ **2025.05.27 ***作業 -他のページのサンプルの型作り -動画のサンプル作り -タイトルの考え直し Mix Modeに変更 ~ ~ **2025.05.20 ***作業 -サイトをスマートフォンなどでも見やすいように変更 -ハンバーガーメニューの追加 ~ ***今週の成果 -[[サイト>https://knew5822.github.io/watoyou/]] ~ ~ **2025.05.13 ***作業 -無料のWebテンプレートを参考にしながら本格的なサイト作りを開始 ~ ***参考 -[[参考書>https://www.amazon.co.jp/1%E5%86%8A%E3%81%A7%E3%81%99%E3%81%B9%E3%81%A6%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8FHTML-CSS%E3%81%A8Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7-Mana/dp/4797398892/ref=asc_df_4797398892?mcid=4f5b3b79e85736f880e28fb989f0f0a4&tag=jpgo-22&linkCode=df0&hvadid=707442440817&hvpos=&hvnetw=g&hvrand=16914056529826749625&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=9199075&hvtargid=pla-637663128882&psc=1&gad_source=1]] -[[参考サイト>https://www.xserver.ne.jp/bizhp/homepage-creation-by-html/]] -[[参考テンプレート>https://template-party.com/]] ~ ~ **2025.04.29 ***作業 -参考書とWebデザイン演習の成果物を使ってWebサイトの作り方を復習(css) -復習しながら試作品を修正 ~ ***試作品 -[[サイト>https://knew5822.github.io/watoyou/]] ~ ***相談（メモ） -冊子だけでなく、中にQRコードを貼ったりして動画を入れ込む -webデザイン演習の授業記録を見ながら、webサイトの型を作る ~ ~ **2025.04.22 ***作業 -参考書とWebデザイン演習の成果物を使ってWebサイトの作り方を復習(html) -試作品作り -テーマの洗い直し ~ ***テーマの変更 -和服✖️洋服 -和服✖️季節 ~ ***事前調査 -[[着物アレンジで自分だけの「カワイイ」をつくる。令和の、自由でおしゃれな和装コーデ！>https://personal.canon.jp/articles/life-style/itoshino/list/kimono]] ~ ***アイディアスケッチ #image(aidea.jpg) ~ ***サイトマップ #image(sitemap.jpg) ~ ~ **2025.04.15 ***作業 -成果物の仕様をどうするか考える -テーマの洗い直し ~ ***相談（メモ） -今ある情報をまとめるだけではなく、何か１つそのサイトが必要であると感じられる要素を入れる -色の持つ心理的効果について、正確な情報をもっと下調べする ~ -エスカレーターだけでなく、他の公共のものでも考えてみる ~ -映像をどのように見せるのかもっと具体的にする（マッピング等） ~ ~ **2025.04.08 ***作業 -テーマを考える ~ ***テーマ案 -色✖️心理学 -公共のモノ✖️デザイン -映像✖️音 ~ ***事前調査 -[[色彩心理学における色の意味・効果｜色が与える影響も解説>https://www.c-c-j.com/course/psychology/colortherapy/column/column07/]] ~ -[[エスカレーターを歩かないで思わず立ち止まるデザインを考えた>https://www3.nhk.or.jp/news/special/lifechat/post_84.html]] -[[エスカレーターを歩かないで… マナー支える最新技術>https://www3.nhk.or.jp/news/html/20241024/k10014616651000.html]] -[[エスカレーターの安全な乗り方を「楽しく」「かわいく」…考えたのは高校生のやわらかアタマ>https://www.yomiuri.co.jp/national/20230313-OYT1T50143/]] ~ -[[夜歩きアート県庁 NAKED GARDEN SAGA｜企画・演出・制作>https://naked.co.jp/works/10987/]] ~ ~ ~