配色バランスまとめ ( サブカル編 )

川崎陸

概要 サブカルサイトの配色研究

目的 「サブカルらしさ」を表現し得る配色、バランスを解き明かす。

方法 ヴィレッジヴァンガード、 KAI-YOU の 2 サイトの配色、バランスを調査

する。それらの共通項よりサブカルを再現できる色彩的要素を導く。 目次

1. 配色まとめ①　ヴィレッジヴァンガード ( http://www.village-v.co.jp/ )

2. 配色まとめ②　 KAI-YOU ( http://kai-you.net/ )3. 結論

概要

ヴィレッジヴァンガード ( http://www.village-v.co.jp/ )配色まとめ①

70%245:245:245 5%15%

41:89:15910%

255:255:0

• メインカラーと思われる黄色の彩度が同じメインカラーの青より数段高い。• でもしっくりきてる…。なぜ？• 考察⇒メインカラーに明度の高い色を置くことがサブカルの雑多感を演出している (?)

メインカラー背景カラー メインカラー アクセントカラー

255:154:5

KAI-YOU ( http://kai-you.net/ )

70% 5%25%

背景カラー メインカラー アクセントカラー

• ヴィレヴァンと比べて、全体的に明るい印象。• メインカラーの明度がヴィレヴァン 130 < KAI-YOU184 が要因の一つかも。• アクセントカラーは同じくビビッドな黄色で hover や背景のアクセントとして使用されている。

配色まとめ②

共通項背景は明度 245 以上のグレー。メインカラーに青系統を用いている。アクセントカラーとして明るい黄色を使用している。

サブカル要素ヴィレヴァンの黄色はバランス的にはメインカラーと

思われるが、配色的にはアクセント。⇒ 明るい黄色はサブカルを醸し出す鍵

まとめ

ウェブサイトhttp://www.slideshare.net/marippe/ss-9003317

参考資料