山本彩花/情報デザイン研究I

MainTitle

SubTitle ・・・・・・・・・・・・・・・・

 

            メインビジュアル、あるいは
            プロジェクトの最新の状態を視覚的に掲載

  

• Ayaka Yamamoto
• Keywords：・・, ・・・, ・・・, ・・・
• https://www.example.com

概要

これは何？

ゲームのキャラメイク風にイラストの着せ替えができるサイト

背景と目的

静が多いインタラクティブに動的なインターフェーズが求められている。
サイト上で要素を動的に切り替えられている仕組みを作る研究。
動的な要素を磨くためにオーソドックスなJavascriptを使いたい。

コンセプト

ファッションでその日の自分のテンションを上げることが出来ると思う。可愛さ、かっこよさなどをゲーム風に取り入れ、それを攻撃力のようにステータスとしてキャラメイク画面に導入する。

成果物の仕様

Web+イラスト

制作ツール

• Javascript
• Adobe Illustrator
• Procreate
  
  

プロジェクトの期間

2024.04.09 - 2024.07.09

まとめ

調査

現状調査

先行事例

技法・技術情報

プロジェクト管理

スケジュール

ToDo

2024.04.30

• まずはイラストを一式(1着分)描いてコードを書いていく！動くか確認するとこまでは絶対前期で完成させる！
• 着せ替え系にするのは決定
• ゲームというとジャンルが広いので何を指しているのかはっきりさせる、もしくは無くす
• ゲームの世界観決めをする
• この取り組みは誰に何を与えるのか、着せ替え自体を楽しむものなのかその先の何かなのか
• 服のジャンルの世界観(国や時代や次元)

現状調査

最近は比較的好きな服を好きなように着れるようになってきた。それでも恥ずかしかったり周りの目を気にしたりしている人が一定数いる。

先行事例

• Picrew
• CHARAT
  着せ替えサイトは推しに似せてキャラメイクをしたり、一次創作のキャラデザの参考にしたり、自分の好みを詰め込んでキャラメイクをするという使われ方をしていることが多い。

2024.04.23

コンセプト

ファッションでその日の自分のテンションを上げることが出来ると思う。可愛さ、かっこよさなどをゲーム風に取り入れ、それを攻撃力のようにステータスとしてキャラメイク画面に導入する。
イラストの着せ替えをゲームのキャラメイク風に。

※ステータスをキャラメイク中に表示するか最後に診断結果風に出すかで検討中
※ステータスの項目をファッションの系統(かわいい、かっこいい、綺麗、カジュアル、モード等)にするかは検討

参考

• Pinterest
  
  

ワイヤーフレーム

来週
衣装や全体的なデザイン決め

2024.04.16

テーマ

タップしたら変わるイラストのWebサイト

制作ツール

• Javascript
• Adobe Illustrator
• Procreate
  
  

背景と目的

静が多いインタラクティブに動的なインターフェーズが求められている。
サイト上で要素を動的に切り替えられている仕組みを作る研究。
動的な要素を磨くためにオーソドックスなJavascriptを使いたい。

参考

先行事例

• 卒業研究/Peep
• 情報デザイン研究/ぬいをおしゃれに
• ゲーム　ホーム画面 (YouTube)
• Picrew

技術

• 編集
  • 切り替え１
  • 切り替え２
    
    
    
    

来週

• コンセプト決め
• ラフ、大まかな構図

2024.04.09

テーマ候補

• 着せ替えイラスト
• ネイルデザイン
• レトロ、昔のものを今風のデザインに
• 最近のものをレトロ風にデザイン
• 食べ物
• ゲーム
• 動物
• カフェ
• 服のしわ
• 怪異、ホラー
• VTuber
• LINEスタンプ
• 擬人化

形式候補

• イラスト＋Web,実物＋コンセプト
  • イラスト使った作品orイラストで何かを発信する
• ゲームっぽい？１画面でタップする系のサイト
• 着せ替え、キャラ作成サイト
  
  

• 参考作品
  • 卒業研究/vesselII
  • 卒業研究/Peep