게임 UI 구성요소

UI는 조작 단계가 적을수록 간편하다

1. 마우스 포인터
   사용자의 마우스가 위치한 좌표
   마우스 포인터의 형태는 일관성을 유지하는 것이 일반적

2. 버튼(단추)
   -일반버튼
   -라디오 버튼 (옵션 버튼) : 값이 없는 상태가 존재하면 안될 때, 선택지 중 하나만 골라야 할 때
   -체크박스 : 중복으로 값을 선택할 수 있을 때, 값이 없는 상태가 존재해도 될 때
   -스핀버튼 : 스크롤을 움직이는 기능, 개수 설정이나 값 변경에 사용하기도 함
   -토글 : 두 가지 중 하나의 상태를 설정할 때 ex) On / Off

tmi) 라디오 버튼 하나를 누르면 다른 버튼이 튀어나와서 하나 밖에 못 고르는 것에서 유래됨

3. 박스(상자)
   -목록 상자
   -텍스트 상자
   한 줄일 경우 : 입력 가능한 글자 수를 결정하는 경우가 많음
   ID, 암호, 대화명, 제목 등을 입력할 때 주로 사용
   여러 줄일 경우 : 한 줄짜리 텍스트 상자만큼 중요한 요소는 아님
   

목록 상자를 이용해 목록을 한번에 다 보여주거나 한 화면에 모든 정보를 노출시키는 것은 사용자를 혼란스럽게 만들 수 있다

4. 바(막대)
   -스크롤 막대 : 화면의 스크롤을 이동시켜 나머지 정보를 보기 위한 컨트롤러, 양 끝의 스핀 버튼을 눌러 일정량 이동시키거나 중앙의 버튼을 눌러 직접 이동시키거나 스크롤 막대의 빈 곳을 눌러 한번에 이동시킬 수도 있음
   픽셀단위/블럭단위로 구성됨
   -슬라이더 : 특정 기능의 정도를 조절하기 위한 컨트롤러 ex)볼륨 조절\

5. 하이어라키(트리노드)
   부모/자식이라는 개념의 계층 구조
   상위 항목(부모)와 하위 항목(자식)으로 구성
   필요에 따라 확장 또는 숨김 기능을 활용하여 UI를 효과적으로 탐색할 수 있음

6. 윈도우(창)
   -작은 공간의 디스플레이 : 스마트폰, mp3
   -넓은 공간의 디스플레이 : PC, TV

7. 패널
   창 내에서 공간을 구분하기 위해 사용되는 요소
   UI 창 안에서 패널은 주로 상단에 위치, 해당 패널과 직접적인 관련이 있는 항목들이 배치됨

8. 그룹박스(그룹상자)
   창 내에서 공간을 구분하기 위해 사용, 정보의 구분과 구조화를 도와주는 요소

9. 탭 컨트롤
   

10. 윈도우 버튼(창 버튼)
    창 자체를 컨트롤하기 위해 사용
    창의 정보가 아닌 창의 상태를 조절
    ex) 경고 메시지, 중대한 오류, 물음표, 정보