Ghost
福岡市をGraffittiで塗りつぶしたギャラリーサイト
Keywords:Graffiti, Web,
1.背景
グラフィティとは
- スプレーなどを使い、壁などに描かれた図像のこと
- 各々がいろんな目的でグラフィティを描いている
- 目的も違えば表現の仕方が違う所もグラフィティのおもしろさ
グラフィティに対しての印象
- 一般人はグラフィティへの評価が低い
- 町の景観を損なうような落書きなどがグラフィティのイメージを下げている
目的
- グラフィティに対する新しい表現の仕方や新しい価値などを見つけてもらう
- 多角的な視点でグラフィティの魅力を見出す方法をみつけてもらう
2.調査
グラフィティに対しての一般的な印象について調査
- 景観保護の観点から近隣住民と対立するトラブルも起こっている
- 多数の落書き問題に関するメディアへの出演
- アンケートデータでは落書きがあると犯罪が増える、怖いという意見がある
- 景観保護の観点から近隣住民と対立するトラブルも起こっている
SNS でグラフィティの最新の事情を調査
- ドイツやアメリカなどで実際に壁に描いてある動画や写真が投稿されていた
- タブレット端末で電車の写真の上にグラフィティを描いている投稿があった
- 法律を気にせずにいろんな手段で合法的にグラフィティを描いている人もいた
3.制作
(1)コンセプト
- 描いていくグラフィティは公共的なサインやロゴを描き変えていく
- インターネットが普及されているのでギャラリーサイトを制作する
- URLリンク
▶︎http://miyabi.om1002.coreserver.jp/
(2)合成写真の制作
- コンセプト
▶︎福岡市内の看板や建物の公共的なサインやロゴを撮影する
▶︎元の写真と比較するために描きかえるロゴ、情報の色をベースに描きかえた
- 背景の撮影
▶︎写真一覧
- 合成写真の制作
▶︎合成写真一覧
▶︎ロゴ、テキスト情報の色をベースに描きかえた
▶︎描きかえたグラフィティには装飾などを付け、グラフィティらしさと質を上げた
▶︎少し大きめに配置することによってインパクト与えれるようにした
(3)サイトの制作
- コンセプト
▶︎周りに余計な情報を入れずに見やすさを重視したシンプルな構成
▶︎スマートフォンやタブレットなどにもレスポンシブを対応
▶︎合成写真の雰囲気に合わせたサイトを制作
- URLリンク
▶︎http://miyabi.om1002.coreserver.jp/
- Webサイトの特徴
▶︎掲載写真に視線を誘導しやすいように装飾を少なくした
▶︎フェードインやスクロールアップなどの動的処理をし、サイトの質を上げた
▶︎FVには制作した合成写真をスライドさせギャラリーサイトらしい FV に制作した
▶︎合成写真をクリックすると写真がポップアップされ比較しやすくなっている
▶テキストをクリックするとgoogle earthに移動し、臨場感を味わえる
4.まとめ
- グラフィティに対する世間の評価や歴史を理解を深めることができた
- 加工前と加工後で印象が変わり面白い合成写真が作ることができた
- サイトは写真との雰囲気に合っており、合成写真が見やすいサイトができた
- 今後は写真を増やし、サイトの質を高めていきたい