• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 安藤貴仁/情報デザイン研究I へ行く。
  • 1 (2025-04-07 (月) 18:37:04)
  • 2 (2025-04-07 (月) 18:37:04)
  • 3 (2025-04-08 (火) 15:21:25)
  • 4 (2025-04-15 (火) 16:58:11)
  • 5 (2025-04-22 (火) 14:11:25)
  • 6 (2025-04-29 (火) 13:19:28)
  • 7 (2025-04-29 (火) 13:53:35)
  • 8 (2025-05-06 (火) 07:07:04)
  • 9 (2025-05-06 (火) 07:14:59)
  • 10 (2025-05-13 (火) 16:43:54)
  • 11 (2025-05-13 (火) 17:19:17)
  • 12 (2025-05-20 (火) 15:58:23)
  • 13 (2025-05-27 (火) 13:55:49)
  • 14 (2025-06-02 (月) 02:54:40)
  • 15 (2025-06-03 (火) 15:11:20)
  • 16 (2025-06-10 (火) 11:00:01)
  • 17 (2025-06-10 (火) 16:22:10)
  • 18 (2025-06-17 (火) 13:10:51)
  • 19 (2025-06-28 (土) 20:15:20)
  • 20 (2025-07-01 (火) 14:53:51)
  • 21 (2025-07-01 (火) 16:32:04)
  • 22 (2025-07-08 (火) 13:27:04)
  • 23 (2025-07-15 (火) 12:16:52)

---

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

変わったデザインを紹介するWebサイト

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

概要

これは何？

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

背景と目的

ボートレースの広告でアンビグラムを用いたポスターが注目を集め、衝撃を受け制作を始めた。
サイトを訪れる人にこんなアートもあると知ってほしい。

コンセプト

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

成果物の仕様

• webサイト
  
  

メンバー

安藤貴仁

制作ツール

Adobe Illustrator,Visual Studio Code

プロジェクトの期間

プロジェクトの期間｜2025.4.8 - 2025.XX.XX

まとめ

調査

現状調査

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

先行事例

• Σさん作品集
  
  

技法・技術情報

Illustrator
HTML,CSS,JavaScript

プロジェクト管理

• サイトマップ
  

• OneDriveリンク
  
  

スケジュール

• 工程表

ToDo

• 背景、目的、コンセプトを掲載する
• GitHubリポジトリの使い方・公開の仕方を確認
• サイトマップを作成する
• HTML + CSS で、プロトタイプを作成する
• 素材をいくつか作成してサイトに掲載する
• OneDriveに作品(試作含む)を投稿しリンクを成果報告に載せる
• ワイヤーフレーム、デザインガンプの作成

---

---

2025.06.24

2025.06.17

• visual studio code でサイトの作成3
  • [[GitHub>]]
  • [[サイト>]]

2025.06.10

• 同一型アンビグラム「以心伝心」
  

2025.06.03

• 旋回型アンビグラム「芸術」
  

2025.05.27

• visual studio code でサイトの作成2
  • GitHub
  • サイト
    
    

2025.05.20

• visual studio code でサイトの作成
  • GitHub
  • サイト

2025.05.13

• サイトマップの作成
  • サイトマップリンク
    
    
• 制作内容
  • タイトルロゴ「アンビグラムハクブツカン」の作成
    
    
    

• 地反転型アンビグラム「半分」
  

• 360度回転体アンビグラム「明星」
  
  
  
  
  

2025.04.29

• 制作内容
  • 「芸術」の90度回転複合型アンビグラムの作成
  • 「明星」の360度回転複合型アンビグラムの作成
  • 「ドッペルゲンガー」90度反転鏡像型アンビグラムの作成
    
    
• リンクはこちら
  
  

• 制作内容
  • 「I WANNA be,,,」鏡像型アンビグラムを試作
  • 「以心伝心」振動式複合型アンビグラムの試作
    
    
• リンクはこちら
  
  

2025.04.22

• 制作内容
  • タイトルロゴ「アンビグラムハクブツカン」下書き
  • 180度回転体アンビグラムを２つ、地反転型アンビグラムを１つ
    
    
• リンクはこちら
  
  

2025.04.15

テーマ案

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

工程表の作成

• 工程表
• 参考
  • 動画
    
    
    
    

2025.04.08

テーマ案

• ボカロMV制作
• 家業のHP作成
• LEET表記
• 温泉紹介
• 水墨画を用いたweb,or動画の制作
• ラインアート
• "アンビグラム博物館"← 一番興味ある
  
  

メモ

• 文字列生成型
• Nagashima Laboratory →index →transition
• 動画を使う際はGIFよりもアニメーションpng、webpが良い
• translate rotateで回転
• ワイヤーマップの制作
• デザインガンプの制作
• 全体の流れ
  • 1アンビグラムについて
  • 2作品紹介
  • 3作り方事例
  • 4作品紹介(リンク集)
  • 5このサイトについて(about)