オブジェクトのモデルができれば、二次元のGUIのレイアウトができあがるわけではありません。ただし、この両者の関係性をパターンを用いて整理することができます。 モデルとレイアウトの関係性を整理すると、様々な場面での判断に役立ちます。 大きく5つあります。 1つのクラス 関連のない複数のクラス 自己再帰する1つのクラス 関連のある複数のクラス 再帰する複数のクラス (クラス図風の表現なのでクラスといっていますがざっくりとオブジェクトと捉えても構いません) この他にもありますが、組み合わせの最小単位として5つに絞ってみましょう。 1.1つのクラス クラスが1つだけ。例えば「生徒」です。 1つのクラスはオーソドックスに考えると、コレクション(例:生徒の一覧)とシングル(例:生徒の詳細)の2つを持ちますのでコレクションで1画面、シングルで1画面にすると以下のレイアウトが考えられます。 ナビゲーション
![OOUIデザインのトレーニング:モデルとレイアウト](https://cdn-ak-scissors.b.st-hatena.com/image/square/83f9f867fc6a6c330ecbc52f0dcaa80d8629ba70/height=288;version=1;width=512/https%3A%2F%2Fatochotto.com%2Fwp-content%2Fuploads%2F2019%2F03%2Ffcbb495206aad53fcf5e8ca9cb7c3305-2.png)