このサイトひとつ作るにもいろいろ悩んでいる、という話 - ゲーム作るくんのサイト
ゲーム作るくんのサイト
ゲーム作るくん
X

このサイトひとつ作るにもいろいろ悩んでいる、という話

まず、「ゲーム作るくん」にするか「ゲームつくるくん」にするかで悩んでます。漢字かひらがなか。本当にどうでもいい話だとは思うんですが、作ってる方としてはそんな細かいことまで気にしている、という話です。

ひらがなだけにすれば子供にも読めてフレンドリーな一方で、ゲーム制作に関するサイトというイメージを大切にするのであれば「作」という文字にはこだわりたい、というジレンマの中、今のところ「作」の方を選んでます。

「Game Tsukuru Kun」という英語表記が混在してるのも気になるところではあります。英語を織り交ぜた方がおしゃれなのでは? という安易な気持ちから使ってるんですが、全部日本語に統一した方が良いのかもしれない…。

そのほか、このサイトを作る上で悩んだ部分、今でも悩んでいる部分をまとめておこうと思います。

特に何かの参考にはならないと思いますが、サイトを作ってる人に「分かる〜。悩むよね〜」と共感してもらえればありがたいです。

ヘッダーに置く Twitter リンクをロゴ画像にするか文字にするか

ロゴ画像だと Twitter リンクが目立ちすぎるし、文字だと気づかれないかもしれない。「気づきはするけどじゃまにはならない」というラインを考えた結果が今の状態です。

メインカラーとサブカラーを何色にするか

いろいろ試した結果、今の緑と黄色になりましたが、紆余曲折あります。

まず、カラーパレットを何にするかで悩みました。最終的にファミコンカラーのみを使う、と決断しましたが、もっときれいな色の組み合わせもあるし、あんまりファミコンにこだわるのもなあ…という思いもあります。

とはいえやはりゲームといえばファミコンなので、ゲームっぽさを出すためにはファミコンカラーがベターか、という判断です。

緑と黄色、に関して言えば、自分で決めたあとで改めて眺めて「ピタゴラスイッチじゃん」「もじぴったんじゃん」と思ってしまったんですが、そういうデザインが好きだし、ドット絵の雰囲気的とも合ってると思うので致し方なしですね。好きなものに似てしまうのはしょうがない。

「おしゃれな感じにするには色数はあまり増やさない方が良い」という教えを何かで読んだので、黄色、緑、白、黒の4色だけで構成するよう意識しています。

が、リンクカラーなどはやっぱり青を使うのが分かりやすいので青系の色を使っています。これも「青は使わずに下線で表現すべきかも…」という悩みの上での決断となります。

フォントをどうするか

「ブラウザデフォルトのフォントは嫌だ!」という思いは最初からありました。ブラウザデフォルトのフォントでは、さすがにゲームっぽさが出ないので。

ファミコン風の 8bit フォントを使う、という方針はすぐに決まりました。いくつかフォントを探してみた結果、美咲フォントがまさに探していたもの、という感じで迷うことなく使わせてもらうことにしました。素晴らしいフォント、ありがとうございます。

当初は「美咲フォントだけでいく!」と思っていたのですが、やっぱりある程度長い文章を読むとなるとひらがなだけだとちょっと厳しいんですね。美咲フォントは漢字も用意されてるんですが、このサイズだと漢字もつめつめになるので、やはり可読性に欠ける。

ということで、漢字ありの文章については k8x12 フォントも使うことにしました。

ゲームの中で使う分には美咲フォントと k8x12 フォントで事足りていたんですが、この文章のような長文を書いたときに、k8x12 でも微妙に可読性が下がるな…と気になってしまったんですね。

そこで、長文については M PLUS Rounded 1c フォントを使うことにしました。固定幅テキストについては M PLUS 1 Code を割り当て、なんだかんだでフォントを4種類使うことに。

4種類というのは若干使いすぎな気がしているため、k8x12 をやめて M PLUS に統一した方がいいか…? と悩んでる最中です。

アイコンをどうするか

当初は Font Awesome を使っていたんですが、その後ファミコンっぽい雰囲気に統一するためにひとつひとつ消していきました。

ところが、全部消した結果「やっぱりちょっとさみしいし、分かりやすさに欠けるのでは」と思い直し、アイコンフォントを導入すべきかどうか迷っているところです。

自前で 8bit アイコンフォントを描く、という手も考えてはいるんですが、それをやろうとするとそこそこ時間使うよな…と思い見送っている状態です。

ヘッダーとフッターの色をどうするか

最終的に緑に統一する、という形に落ち着きましたが、最初は背景色を黒にしていました。黒を使った方がデザインがくっきりして良いんじゃないかと思い。

ただ、ゲームをやっていて、上に黒帯があるとやはり狭苦しい感じが出てしまうため、メインの背景色である緑色に統一することにしました。これについては緑に揃えて良かったと思っています。

まとめ

とりあえず以上、となります。ある程度固まってはきたので、ここからは文章を書いたりゲームを作ったり、という部分に集中したいと思います。