LogoMark.png

稲吉うた/情報デザイン演習IIA_02 の変更点


#author("2026-06-28T21:28:09+09:00","default:member","member")
#author("2026-06-28T21:28:27+09:00","default:member","member")
*&color(#9370DB){17};
#setbgcolor(#F0FFF0)
合成写真アイディアを紹介するサイト
  
#image(メインイメージ.jpg)
-''稲吉うた''
-'''Keywords:コラージュ、合成'''
-__[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1flaDD_QZjGnt0u40_KlIEjZs0pBCy_q0KIoZ00Pvwtc/edit?usp=sharing]]__  ← ここからコメントをお願いします。

~



**概要
***背景と目的
背景: いつも見慣れている学内の空間を、自分たちの手で「非日常なクリエイティブ空間」に変形させられないかと考えた。
目的: 自分たちで撮影したリアルな写真に、デジタルな「合成」を加え、現実と非現実が混ざり合う10枚のビジュアルアートを制作する。それを、Webギャラリーで公開し、見た人を「あっ」と驚かせる体験を作ることを目指す。
~
~


***成果物の仕様
webサイト(GitHubを用いて公開)
~
~

***制作ツール
Visual Studio Code(html、css)
~
~

***メンバー
新甫楓佳 写真編集、サイトの更新
稲吉うた 写真撮影、サイトの更新
~
~

#hr
CENTER:''進捗記録''

#hr
~
~

**2026.06.29
***見出された問題点
-◯◯◯◯◯、◯◯◯◯◯◯
-◯◯◯◯◯◯◯、◯◯◯◯◯◯
-◯◯◯◯◯◯◯、◯◯◯◯◯◯
~

***好評を得た点 > プロジェクトの特性として
-◯◯◯◯◯◯◯、◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯
-◯◯◯◯◯◯◯、◯◯◯◯◯◯
~
~

**2026.06.22
***今回制作したプロトタイプ
#image(サイトマップ.png)
サイトマップ(作成者:稲吉うた)
~
#image(ワイヤーフレーム.png)
サイトのワイヤーフレーム(作成者:新甫楓佳)
 
~

***プロトタイプの説明
-1ページのサイト
-写真を押したら拡大できる
~
~

**2026.06.15
***現状分析
-韓国のアパレルサイト[[taeble>https://taeble.co.kr/index.html]]のような綺麗なタイル状のレイアウト
~
 
***課題定義
-1. 公開方法→GitHub
-2.名前→
-3. 分量とサイズ→写真は全て1:1。掲載枚数は10枚
-4.構成→トップページ、ギャラリー、
-5.素材の入手、生成→17号館横の芝生、綺麗なコンクリートを背景に撮影する
-6.制作方法→Visual Studio Codeを用いてHTML、CSS(1部JavaScript)作成する
~

***制作上のアイデア(課題ごとに複数のアイデア)
-1.GitHubを使用する。 

-2. サイト名(17)。一番うまくできた写真を大きく配置する。(できれば)合成前の写真と合成後の写真をスライドで切り替わるようにする。

-3. 見る媒体によって写真の表示枚数が変わるようにするスマホでは1枚、PCでは3枚
~
~

**2026.06.08
***テーマ候補
-アイドル名のロゴを考える
-合成写真
-イラレで色々デザインしてそれを冊子にする
~

***成果物の仕様
-形式:webか冊子
-サイズ:未定
-分量:未定
~

***参考リンク
-https://pin.it/3m5utxhpW
-https://pin.it/1hsdA8utI
~
 
***この演習を通して身につけたいスキル
-illustrator・photoshop・AI
-たくさんのアイデアが出てくる
~
~