Unityで２Dゲームを作ろうとしていますが、小さい表示枠と大きい表示枠について教えて下さい。

画像をSceneに配置すると小さい枠の中に置いたものが実行時に表示され、座標はたとえば-2〜+2です。
ヒエラルキーからUIのButtonを配置すると大きい枠の中に置かれ、座標は0-1000などの設定した画面サイズの値になります。
２つの座標系があるようなのですが、Sceneで見ると重なっていないのに実行すると上記の２つ枠は重なって表示されるようです。

なんでこんなことになってるんでしょうか？
両者を混在して使ってると実行環境によってずれが生じそうですが大丈夫なんでしょうか？
また「Unityの教科書 Unity 2019完全対応版」を読みましたが、次に読むと良さそうな本があったら教えて下さい。