#author("2026-07-20T13:57:53+09:00","default:member","member") #author("2026-07-21T12:10:41+09:00","default:member","member") *&color(#9370DB){17}; #setbgcolor(#F0FFF0) 合成写真アイディアを紹介するサイト #image(メインイメージ.jpg) -''稲吉うた 新甫楓佳'' - https://shiesuta23.github.io/17/ -'''Keywords：コラージュ、合成''' -___%%[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1flaDD_QZjGnt0u40_KlIEjZs0pBCy_q0KIoZ00Pvwtc/edit?usp=sharing]]%%___ ~ **概要 ***背景と目的 背景: いつも見慣れている学内の空間を、自分たちの手で「非日常なクリエイティブ空間」に変形させられないかと考えた。 目的: 自分たちで撮影したリアルな写真に、デジタルな「合成」を加え、現実と非現実が混ざり合う10枚のビジュアルアートを制作する。それを、Webギャラリーで公開し、見た人を「あっ」と驚かせる体験を作ることを目指す。 ~ ~ ***成果物の仕様 __[[webサイト>https://shiesuta23.github.io/17/]]__（GitHubを用いて公開） |50|50|c |#image(サイトマップ.png)|#image(ワイヤーフレーム.png)| |サイトマップ|ワイヤーフレーム| ~ ~ ***制作ツール Visual Studio Code（html、css）、Photo Shop、、iPhone、Gemini(写真編集、htmlコード確認に使用) ~ ~ ***メンバー [[新甫楓佳>新甫楓佳/情報デザイン演習IIA_02]] 写真撮影・編集・サイトの構成 稲吉うた 写真撮影・編集・サイトの構成 ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2026.07.20 ***振り返りと課題 -サイトに個人の自己紹介を書く -ハンバーガーメニュー ~ ~ **2026.07.13 ***今日したこと -写真編集 -サイトの更新 ~ ~ **2026.07.06 ***今日したこと -サイトに投稿する写真撮った -ある程度サイト作った ~ ~ **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.素材の入手、生成→1７号館横の芝生、綺麗なコンクリートを背景に撮影する -6.制作方法→Visual Studio Codeを用いてHTML、CSS（1部JavaScript）作成する ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1.GitHubを使用する。 -2. サイト名（１７）。一番うまくできた写真を大きく配置する。（できれば）合成前の写真と合成後の写真をスライドで切り替わるようにする。 -3. 見る媒体によって写真の表示枚数が変わるようにするスマホでは1枚、PCでは3枚 ~ ~ **2026.06.08 ***テーマ候補 -アイドル名のロゴを考える -合成写真 -イラレで色々デザインしてそれを冊子にする ~ ***成果物の仕様 -形式：webか冊子 -サイズ：未定 -分量：未定 ~ ***参考リンク -https://pin.it/3m5utxhpW -https://pin.it/1hsdA8utI ~ ***この演習を通して身につけたいスキル -illustrator・photoshop・AI -たくさんのアイデアが出てくる ~ ~