화면사이즈 기준은 어떻게 잡고 갈지?
- 1440 x 900 기준으로 작업해 볼 예정입니다. 일반적인 14인치 노트북 모니터에 많이 사용되는 사이즈입니다. 지금 저희가 기준으로 잡았던 사이즈에서 크게 변하지는 않을 것 같네요.
- 13인치 맥북에서 크롬 브라우저로 보았을 때 100% 비율에서 가로, 세로 약간 스크롤이 있네요.
선정이유: https://noeyusmik.tistory.com/entry/웹사이트-사이즈-정하는-방법-feat-2023-최신-웹트래픽-분석-자료를-토대로
게임 페이지 화면구성
현재 게임화면
문제점:
- 게임 페이지에서 헤더가 계속해서 차지하는 공간이 많다.
- 왼쪽 상단 게임 타이틀 ⇒ 필요없음
- 전체현황판 버튼 ⇒ 게임판 중앙이나 화면 상단 빈 공간 활용
- 사운드 조절버튼 ⇒ ?
- 나가기 버튼 ⇒ 필요없음
- 사용자가 게임에 플레이 할 때 집중해야할 정보들 보드게임판, 게임판 중앙, 본인과 다른 플레이어 카드들 이 세가지 요소이므로 현재의 헤더를 없애고 모두의 마블 배치를 참고해서 새롭게 디자인 해보면 좋을 것 같네요.
- 다른 턴제게임 화면 참고
플레이어 카드
- 표시정보
- 플레이어 프로필 이미지
- 닉네임
- 현금 잔고, 투자 금액, 총 자산
- 등수(optional)
보드게임판
- 각 Cell들을 3D 박스모양으로 만들어서 입체감 부여하기
- 보드게임판을 마름모꼴로 배치해서 상하좌우 빈 공간 활용하기
- 플레이어 토큰도 3D로 만들기