アンビグラムハクブツカン
アンビグラムを紹介するWebサイト
- 安藤貴仁
- Keywords：Ambigram, Web,
- webサイト
概要
これは何？
あまり知られていない「アンビグラム」の魅力を伝えるWebサイト
背景と目的
近年、ロゴデザインが印象に残る企業が多く、様々なデザインを知っている必要があると思い制作を始めた。
アンビグラムは見た人の記憶に残るようなモダンなデザインなため、ロゴなどのデザインをする際にマッチする。
アンビグラムを用いたPR活動としてボートレースの広告、名探偵コナンの謎解きイベントが挙げられる。
アンビグラムの面白さを視覚的に楽しめるWebサイトを作成する。
コンセプト
- 画像をタップすると画像が反転したり動いたりする、眺めるだけではないWebサイト
- モダンな雰囲気のサイト
成果物の仕様
制作ツール
Adobe Illustrator,Visual Studio Code
プロジェクトの期間
プロジェクトの期間｜2025.09.15 - 20XX.XX.XX
まとめ
調査
現状調査
先行事例
技法・技術情報
Illustrator
HTML,CSS,JavaScript
プロジェクト管理
スケジュール
ToDo
- サイトの動きが物足りないのでアニメーションを多用する
- スタートページの更新
メモ
- 数を増やす（作品の数を優先するかサイトの出来を優先するか）
- 魅せ方を考える（フレーム固定で画像内だけ回転させるのような）
- サイト自体を回転させる
- overflow:hiddenを外す２５３行目
- <br>を消して<p>などでグループ分けをする
- <br>は</br>はいらない
- contactをaboutに変える
- sectionごとに背景色を変える
- 進捗記録を増やす
制作物一覧
進捗記録
2025.11.24
2025.11.17
2025.10.27
2025.10.20
2025.10.13
作業内容
- 学科サイトの更新
- コードの見直しと細かな動きの調整
2025.10.06
作業内容
- 学科サイトの大幅更新
- 新規制作アンビグラムのラフの作成
2025.09.29
- ヘッダーロゴデザイン２の完成
- 画像を回転させると見切れる箇所を改善
メモ(Nagashima.Tr)
- overflow:hiddenを外す２５３行目
- <br>を消して<p>などでグループ分けをする
- <br>は</br>はいらない
2025.09.22
作業内容
メモ(Iwata.Tr)
- 数を増やす（作品の数を優先するかサイトの出来を優先するか）
- 魅せ方を考える（フレーム固定で画像内だけ回転させるのような）
- サイト自体を回転させる
2025.09.15
作業内容
これからすること
- 数を増やす
- 魅せ方や配置を整える
- 学科サイトの情報量増加
