LogoMark.png

野田悠斗/卒業研究 のバックアップ差分(No.20)


#author("2023-07-28T16:07:09+09:00","default:member","member")
#author("2023-09-15T16:17:25+09:00;2023-09-15T14:19:38+09:00","default:member","member")
*最高の瞬間(仮)
WEBサイトによるオリジナルキャラクターのヒストリー
 
#image(mainVisual.png) 
#image(mainvisual.jpg) 

-''野田 悠斗''
-'''イラスト,オリジナルキャラクター,Webサイト,(シングルページ):・・, ・・・, ・・・, ・・・'''
-https://no5y.github.io/sotsuken2/
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。

~


**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
WEBサイトによるオリジナルキャラクターのスクロールサイト。

~

***背景と目的
//&color(red){プロジェクトの背景と目的};
WEB × イラストレーション
目新しいデザインの紹介を目的とする。


~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
まだ浸透していないWEB✖️アニメーションの組み合わせを紹介する



~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
webサイトにて掲載
svgファイルによるアニメーション
~

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

***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
clipstudio PRO
github
Adobe Dreamweaver
~

***サイトマップ
#image(sitemap.png)
~

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

~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~
**中間のまとめ
スケジュールの制作
ストーリー進行のための制作

#image(illustration.jpg)
研究に使用するイラスト



**調査

***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
https://www.adobe.com/jp/products/flashplayer/end-of-life.html

シングルページ
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
https://vook.vc/e/4306

~

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

https://note.com/designmemo/n/n8ead200cd1b8
~
~

**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};


~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-イラストの制作
-HTML,CSSの進捗
-JSによる簡易アニメーションの制作
-試作の制作


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

~
~

**前期末発表

サイトのCSSの考案や載せるイラストの厳選
イラストのジャンルやどのようなイラストを提示するかは決まったが
サイトの見せ方について技術的な問題がある。



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


**2023.09.15
***イラストレーション進捗

***WEBサイトの刷新





**2023.07.21
***研究のテーマ
イラストのラフ案
キーフレームの制作


**2023.07.14
***研究のテーマ
Webサイトの進捗

**2023.07.07
***研究のテーマ
イラストの制作
デジタル出力

**2023.06.30
***研究のテーマ(練り直し)
UIデザインの制作
https://sdesignlabo.com/2023gameui/
https://sdesignlabo.com/photoshop/ps-gameui1/


**2023.06.23
***研究のテーマ(練り直し)
UIデザインの制作
https://sdesignlabo.com/2023gameui/
https://sdesignlabo.com/photoshop/ps-gameui1/


**2023.06.16
***研究のテーマ(練り直し)

https://sdesignlabo.com/photoshop/ps-gameui1/


**2023.05.19
***研究のテーマ
WEBサイトによるオリジナルキャラクターのヒストリー
GithubにてHTMLの打ち込み
-
***参考
-https://vook.vc/e/4306
モーションデザイン

~


**2023.05.12
***研究のテーマ決定
-
***参考
-https://b-risk.jp/blog/2021/01/anim-reference/~
~

**2023.04.21
***研究のテーマ決め
-スクロールすることにより、ストーリーが進むWebサイト
~
***参考
-https://b-risk.jp/blog/2021/01/anim-reference/~
~

**2023.04.14
***研究のテーマ出し
-イラスト、SNS(主にTwitter)等の支持を拡大する目的
-多種多様の情報媒体を駆使する

~
***参考
-chocolate Inc(映像制作会社)
-https://www.chocolate-inc.com/
-餃子の王将 × Rageblue
-https://www.dot-st.com/rageblue/cp/gyoza_no_ohsho~
~

~