접는 방향에 맞춘 화면과 버튼 배치

아이폰 듀오와 Android 폴더블에서 게임 화면과 조작 버튼을 다듬었습니다. 한 화면 게임은 양옆에 버튼을 모으고, DS와 3DS는 두 화면과 터치 공간을 유지했습니다.

폴더블에서는 화면 크기만으로 배치를 정하기 어렵습니다. 접으면 바깥 화면을 쓰고, 펼치면 힌지의 방향에 따라 공간이 좌우나 위아래로 나뉩니다. 이번에는 아이폰 듀오와 Android 폴더블에서 이 차이에 맞춰 게임 화면과 버튼을 다시 배치했습니다.

세로 힌지로 좌우가 나뉜 화면에서 한 화면 게임을 할 때는 조작 버튼을 양옆에 모았습니다. 셀렉트, 스타트, 일시정지 버튼도 가운데 공간을 덜 차지하도록 옮겼습니다. 버튼 크기는 유지하면서 게임 화면을 가리지 않는 범위에서 화면을 크게 씁니다.

DS와 3DS는 두 화면과 하단 터치 입력이 필요해 기존 배치를 유지했습니다. 화면 영역과 조작 영역을 1:1로 나누던 배치도 그대로입니다. 가로 힌지로 위아래가 나뉜 화면도 기존처럼 화면과 조작부를 나눠 씁니다.

접은 듀오에서는 카메라 옆 공간을 통째로 비우지 않고 카메라 아래쪽까지 활용했습니다. DS는 일시정지 버튼을 아래로 옮겨 하단 터치 화면을 키웠습니다. 컨트롤러를 연결하면 두 화면을 카메라 아래 가운데에 맞춰 표시합니다.

보관함과 설정, 팝업도 함께 확인했습니다. 듀오를 돌리거나 접은 뒤 메뉴 버튼 위치가 어긋나던 문제를 고쳤고, 게임팩 아래의 실행 버튼이 가려지지 않게 했습니다. 여러 창을 차례로 열어도 버튼은 카메라를 피해 표시합니다.

컨트롤러를 연결해 터치 버튼이 사라지면 게임 화면은 남은 공간을 넓게 씁니다. 터치 조작 화면과 컨트롤러 연결 화면은 따로 미리보기를 만들어 비교했습니다. 웹의 게임 장면은 배치를 보여 주기 위한 예시 이미지입니다.