LogoMark.png

新甫楓佳/情報デザイン演習IIA_02 の変更点


#author("2026-06-22T15:06:20+09:00;2026-06-22T14:53:31+09:00","default:inoue.ko","inoue.ko")
*17 &scale(60)[-Wild imaginations.};
#author("2026-06-22T15:06:33+09:00;2026-06-22T14:53:31+09:00","default:inoue.ko","inoue.ko")
*17 &scale(60){-Wild imaginations.};
合成写真のアイディアを紹介するサイト
 
             メインビジュアル、あるいは
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''新甫楓佳''
-'''Keywords:コラージュ、合成'''
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。

~



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


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

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

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

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

#hr
~
~
**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
***テーマ候補
-photo idea紹介サイト
-好きなアーティストの攻略ブック
-今までの自分のライブ参戦まとめサイト
~

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

***この演習を通して身につけたいスキル
-Illustrator
-Photoshop
-HTML、CSS
~
***参考リンク

photo idea → https://pin.it/3jidiSbwU

~
~