
Chapter
1
2
Chapter
3
Chapter
4
Chapter
5
Chapter
6
Chapter
Chapter
133
Chapter
4
一通りのデザイン工程、お疲れさまでした!
本 章 の 締 め く く り と し て「 U I ビジュアルの OK・NG サンプル集」を用意しました。UI
の仕上がりをチェックする際、参考にしてみてくださいね。
なお、実際の UI は「前後のフロー」や「アニメーション・サウンドなどを含めた演出」
によって良し悪しが変わります。
一概に静止画のみで判断することは難しいため、本書では以下のような「UI のビジュ
アル(見た目のデザイン)」に的を絞って解説していきます。
1.
まずどこを見たらいいかわかりますか?
2.
情報量はちょうどいいですか?
3.
目が疲れませんか?
4.
操作できる部分がわかりますか?
5.
何回も繰り返し使えますか?
6.
ハードウェアに最適化されていますか?
7.
一貫性はありますか?
8.
世界観を守っていますか?
9.
製品クオリティを満たしていますか?
それぞれ見開きで、左ページにNG画像とNG ポイントを挙げ、右ページにOK 画像と
改善ポイントを掲載しています。各項目のサンプルはそれぞれ独立したトンマナになっ
ていますので、どのページからお読みいただいても構いません。
エンジニアメンバー 企画リーダー
U
I
ビジュアルチェックリスト
07