タイムラインでリメイクされたカードゲームのグラフィックデザインについて討論されてて大変興味深かった。カードは見た目の美しさという要素に加えて、ゲームの遊びやすさを左右するインターフェイスでもある。
2016-05-12 19:37:01私はグラフィックデザイナーじゃないけど、一応カードゲームを仕事にして19年、新作のカードゲームを作るときは、カードのレイアウトについて指示を出す。特に数値のレイアウトに関しては、グラフィックデザイナーと打ち合わせを重ねる。個人的な数値レイアウトへの考えを備忘録がわりにメモ。
2016-05-12 19:39:55【カードの数値レイアウト①】まず最初に、カードの数字は少ないほうがいい。たとえば、攻撃力と防御力があれば、1つにまとめてしまう(効果で違いは出せる)。私の目安だと3つくらいがちょうどいい。 pic.twitter.com/2vsmTBtV1i
2016-05-12 19:40:38【カードの数値レイアウト②】これはよく言われているけど、数値はできれば左によせる。これは手札でカードを重ねて持ったとき、右端は見えなくなってしまうため。左利きの場合、逆に見づらくなってしまうけど、左利きの人は切り捨ててしまう。 pic.twitter.com/NpP5JZpGxb
2016-05-12 19:41:45【カードの数値レイアウト③】数値をカードの上か下かどちらにレイアウトするかなら下。これは見やすさの問題ではなく、数値を上に配置すると、イラストの顔などに被ってイラストが見づらくなるため。下の方が隠れても問題ないことが多い。 pic.twitter.com/tPWWSITWy5
2016-05-12 19:43:07【カードの数値レイアウト④】数値を四隅に4つ配置するレイアウトは、結構あるんだけど、実は見づらい。目線が四隅に等分され、散漫になってしまう。カードの配置などで四隅に配置する意味がある場合以外は、数値はできるだけ集めた方がよい。 pic.twitter.com/z5nKxJoPI6
2016-05-12 19:44:45【カードの数値レイアウト⑤】数値を四隅に配置すると、デザインがシンメトリになる。一見整ったデザインになるが、天地がわかりにくくなる。天地をはっきりさせることは重要で、アンシンメトリなデザインのほうが天地がわかりやすい。 pic.twitter.com/5NXz7AJAu0
2016-05-12 19:46:27【カードの数値レイアウト⑥】どの方向からも見れるよう、四隅に同じ数字を配置するレイアウトはよくあるが、同じ理由で天地がわかりにくく、しかも数字が4ついっぺんに出るので実はわかりにくい。逆さになった数字1つのほうが早く読み取れる。 pic.twitter.com/jAMHsovqvd
2016-05-12 19:48:00【カードの数値レイアウト⑦】複数の違う意味の数値を区別する方法として、桁を大きく変えるのは有効。よくTCGなどで、パワーの数字がやたら桁数が多くなっているのは、はったりの意味もあるけど、コストなどと区別できるという理由もある。 pic.twitter.com/iDmIRpTyVy
2016-05-12 19:48:57【カードの数値レイアウト⑧】その数値が何の数値なのかカードに書いてあるとわかりやすさが数段ちがう(特に最初に遊ぶとき)。デザインをかっこよく見せるため、そういった記述を削りがちだけど、私はかっこよさよりもわかりやすさを採っている。 pic.twitter.com/3OklYYskss
2016-05-12 19:50:39【カードの数値レイアウト⑨】おまけ。私がカードゲームを作り始めたころは「データはスミで」と言われていた。これは色校で修正が出たときスミ版のみの修正ですむため(白抜きだと下手すると全部修正することになる)。今はあまりそういうことをきかなくなったので、いい時代になった。
2016-05-12 19:52:04てな感じでレイアウトのノウハウを並べたけど、実はレイアウトの正しさは「個人の信念」みたいなものなので、中には「私はそう思わない」ってのもあると思う。グラフィックデザインには正解があるようで、実はきわめて主観的なもの。UIとして見たとき意見が食い違うのは仕方ないよね。
2016-05-12 19:56:42そのカードを手札にすることがあるかないかで、レイアウトも変わってくるのよね。 手札にしないのであれば左上・右上のアイコンを省いてもいいし、横向きにレイアウトしてもいいんだが。
2016-05-12 20:12:55後日見つけたというか、
思い出したブログ
全ての同人ゲーム作家さんは読んでおいて欲しい
見つけた!コレだ! あやつられ人形館のブログ カードのデザインとか見え方の話 sweets-and-spicy.topping.jp/archives/2340 【問題集】No.3 カードのどこそこ
2016-05-17 00:47:15