이 를 도시 된 구성 을 통해 살펴보 면 , 상기 UI 디자인 부 ( 200 ) 는 우선 컨트롤 요소 를 이루 는 조각 그림 들 의 배치 에 관한 인터페이스 를 제공 하 는 컨트롤 요소 편집부 ( 201 ) 와 , 상기 컨트롤 요소 편집부 ( 201 ) 를 통해 편집 되 는 컨트롤 요소 에 대한 속성 을 편집 하 는 컨트롤 요소 속성 편집부 ( 203 ) 와 , 상기 컨트롤 요소 에 대한 계층 을 관리 하 는 컨트롤 요소 계층 표시 부 ( 204 ) 와 , 상기 컨트롤 요소 를 레이어 에 상기 컨트롤 요소 계층 표시 부 ( 204 ) 의 정보 에 맞추 어 배치 하 는 인터페이스 를 제공 하 는 레이어 배 치부 ( 202 ) 및 스크립트 파일 을 생성 하 거나 읽 어 들 이 고 상기 인터페이스 를 관리 하 는 파일 관리 부 및 인터페이스 부 ( 205 ) 와 , 상기 컨트롤 요소 의 표시 및 동작 방식 에 대한 설계자 의 스크립트 입력 을 받아들이 는 스크립트 편집부 ( 206 ) 를 포함 하 여 이루어진다 . 이때 , 상기 UI 디자인 부 는 기본 적 인 컨트롤 요소 들 에 대한 프로토타입 을 구비 하 는 것 이 바람직 하 며 , 설계자 가 설정 한 프로토타입 이나 프로토타입 을 이용 하 여 생성 된 컨트롤 요소 를 별다른 설정 없이 그대로 활용 ( 설계 단계 및 런타임 단계 ) 할 수 있 도록 하 는 것 이 바람직 하 다 . 상기 파일 관리 및 인터페이스 부 ( 205 ) 는 상기 컨트롤 요소 편집부 ( 201 ) 와 레이어 배 치부 ( 202 ) 의 사용 자 인터페이스 를 제공 하 여 설계자 의 시각 적 요소 배치 를 용이 하 도록 하 며 , 상기 컨트롤 요소 편집부 ( 201 ) 는 상기 컨트롤 요소 속성 편집부 ( 203 ) 의 설정 내용 을 참조 하 여 컨트롤 요소 에 대한 설정 내용 을 스크립트 파일 로 생성 하 고 필요 한 경우 기 생성 된 스크립트 파일 을 불러들인다 . 이때 , 상기 컨트롤 요소 속성 편집부 ( 203 ) 는 제공 되 는 속성 을 설정 하 는 기능 뿐 만 아니 라 속성 자체 의 생 성과 삭제 를 지원 하 여 상기 컨트롤 요소 편집부 ( 201 ) 가 특정 컨트롤 요소 의 프로토타입 을 생성 하 거나 기존 프로토타입 을 변형 시켜 새로운 컨트롤 요소 를 생성 할 수 있 도록 한다 . 이러 한 프로토타입 은 별도 의 스크립트 파일 포 멧 으로 저장 되 어 관리 될 수 있 으며 , 임의 의 스크립트 파일 ( 210 ) 에 추가 되 거나 해당 파일 에서 호출 될 수 있 다 . 즉 , 스크립트 파일 ( 210 ) 중 임의 의 파일 에 정의 된 컨트롤 요소 는 다른 어떤 파일 에서 도 용이 하 게 연동 되 어 사용 될 수 있 다 .