街に溢れるフォント萌え
看板の文字の写真をまとめたギャラリーサイト
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
- 木村 円香
- Keywords：font, sign, photo, website
- https://madokakmr.github.io/fontgallerysite/
CONTENTS
概要
これは何？
看板の文字の写真をまとめたギャラリーサイト
背景と目的
看板は施設に関する情報の多くを占めるものである。私はそんな看板のフォントに「萌え」を感じて日常的に写真を撮り溜めている。それらの「街に溢れるフォント萌え」の写真をフォントや施設の種類によって分類したサイトを制作しようと考えた。
また、ギャラリーサイトの制作を行うことで情報を適切に分類できる力を身に付けたい。
コンセプト
看板の文字にフォーカスしたWebサイト。
成果物の仕様
Webサイト
制作ツール
- mi
- Github
- Illustrator
プロジェクトの期間
2023.09.20 - 2023.12.20
まとめ
調査
現状調査
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
スケジュールの決定（適宜修正する）- サイトマップ作成
- Githubのサンプルダウンロード
- メインビジュアル
ページを公開プロトタイプの作成（AdobeIllustrator）サイト名の決定（背景と目的、コンセプトの決定と同時並行）ページ構成の決定（シングルページ）- メニュー構成の決定（HOME・FONT・ABOUT など）
進捗記録
2023.11.01
進捗・メモ
- 1カラムの参考サイト
- サイトマップの作成
- プロトタイプの作成
2023.10.25
進捗・メモ
- メニュー
- TOP
- ABOUT
- PHOTO
- CONTACT
- 番号を大きく載せたものをサムネにする
（押したら別ページに飛ぶ）
- 載せる情報
- 写真
- 地図
2023.10.18
進捗・メモ
- ギャラリーサイトのテーマを「看板のフォント」に決定
- 掲載する写真の選定
技術メモ
先行事例
ギャラリーサイト
- SANKOU!
ページ構成：全て正方形で見た目がまとまっていて、クリックすると別ページで記事が開く - 代官山青果展
ページ構成：写真が表紙の記事が横並びで、開くと写真と文字情報が半々 - のらもじ発見プロジェクト
メニュー構成：フォント別に分類、ABOUT、関連する本の紹介 - Space Life Conception β
ページ構成：シングルページでストーリー性がある - BBB! 動画でわかる韓国プサンの歩き方
分類：ハッシュタグで分類
看板とフォントの関係
2023.10.11
進捗・メモ
- AR
- 初めての技術はまず通してやってみる
- やりたいことと同じことができるコードのテンプレがあるか
- 3DCGの技術必須
2023.10.04
進捗・メモ
- Webマガジン
- 紙媒体の素材をWebにすることでより多くの人に見てもらえる
- 許可どりなどの手間がかかる
- AR
- なにを映すか、どこで映すのかを考えたら面白いものになる
- 技術を習得するのに時間がかかり半年で終わらないかも
2023.09.27
進捗・メモ
ARはProcessingでコードを書くことで作成できる。
「簡単に作成できる！」に飛びつかない
2023.09.20
基本情報
先行事例
- Webマガジン
- AR
- ARでできること
家具・家電のシミュレーション
- ARでできること
研究テーマ案
- 紙媒体のフライヤーをWebマガジン化
- AR
- ギャラリーサイト（看板の写真）
galleryprototype.png
gallerysitemap.png
