アンビグラムハクブツカン
見て、触って楽しめるアンビグラム展
概要
これは何？
「アンビグラム」の魅力をWebサイトと実際に手で回して理解できる制作。
背景と目的
近年、印象に残るデザインが溢れており、普通のフォントだと強い印象を残すことが難しいという課題がある。そこで強い印象を与えることができる「アンビグラム」を展示しようと考えた。
しかしアンビグラムは印象を残すことはできるが、慣れていないとなんて書いてあるか読み取ることが難しい点と認知度が極めて低い点が現状の課題点である。
本研究では、「認知度が低い」点と「理解するのが難しい」点に着目し、アンビグラムという少々変わったデザインをしっかりと知ってもらうことが目的である。
コンセプト
「見て、触って楽しめるアンビグラム展」をメインテーマとして、アンビグラムを理解、認知してもらうために、画角を固定した状態で展示するのではなく、実際に動いたり、手で回したりして、発想の転換を楽しめる展示を目指す。
- ウェブ上でどのように動かしたらいいかを説明を添えて伝える
- 実際にアンビグラムを手で回転できるように展示する
成果物の仕様
制作ツール
- Illustrator
- アイビスペイント
- Visual Studio Code
プロジェクトの期間
プロジェクトの期間｜2026.4.10 - 2026.12.4
まとめ
調査
現状調査
先行事例
技法・技術情報
Illustrator
HTML,CSS,JavaScript
プロジェクト管理
スケジュール
ToDo
- 新規サイトを構築し、デザインを明るくする
- 過去に制作したサイトがpc版にしか対応していないためスマホ版も制作する
- とにかく新規アンビグラムの制作
- アンビグラムの歴史をまとめたページを作る(未定)
- 手で触れる用のアンビグラムを、実際にプリントアウトし大きさを調整する
進捗記録
最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。
2026.6.5
- 新規アンビグラム作成
90°旋回型アンビグラム『逆光』
2026.5.29
2026.5.22
-新規アンビグラム「等間隔」の製作
↑形に納得がいっていないため一時中断
#image(): Usage:([pagename/]attached-file-name[,parameters, ... ][,title])
2026.5.15
2026.5.8
- 完成イメージ画像の制作
2026.5.1
- 発表に向けてサイトの更新
- 以前の学科サイトページをこのページに移行
2026.4.24
- html等を最初から作り直して全体的な明るさを上げる取り組み
- AIに原型を作ってもらったが自分の想定していたものと乖離していたため断念
↑以降の制作時もAIで試しに作ってみて気に入ったら採用する方式でWeb制作を続ける
2026.04.17
相談内容
- アンビグラム、サイトで伝えたいこと
- アンビグラムの魅力とは
- アンビグラムの歴史
- スマホで見れるように作る
2026.04.10
- 情報デザイン研究Ⅱ「アンビグラムハクブツカン」継続
上記研究でこれからすること
- 新規アンビグラム継続
- Webサイトの一新
- 触って動かせれるアンビグラムを印刷
