LogoMark.png

奈須本真椰/情報デザイン研究II のバックアップ差分(No.4)


#author("2021-09-25T04:59:37+09:00","default:member","member")
*(準備中)
(準備中)
#author("2021-10-02T02:40:35+09:00","default:member","member")
*夏のクール便(ひんやり瓶)
ここは、夏を届ける空間です

  
 
             (準備中)
           
 
   

-''奈須本真椰''
-'''(準備中)'''
-'''Keywords:夏,セーラー服,空気感'''
-(準備中)

~
~

**概要
~
***これは何?
//&color(red){これは何か・・を簡潔に};
イラスト×アニメーション×雑貨×Webサイト:「夏」「セーラー服」をモチーフに物語が展開していくWebサイト
~

***背景と目的
//&color(red){プロジェクトの背景と目的};
近年、日本の夏が暑すぎることから、「夏」というものに対し嫌悪感を抱いている人も少なくないと感じる。私自身もすっきりとした涼しげなイメージのある想像上の夏に憧れを抱いている。
そのためサイト上のイラストや動画を郵便物(=ひんやりした瓶)に見立て、Webサイトを訪れる人に届けることで、夏に対する嫌悪感を少しでも軽いものにしたいと考えた。サイト上で物語を展開させる際に、日記風で書き留めることでさらにリアリティを演出することが出来ると考えている。
また、私は夏の空・海の青色にセーラー服の紺色が溶け込む様子や、夏の風になびく様子も涼しげで綺麗であると感じている。
近年ではセーラー服をモチーフとしたファッションや楽曲、イラストなどが流行している。その理由として、アニメやゲームなどで学園モノが流行したことが挙げられる。イラスト投稿サイトのPixivではセーラー服に関する投稿が10万件を超えるなど、主に創作活動をする人々の間で流行しているように感じる。
こういったセーラー服が好きな人がこのWebサイトを訪れた際に、共感してもらえるような空間を作りたい。
~
また、来年の卒業研究では、グッズを制作し販売したいと考えている。その試作も兼ねて、まずは自分用にグッズ(今回の研究テーマをモチーフにしたもの)を制作したい。
~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
まるで自分もそこにいるかのような、夏の一瞬の“涼しげな”空気感を鮮明に表現したイラストや、それを用いたアニメーション、Webサイト、グッズの作成
これらを郵便物(=ひんやりした瓶)に見立て、Webサイトを訪れる人に届ける
日記風に文章(投稿のコメント・カテゴリー名など)を書き留めることでよりリアリティを演出させる
~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-イラストのサイズ:1500×500
-動画のサイズ:16:9
-WordPress又はGitHubを用いた、画面をスクロールすることで物語が展開していくWebサイト
-グッズのサイズ:キーホルダーやアクリルスタンドなど、小物をメインに制作(手のひらサイズ)
~

***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
~

***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
スマホ(ibisPaint X)、PC(Adobe After Effects/WordPress/GitHub)、グッズ(PixivFACTORY)
~

***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
[[進行管理表>https://docs.google.com/spreadsheets/d/1feCcmgLdPWz9PLPgLHv36O_Gv5kDTr4Dzup14UwDuIk/edit?usp=sharing]]←こちらから!
~

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

~
~


**調査
~
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
-近年日本の夏が暑すぎることから、「夏」というものに対し嫌悪感を抱いている人が増えている(昔に比べ嫌いになったという意見もメディアでよく目にする)
-近年ではセーラー服をモチーフとしたファッションや楽曲、イラストなどが流行している(きっかけはアニメやゲームなどの学園モノ)
-イラスト投稿サイトのPixivではセーラー服に関する投稿が10万件を超えるなど、主に創作活動をする人々の間で流行している
-PixivFACTORYを用いることで個人用に様々な種類のグッズを制作することが容易になり、主に創作活動をする人々の間で流行している
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
-オリジナルグッズのイメージ(URL:https://shopzokuzoku.thebase.in/)ピアスやルームキーのキーホルダー。画期的な形のグッズなど、モチーフを別のものに置き換えて考えた上で参考にしたい。
-シンプルな作りのWebサイト(URL:https://demos.freehtml5.co/narrow/)完成イメージの参考。ページがシンプルな作りで、全体的に情報が整理されていてとても見やすい。
-日記風のWebサイト(URL:https://monokai.nl/2019/japan/)画像と文章の比率がまとめられていてとても見やすい。Webサイトを作る際に参考にしたい。
-ストーリーテリングを導入したWebサイト(URL:http://letters.konan-wu.ac.jp/)伝えたいことが順序立てて表現されており、分かりやすく印象に残る。Webサイトを作る際に参考にしたい。
-アニメーションを取り入れたWebサイト(URL:https://es-cinnamon.cafe)配色やフォントなどの統一感も含め、全体的に情報が整理されていてとても見やすい。サイトを開いた時に出るアニメーションなど、Webサイトを作る際に参考にしたい。

~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-オープニングアニメーションの取り入れ方(URL:https://www.legit.co.jp/open_css/15686)容量が軽いWebサイトを作る際に参考にしたい。
-WordPressでgifアニメーションを取り入れる方法(URL:https://dandashokai.com/5596)
-セーラー服の構造(URL:https://www.schoolwear-shop.com/smartphone-page/sailor-uniform01.html)
-Webサイトに用いたイラストをモチーフにしたグッズの製作(URL:https://factory.pixiv.net)
~

~

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

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-テーマの決定
-%%テーマの決定%%
-メインビジュアルの作成
-Webサイトの試作
-イラストの試作


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

~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~

**2021.9.29
~
***テーマの決定
-「夏のクール便(ひんやり瓶)」:夏の概念がたくさん詰まったWebサイト。近年日本の夏が暑すぎることから、「夏」というものに対し嫌悪感を抱いている人も少なくないだろう。サイト上のイラストや動画を郵便物(=ひんやりした瓶)に見立て、Webサイトを訪れる人に届けることで、夏に対する嫌悪感を少しでも軽いものにしてもらいたい。
-WordPressではなくGitHubを用いる?
~

***調査
-シンプルな作りのWebサイト(URL:https://demos.freehtml5.co/narrow/)完成イメージの参考。ページがシンプルな作りで、全体的に情報が整理されていてとても見やすい。
-オープニングアニメーションの取り入れ方(URL:https://www.legit.co.jp/open_css/15686)容量が軽いWebサイトを作る際に参考にしたい。
~

//***試作(グッズのラフ)
//-Google Driveのリンクを貼る
//~

***今週の目標
-メインビジュアルの制作
-Webサイトの試作
-イラストの試作
~

~

**2021.9.22
~
***概要(テーマのメモ)
-イラスト×アニメーション×Webサイト:「概念的な夏」「セーラー服」のイラストを用いたgifアニメーションやWebサイトの作成([[奈須本真椰/情報デザイン研究I>https://design.kyusan-u.ac.jp/socialdesign/?%E5%A5%88%E9%A0%88%E6%9C%AC%E7%9C%9F%E6%A4%B0/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6I]]で製作したWebサイトを活用?サイト内で物語が展開していくような構成にしたい)
-イラスト×グッズ:Webサイトに用いたイラストをモチーフにしたグッズの製作([[pixivFACTORY>https://factory.pixiv.net]]を用いて自分用に製作、又は[[BOOTH>https://booth.pm/ja]]にて販売)
~

***調査
-オリジナルグッズ(URL:https://shopzokuzoku.thebase.in/)ピアスやルームキーのキーホルダー。画期的な形のグッズなど、モチーフを別のものに置き換えて考えた上で参考にしたい。
-アニメーションを取り入れたWebサイト1※音が出ます(URL:https://maxmara-bearinggifts.betteringbrands.com/)立体的で飽きさせない構成のアニメーションなど、Webサイトを作る際に参考にしたい。
-アニメーションを取り入れたWebサイト2(URL:https://es-cinnamon.cafe)配色やフォントなどの統一感も含め、全体的に情報が整理されていてとても見やすい。サイトを開いた時に出るアニメーションなど、Webサイトを作る際に参考にしたい。
-物語が展開していくWebサイト1(URL:http://yourpower.panda.org/)下にスクロールするに連れて物語が展開していく。絵本のように要点がまとめられているので分かりやすい。Webサイトを作る際に参考にしたい。
-物語が展開していくWebサイト2(URL:https://thebearandhisscarf.com/)上に同じ。Webサイトを作る際に参考にしたい。
-日記風のWebサイト(URL:https://monokai.nl/2019/japan/)画像と文章の比率がまとめられていてとても見やすい。Webサイトを作る際に参考にしたい。
-ストーリーテリングを導入したWebサイト(URL:http://letters.konan-wu.ac.jp/)伝えたいことが順序立てて表現されており、分かりやすく印象に残る。Webサイトを作る際に参考にしたい。
~

***今週の目標
-テーマの決定
-イラストやグッズ(ラフ)の試作
~

~

**2021.9.15
~
***概要(テーマのメモ)
-イラスト×アニメーション×Webサイト:「概念的な夏」「セーラー服」のイラストを用いたgifアニメーションやWebサイトの作成
~

***使用するツール
-ibisPaint X
-Adobe After Effects
-WordPress
~

***調査
-セーラー服について(URL:https://www.schoolwear-shop.com/smartphone-page/sailor-uniform01.html)購入も検討中
-WordPressでgifアニメーションを取り入れる方法(URL:https://dandashokai.com/5596)
-個人的に好きな構成のWebサイト(URL:https://es-cinnamon.cafe)配色やフォントなどの統一感も含め、全体的に情報が整理されていてとても見やすい。サイトを開いた時に出るアニメーションなど、Webサイトを作る際に参考にしたい。
~

***卒業研究に向けての長期的な目標
-3年生(情報デザイン研究)では主にイラストの作成やそれを用いたgifアニメーション・Webサイトの作成
-4年生(卒業研究)では主にセーラー服をモチーフにしたグッズの作成・販売:情報デザイン研究で作成したイラストやgifアニメーションを用いたグッズ販売サイトの作成
~

***今週の目標
-テーマの決定
~

~

~

~