June 2022
Intermediate
236 pages
6h 2m
Japanese
Content preview from 実践ゲームUIデザイン コンセプト策定から実装のコツまで
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
106
Chapt er
4
04
デザイン
ここまでの準備が整ったら、いよいよビジュアルのラフデザインに入っていきます。
土台はバッチリ固まっていますので、楽しんでデザインしていきましょう！
「Chapter2コンセプト」で作成したトンマナと、「Chapter3プロトタイピング」で
用意したプロトタイプをもとに、作業を進めていきます。
ラフデザインの流れは以下の通りです。
1.
視認性優先度を設計する
2.
テキスト情報を本番想定で流し込む
3.
要素のレイアウトとサイズ感を確定する
4.
カラー設計を行う
5.
ラフクオリティでデザイニングしていく
それぞれ順を追って解説します。
視認性優先度
「Chapter3プロトタイピング」で情報の優先度を付けました。この優 先 度に沿って、
それぞれの要素をどんな順番でユーザーに視認させるのかを決めるのがこの工程です。
例えば、以下の図はキャラクター選択画面の NG サンプルです。
エンジニアメンバー 企画リーダー
ラフデザイン
04
Chapter
1
2
Chapter
3
Chapter
4
Chapter
5
Chapter
6
Chapter
7
Chapter
107
Chapter
4
このような UI では、色味などの差別化ができておらずすべての情報が並列に見えてし
まい、ユ ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.