街中に蔓延るグラフィティアート図録(仮)
九州産業大学周辺の落書きが見れるwebサイト(仮)
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
- 安部 詩織
- Keywords：親しみやすいWEBサイト,落書きの見方,
プロジェクトの概要
これは何？
今まで見てこなかったグラフィティアートに目を向けるwebサイト
背景と目的
落書きの面白さを広める。
※落書きを助長するためのものではないです。
参考事例
参考となるサイト等へのリンク
制作ツール
使用するツール｜ハードウエア・ソフトウエア
成果物とその仕様
ここに最終成果を掲載 または リンク
成果物の形式・サイズ・時間尺等
進捗記録
最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。
最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。
2025.05.19
作業の記録
MEMO（ToDo項目など）
- サイトの見た目を見やすくする
- その他のところを埋める
- 関連性のところに文字入れをする
2025.05.12
todo
- 背景を考えとく
- ボタンにするか文章にするか
- アイコンのデザイン
- 文章を入力
2025.04.28
見出された問題点
- ランキング
- 注意喚起が読み辛い
- マップのクリックが
- メリットデメリットがあるといい
- 自分が落書きをする場合があるといい
好評を得た点 ＞ プロジェクトの特性として
- 散歩の楽しみが増えた
2025.04.21
今回制作したプロトタイプ
サイトマップ
サイトのワイヤーフレーム
https://shiopoooh.github.io/design_IIB
サーバーの動作確認（プロトタイプサイト）
2025.04.14
現場調査
- 落書きマップの先行事例
- 作りたいwebサイトの形式
- 取り入れたい要素
解決すべき問題(todo)
- 0.webサイトのの大まかな形を決める
- 1.らくがきの法律を調べる
- 2.大学周辺の落書きを記録撮影
- 3.落書きの意味を調べる
- 4.落書きの間に関連性のあるものをつなげていく
- 5.できたデータをマップに落としてwebサイトを仕上げる
制作上のアイディア(課題ごとに複数のアイディア)
- 0.webサイトのの大まかな形を決める(名前の候補)
- 街(中)に蔓延るグラフィティアート図録
- 街の落書き分散図
- 街の落書きに目を向ける
- 0.1サイトをどれにするか絞る
- 0.2サイトで自分でも出来そうな事と出来なさそうな事を調べとく
- 0.3タイトルを確定する
- 0.4あらかたのページを作成をしておく
- 0.5ほんのり文字を入れとく
- 1.大学周辺の落書きを記録撮影
- 練り歩く
- google mapのストリートビューを使う
- 人にどこに落書きがあったか聞き回る
- 2.落書きの意味を調べる
- 発祥はどこか
- 目撃が多い場所
- 3.落書きの間に関連性のあるものをつなげていく
- いつ描かれたか
- 同一人物が複数回描いているかどうか
- 目的はあるのか
- 4.できたデータをマップに落としてwebサイトを仕上げる
- mapを画像にする
- 3D or 2D mapを入れる
- 落書きの種類ボタンを置く
- 落書きの場所と種類を表にして入れる
- AR機能を入れる
- 実際に足を運んだら記録できる
- 掲示板のようなものもつける
2025.04.07
プロジェクトのテーマ候補
- 壁紙検討
- 擬似環境音楽
- 3DCG(仮:料理)
- 記念写真ポーズ集
- 散歩補助
- 世界料理の日めくりカレンダー
- 身近な香水
- タイマー
- 街の落書き分布マップ
- 試作したWebサイトです
- 評価シート←ここに評価お願いします。
wire_frame.gif
site_map.gif
