#author("2026-05-18T16:38:35+09:00","default:member","member") #author("2026-05-25T11:55:17+09:00","default:member","member") *&color(#9370DB){my new era}; #setbgcolor(#F0FFF0) 自分や友達、好きなものまとめたサイト #image(メインイメージ.png) -''Uta Inayoshi'' -'''Keywords：Web design, friends, favorite''' -___%%[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1EvTuQ7oD-0x-w6V-u6DEHRTLpYCuNhhAWz1066r5rHQ/edit?usp=sharing]]%%___ ご協力ありがとうございました。 ~ //***CONTENTS //#contents2_1 //~ **概要 ***背景と目的 日常を思い出に残すために、自分の好きなようにまとめて可愛いサイトを作る。 日常を思い出に残すために、自分の好きなようにまとめてサイトを作る。 ~ ~ ***成果物の仕様 商品サイトのように日ごとなどで分けてズラーっと並べる。 GoogleSitesで作成する ~ ~ ***制作ツール パソコン・スマホ ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **20XX.XX.XX ***XXXX -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ ~ ***XXXXXXX -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ~ **2026.05.18 ***作業の記録 -使いたい写真をまとめた -メインイメージ ~ ***MEMO（ToDo項目など） -html -写真の加工 -サイト制作 ~ ~ **2026.05.11 ***見出された問題点 -雰囲気の統一感 -うまくまとめる ~ ***好評を得た点 ＞ プロジェクトの特性として -フォント -メインビジュアル -プロトタイプ ~ ~ **2026.04.27 ***成果物の仕様・プロトタイプ #image(サイトマップ.png) サイトマップ ~ |#image(ワイヤーフレーム1.png)|#image(ワイヤーフレーム2.png)| サイトのワイヤーフレーム -HOMEに写真を載せて、MENUからも写真を見ることができる -NEWを押すと最新の写真に飛ぶようにする ~ **2026.04.20 ***現状調査（先行事例等） -https://193igusa.com -https://sculptor-worldwide.jp/?srsltid=AfmBOor1CGDmcioeE2uowFa_LSh4TE2RrSnZ0g1LPdTJC8i7rdH3TwqS -https://kiiikiii.kr GIFアニメ作る参考 ~ ***解決すべき課題（ToDoリスト） -1. WebSiteの作成 -2. GIFアニメの作成 -3. 写真のデザイン ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. WebSiteの作成 --参考にするサイトを調べる --サイトでどんなアクションをしたいのか考える --雰囲気・テーマを決める -2. GIFアニメの作成 --Pinterestや参考サイトで見つける --大きさ、動き、色を決める -3.写真のデザイン --いろんなフォントを使う --背景、色味、コラージュを工夫する --コンセプトを決める ~ ~ **2026.04.13 ***テーマ候補 -アイドルのファッション・ステージ衣装徹底解説 -''私の日常・友達 自分で撮った写真をコラージュしたり'' -いろいろな髪型・髪色 -k-popの好きな曲 ~ ***参考リンク -https://vt.tiktok.com/ZSHbeg2AU/ -https://pin.it/3KjseYkz3 -https://pin.it/1gVtMKlwR ~ ~ ~