#author("2025-12-01T12:33:10+09:00","default:member","member") #author("2025-12-01T12:34:34+09:00","default:member","member") #settextcolor(#777) *アンビグラムハクブツカン アンビグラムを紹介するWebサイト #image(Museum_header.jpg) -''安藤貴仁'' -'''Keywords：Ambigram, Web, ''' -[[webサイト>https://andotakahito.github.io/kenkyu4/]] //-__[[相互評価シート>https://www.example.com]]__ //← ここからコメントをお願いします。 ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ あまり知られていない「アンビグラム」の魅力を伝えるWebサイト //color(red){これは何か・・を簡潔に}; ~ ***背景と目的 近年、ロゴデザインが印象に残る企業が多く、様々なデザインを知っている必要があると思い制作を始めた。 アンビグラムは見た人の記憶に残るようなモダンなデザインなため、ロゴなどのデザインをする際にマッチする。 アンビグラムを用いたPR活動としてボートレースの広告、名探偵コナンの謎解きイベントが挙げられる。 アンビグラムの面白さを視覚的に楽しめるWebサイトを作成する。 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -画像をタップすると画像が反転したり動いたりする、眺めるだけではないWebサイト -モダンな雰囲気のサイト //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 -[[webサイト>https://andotakahito.github.io/kenkyu4/]] -[[制作物>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as005_st_kyusan-u_ac_jp/EuTVyU5a-SpOpX2IFz4UrQEB-sRpLIWtLcB83n-JFTNPLA?e=toen1Y]] &color(red){↑作品のまとめはこちらから}; //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ ***制作ツール Adobe Illustrator,Visual Studio Code //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 プロジェクトの期間｜2025.09.15 - 20XX.XX.XX ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 //-JR西日本 //#image(JR西日本.webp) ~ ***現状調査 -[[アンビグラム制作1>https://note.com/kasakasaumbrella/n/n37211b7ddff0]] -[[Σ | POTEFU >https://potofu.me/sigma]] -[[ 挑戦 / 戦場 >https://withnews.jp/article/f0180101006qq000000000000000w00o10101qq000016526a]] //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ~ ***先行事例 -[[Σさん作品集>https://posfie.com/@912_sigma/p/y34HMm5]] //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ***技法・技術情報 Illustrator HTML,CSS,JavaScript //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 -[[サイトマップ>https://www.figma.com/design/jIOx4AUuGleNNb59mR2ZBk/%E7%84%A1%E9%A1%8C?t=5vYgoqSYvph5Wmjm-1]] #image(サイトマップ.png) -[[OneDriveリンク>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as005_st_kyusan-u_ac_jp/EmXF0suW3UJMnTk9UJyBP_UB0sIwO6PcFztUtAdu5DYvzw?e=BNeWDt]] ***スケジュール -[[工程表>https://ksumail-my.sharepoint.com/:x:/g/personal/k23as005_st_kyusan-u_ac_jp/EUKHKH24_BRPhAlyhedzq88B9raHK1j_bqzpZKbdvocu0A?e=RtFsSv]] //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo -サイトの動きが物足りないのでアニメーションを多用する -スタートページの更新 //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; ***メモ -数を増やす（作品の数を優先するかサイトの出来を優先するか） -魅せ方を考える（フレーム固定で画像内だけ回転させるのような） -サイト自体を回転させる -overflow:hiddenを外す２５３行目 -<br>を消して<p>などでグループ分けをする -<br>は</br>はいらない -contactをaboutに変える -sectionごとに背景色を変える -進捗記録を増やす ~ ***制作物一覧 -[[完成品制作物はこちら>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as005_st_kyusan-u_ac_jp/EuTVyU5a-SpOpX2IFz4UrQEB-sRpLIWtLcB83n-JFTNPLA?e=Bu5zgl]] -[[下書きはこちら>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as005_st_kyusan-u_ac_jp/EtaGFtHY6t5Mg5g1s2d49_YBDb_5TiivRT8kk5a9c5Zgbg?e=DF8jh5]] |#image(myoujyou.jpg,50%)|#image(Orenge_Red.jpg,80%)|#image(SocialDesign.jpg,50%)|#image(地反転型アンビグラム「反転」.jpg,50%)| |#image(museum.jpg,60%)|#image(telepathy.jpg,60%)|#image(twilight_end.jpg,60%)| |#image(art.jpg,90%)|#image(caramel&Charamel.jpg,30%)| ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ **2025.12.1 -githubの登録を修正 -ハンバーガーメニューにドロップダウンメニューを追加 -[[新規webページ> https://andotakahito.github.io/ambigram/]] [[新規webページ>https://andotakahito.github.io/ambigram/]] **2025.11.24 -[[制作サイトの更新>https://andotakahito.github.io/kenkyu5/]] --アニメーションの挙動がおかしなところを修正 --前回制作したアンビグラムの投稿とアニメーション設定 --不要なコードの削除 [[webページ>https://andotakahito.github.io/kenkyu5/]] **2025.11.17 -前回制作のアンビグラムの完成 **2025.10.27 -新規アンビグラムの作成 **2025.10.20 -中間審査発表 **2025.10.13 *** 作業内容 -学科サイトの更新 -コードの見直しと細かな動きの調整 **2025.10.06 ***作業内容 -学科サイトの大幅更新 -新規制作アンビグラムのラフの作成 &image(Backlite.jpg,40%);&image(Iwayuru.jpg,40%); ~ ~ **2025.09.29 -ヘッダーロゴデザイン２の完成 #image(Museum_header.jpg,50%) -画像を回転させると見切れる箇所を改善 ~ ***メモ(Nagashima.Tr) -overflow:hiddenを外す２５３行目 -<br>を消して<p>などでグループ分けをする -<br>は</br>はいらない ~ ~ **2025.09.22 ***作業内容 -ヘッダーロゴのデザイン２の新規制作 #image(Museum_transparent.jpg,50%) ~ ***メモ(Iwata.Tr) -数を増やす（作品の数を優先するかサイトの出来を優先するか） -魅せ方を考える（フレーム固定で画像内だけ回転させるのような） -サイト自体を回転させる ~ ~ **2025.09.15 ***作業内容 -__ [[安藤貴仁/情報デザイン研究I]] __の学科サイトページをこのページに移行 ~ ***これからすること -数を増やす -魅せ方や配置を整える -学科サイトの情報量増加 ~ #settextcolor(#000000)