• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 安藤貴仁/情報デザイン研究II へ行く。
  • 1 (2025-09-11 (木) 10:21:12)
  • 2 (2025-09-15 (月) 12:07:05)
  • 3 (2025-09-22 (月) 11:39:17)
  • 4 (2025-09-29 (月) 11:04:41)
  • 5 (2025-09-29 (月) 12:37:14)
  • 6 (2025-10-20 (月) 08:33:19)
  • 7 (2025-10-20 (月) 11:25:54)
  • 8 (2025-11-24 (月) 12:43:38)

---

アンビグラムハクブツカン

アンビグラムを紹介するWebサイト

• 安藤貴仁
• Keywords：Ambigram, Web,
• webサイト

概要

これは何？

あまり知られていない「アンビグラム」の魅力を伝えるWebサイト

背景と目的

近年、ロゴデザインが印象に残る企業が多く、様々なデザインを知っている必要があると思い制作を始めた。
アンビグラムは見た人の記憶に残るようなモダンなデザインなため、ロゴなどのデザインをする際にマッチする。
アンビグラムを用いたPR活動としてボートレースの広告、名探偵コナンの謎解きイベントが挙げられる。
アンビグラムの面白さを視覚的に楽しめるWebサイトを作成する。

コンセプト

• 画像をタップすると画像が反転したり動いたりする、眺めるだけではないWebサイト
• モダンな雰囲気のサイト

成果物の仕様

• webサイト
• 制作物
  ↑作品のまとめはこちらから

制作ツール

Adobe Illustrator,Visual Studio Code

プロジェクトの期間

プロジェクトの期間｜2025.09.15 - 20XX.XX.XX

まとめ

調査

現状調査

• アンビグラム制作1
• Σ | POTEFU
• 挑戦 / 戦場

先行事例

• Σさん作品集

技法・技術情報

Illustrator
HTML,CSS,JavaScript

プロジェクト管理

• サイトマップ
  

• OneDriveリンク

スケジュール

• 工程表

ToDo

• サイトの動きが物足りないのでアニメーションを多用する
• スタートページの更新

メモ

• 数を増やす（作品の数を優先するかサイトの出来を優先するか）
• 魅せ方を考える（フレーム固定で画像内だけ回転させるのような）
• サイト自体を回転させる
• overflow:hiddenを外す２５３行目
• <br>を消して<p>などでグループ分けをする
• <br>は</br>はいらない

---

---

2025.09.29

• ヘッダーロゴデザイン２が完成しました
• 画像を回転させると見切れる所を改善しました

2025.09.22

• ヘッダーロゴのデザイン２の新規制作
  
  

2025.09.15

• 安藤貴仁/情報デザイン研究I の学科サイトページをこのページに移行しました