17-Wild imaginations.
合成写真のアイディアを紹介するサイト
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
概要
背景と目的
背景: いつも見慣れている学内の空間を、自分たちの手で「非日常なクリエイティブ空間」に変形させられないかと考えた。
目的: 自分たちで撮影したリアルな写真に、デジタルな「合成」を加え、現実と非現実が混ざり合う10枚のビジュアルアートを制作する。それを、Webギャラリーで公開し、見た人を「あっ」と驚かせる体験を作ることを目指す。
成果物の仕様
webサイト（GitHubを用いて公開）
制作ツール
Visual Studio Code（html、css）
メンバー
稲吉うた 写真撮影・編集・サイトの更新
新甫楓佳 写真撮影・編集・サイトの更新
進捗記録
2026.06.22
成果物の仕様・プロトタイプ
サイトマップ（作成者：稲吉うた）
ワイヤーフレーム（作成者：新甫楓佳）
プロトタイプの説明
2026.06.15
現状分析
- 韓国のアパレルサイトtaebleのような綺麗なタイル状のレイアウト
課題定義
- 1. 公開方法→GitHub
- 2.名前→
- 3. 分量とサイズ→写真は全て1：1。掲載枚数は10枚
- 4.構成→トップページ、ギャラリー、
- 5.素材の入手、生成→1７号館横の芝生、綺麗なコンクリートを背景に撮影する
- 6.制作方法→Visual Studio Codeを用いてHTML、CSS（1部JavaScript）作成する
制作上のアイデア（課題ごとに複数のアイデア）
- 2. サイト名（１７）。一番うまくできた写真を大きく配置する。（できれば）合成前の写真と合成後の写真をスライドで切り替わるようにする。
- 3. 見る媒体によって写真の表示枚数が変わるようにするスマホでは1枚、PCでは3枚
2026.06.08
テーマ候補
- photo idea紹介サイト
- 好きなアーティストの攻略ブック
- 今までの自分のライブ参戦まとめサイト
成果物の仕様
この演習を通して身につけたいスキル
- Illustrator
- Photoshop
- HTML、CSS
参考リンク
photo idea → https://pin.it/3jidiSbwU
