制作記録

和の題材とネオンを組み合わせたサイトデザイン

おんなぶしゲームズのサイトで、和のモチーフとネオンカラーをどのように共存させているかを紹介します。

公開日: / 著者: おんなぶしゲームズ

このサイトは「現代に生まれた女武士」をコンセプトに、和の題材とネオンの光を組み合わせています。伝統的な意匠をそのまま再現するのではなく、ブラウザゲームの入口として軽快に見えることを目指しました。

暗い背景に役割の異なる色を置く

背景は紫を含んだ暗色にし、主な操作には明るい色を使っています。シアンは見出しや案内、マゼンタはリンクやアクセントというように、色を置く場所を絞っています。

色が多いと華やかになりますが、すべてが目立つと、ゲームを遊ぶためのリンクが見つけにくくなります。そのため、光彩表現は世界観を伝える補助として使い、本文は読みやすさを優先しています。

装飾がなくても読める構造にする

ロゴや区切り模様はサイトの印象を作りますが、それだけでページの意味を表さないようにしています。ページ名は文字の見出しとして用意し、画像が表示されない場合でも内容と移動先が分かる構造にしています。

また、ヘッダーには主要ページへのリンクをまとめ、フッターからは問い合わせとプライバシーポリシーにも移動できます。見た目の世界観と、迷わず使えることを両立させるためです。

作品が増えても崩れない共通部品

ゲームカード、見出し、ボタン、区切り模様を共通部品として作っています。新しい作品や制作記録を追加したときに、ページごとに見た目や操作方法が変わらないようにするためです。

今後スクリーンショットや攻略記事が増えた場合も、本文の読みやすさとゲームへの導線を優先し、装飾は情報を邪魔しない範囲で調整します。