LogoMark.png

稲吉うた/情報デザイン演習IIA_01 の変更点


#author("2026-05-18T14:07:23+09:00","default:member","member")
#author("2026-05-18T16:38:35+09:00","default:member","member")
*&color(#9370DB){my new era};
#setbgcolor(#F0FFF0)
自分や友達、好きなものまとめたサイト

#image(メインイメージ.png)             
-''Uta Inayoshi''
-'''Keywords:・・, ・・・, ・・・, ・・・'''
-'''Keywords:Web design, friends, favorite'''
-___%%[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1EvTuQ7oD-0x-w6V-u6DEHRTLpYCuNhhAWz1066r5rHQ/edit?usp=sharing]]%%___  ご協力ありがとうございました。

~

//***CONTENTS
//#contents2_1
//~


**概要
***背景と目的
日常を思い出に残すために、自分の好きなようにまとめて可愛いサイトを作る。
~
~

***成果物の仕様
商品サイトのように日ごとなどで分けてズラーっと並べる。
GoogleSitesで作成する
~
~

***制作ツール
パソコン・スマホ
~
~



#hr
CENTER:''進捗記録''
&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#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
~
~

~