#author("2026-07-20T13:57:24+09:00","default:member","member") #author("2026-07-20T13:58:09+09:00","default:member","member") *17 &scale(60){-Wild imaginations.}; 合成写真のアイディアを紹介するサイト #image(メインイメージ.jpg) -''新甫楓佳'' - https://shiesuta23.github.io/17/ -'''Keywords：コラージュ、合成、ウェブサイト''' -___%%[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1flaDD_QZjGnt0u40_KlIEjZs0pBCy_q0KIoZ00Pvwtc/edit?usp=sharing]]%%___ ~ **概要 ***背景と目的 背景: いつも見慣れている学内の空間を、自分たちの手で「非日常なクリエイティブ空間」に変形させられないかと考えた。 目的: 自分たちで撮影したリアルな写真に、デジタルな「合成」を加え、現実と非現実が混ざり合う10枚のビジュアルアートを制作する。それを、Webギャラリーで公開し、見た人を「あっ」と驚かせる体験を作ることを目指す。 ~ ~ ***成果物の仕様 webサイト（GitHubを用いて公開） ~ ~ ***制作ツール Visual Studio Code（html、css）、Photo Shop、、iPhone、Gemini(写真編集、htmlコード確認に使用) ~ ~ ***メンバー [[稲吉うた>稲吉うた/情報デザイン演習IIA_02]]__ 写真撮影・編集・サイトの構成 [[稲吉うた>稲吉うた/情報デザイン演習IIA_02]] 写真撮影・編集・サイトの構成 新甫楓佳 写真撮影・編集・サイトの構成 ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **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 ***テーマ候補 -photo idea紹介サイト -好きなアーティストの攻略ブック -今までの自分のライブ参戦まとめサイト ~ ***成果物の仕様 -形式：webサイト -サイズ：未定 -分量：未定 ~ ***この演習を通して身につけたいスキル -Illustrator -Photoshop -HTML、CSS ~ ***参考リンク photo idea → https://pin.it/3jidiSbwU ~ ~