> 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.md).

# 디자인(Annotation)

작업/검수 화면을 손쉽게 구성하는 페이지

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

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

![](https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FziJHfyrm0W8T3vWNED6G%2Fimage.png?alt=media\&token=18bbfbd7-267d-431e-a92f-0443973539fa)

### Create a new template

1. 왼쪽 사이드바에 있는 Field를 드래그&드롭하여 오른쪽 영역에 추가&#x20;
2. 추가한 Field 상세 설정조건 변경

   Field의 "<img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FYat0KODbim1s8wAVCJEY%2Fimage.png?alt=media&amp;token=0a81101a-a89d-4bd1-b04e-d4455fedf952" alt="" data-size="line">" 버튼을 클릭

   <img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2F57jLBWbtQQ3Ovz385kf7%2Fimage.png?alt=media&amp;token=c568415f-82e3-439d-a482-459ae33d2f0d" alt="" data-size="original">
3. 1\~2번 항목 반복하여 작업화면 구성
4. 작업화면 템플릿 구성이 완료된 후 `미리보기`를 통해 실제 작업/검수화면 확인

   <img src="https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2F6XWtTQrchycAovqxbREB%2Fimage.png?alt=media&amp;token=39405415-ff4e-4f4d-9dc8-1150db200924" alt="" data-size="original">