> For the complete documentation index, see [llms.txt](https://docs.crowdworks.kr/crowdworks-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.crowdworks.kr/crowdworks-docs/project/annotation/overview.md).

# 디자인 메뉴 Overview

### 디자인 메뉴에서는 무엇을 할 수 있나요?

디자인 메뉴에서는 프로젝트 진행에 필요한 **작업화면을 쉽고 빠르게 수행하도록 돕는 메뉴** 입니다.

개발적인 지식 없이도 직관적인 UI를 통해 다양한 필드 유형을 사용하여 원하는 작업을 할 수 있으며, 이미지바운딩/텍스트태깅 등과 같이 다양한 필드들을 지원합니다.<br>

![](/files/Y9KX68t8N21na7Leep6I)

## 디자인 화면 구성하기&#x20;

### 필드 추가 및 설정하기&#x20;

1. 왼쪽 사이드바에 있는 Field를 드래그&드롭하여 오른쪽 영역에 추가하세요 ![](/files/5IyXdMAUkj6zmlKtjZRx)
2. 추가한 Field 상세 설정조건 변경하세요

   Field의 "<img src="/files/qClTC4QyJrwqmWDAGMJg" alt="" data-size="line">" 버튼을 클릭

   <img src="/files/wfJFaMVNssW8z84V86G1" alt="" data-size="original">
3. 1\~2번 항목 반복하여 작업화면을 구성합니다
4. 작업화면 템플릿 구성이 완료된 후 "미리보기"를 통해 실제 작업/검수화면 확인합니다&#x20;

   <img src="/files/wgN6rUJsA02RVdOmRBNb" alt="" data-size="original">

### 필드 복사 및 삭제하기&#x20;

<figure><img src="/files/svjBkcGtiY3OMw2MUcMK" alt=""><figcaption></figcaption></figure>

1. 필드 복사&#x20;
2. 필드 삭제&#x20;

### 필드 그룹 설정하기

<figure><img src="/files/ht40zFsnPprsJinyDCnN" alt=""><figcaption></figcaption></figure>

* Visual Field, General Field를 여러 개 조합하여 필드 그룹으로 만들 수 있습니다.
* 각 필드를 드래그&드롭하여 같은 그룹 박스 안에 추가합니다.
* 필드 그룹은 작업/검수 단가의 기준이 되는 작업물(오브젝트) 단위입니다.&#x20;