사용 안내서 취소

문구 작성 가이드라인

검색

마지막 업데이트 날짜 2024년 10월 1일

Tutorial Builder for Web

앱 열기

1. 섹션, 단계, 참고 수

튜토리얼 작성에 사용할 수 있는 섹션과 단계의 최대 개수는 아래와 같으며, 섹션과 단계는 짧을수록 좋습니다.

권장

섹션: 튜토리얼은 4개 미만의 섹션으로 구성될 때 가장 효과적입니다. 튜토리얼은 최대 10개 섹션을 포함할 수 있습니다.
단계: 3단계를 권장하며, 섹션당 5단계 미만이어야 합니다. 한 섹션에 모든 단계를 포함하지 마세요.
참고: 각 단계당 2개 이상의 참고를 포함하지 마세요.

팁: 섹션, 단계, 참고 작성법에 대한 자세한 지침은 튜토리얼 만들기 > 튜토리얼을 참조하세요.

문자 수

TBW의 각 텍스트 필드에는 텍스트 입력 시 제한된 문자 수에 따라 남은 문자 수를 표시해 주는 카운터가 제공됩니다.

텍스트 필드	최대 문자 수 (공백 포함)	권장 문자 수 (공백 포함)
튜토리얼 제목	120	100
튜토리얼 설명	150	125
시작 템플릿	120	100
섹션 제목	120	100
섹션 설명	150	125
단계	200	170
참고	200	170
완료 메시지	200	170

2. 제목 및 설명

튜토리얼 제목

제목에서 튜토리얼의 내용이 명확하게 전해져야 합니다.
SEO 친화적이고 검색 가능한 제목을 만듭니다.
제목은 동작을 나타내는 동사의 "~하기" 활용형을 사용합니다.
- 예: 조정 레이어로 어두운 사진 밝게 만들기
제목에 "방법" 또는 "방법 살펴보기"와 같은 문구는 사용하지 마세요.
제목에 제품 기능을 언급하는 경우 기능을 사용하는 목적을 포함해야 합니다.
- 예: 복구 브러시 도구로 사진에서 개체 제거하기
공백을 포함한 최대 문자 수는 120자입니다. 짧을수록 좋습니다.
제목은 짧게 만듭니다.

섹션 제목

섹션 제목은 최종 사용자가 섹션의 단계를 따라 습득할 수 있는 작업이 요약된 동사의 "~하기" 활용형을 사용해야 합니다.
- 예: 정교하게 아트웍 모양 조정하기
- "~하기"로 제목을 작성하도록 권고하는 이유는 이러한 섹션 제목이 수행 단계로 잘 인식되기 때문입니다. 또한 "~하기"로 바꾸면 사용자의 관심도가 높아집니다.
섹션 제목 끝에 마침표를 추가하지 마세요.

튜토리얼 설명

튜토리얼 설명은 시작 화면의 튜토리얼 제목 아래에 표시됩니다. 튜토리얼에서 다룰 내용과 튜토리얼이 유용한 이유를 설명합니다.
튜토리얼 설명 끝에 마침표를 추가하세요.
예: 명도 및 대비를 조정해 어둡게 나온 사진을 매력적인 사진으로 바꿔 보세요.

섹션 설명

섹션 제목 아래에 섹션 설명이 표시됩니다. 이 필드에 사용자가 해당 섹션에서 학습하는 내용을 전달하세요. 짧을수록 좋습니다.
섹션 설명 끝에는 마침표를 추가하세요.
예: 레이어 마스크를 사용하면 작업 레이어 아래에 있는 이미지 레이어를 변경하지 않고도 이미지의 일부를 숨길 수 있습니다.

3. UI 요소

단계를 만들 때 사용자가 작업을 완료할 수 있도록 특정 도구, 메뉴, 패널을 가리킬 수 있습니다. 단계 텍스트 필드에서 "@" 기호를 사용하여 검색하고 관련 도구 또는 기능을 찾아 삽입하세요.

입력하면 선택할 수 있는 도구 또는 기능의 제안 목록이 표시됩니다. 선택하면 UI 이름이 나머지 텍스트와 다른 서식이 지정됩니다. 그러면 사용자에게 올바른 도구나 기능을 가리키는 시각적 보조 역할을 하는 코치 마크(파란색 상자)가 만들어집니다.

사용할 도구 또는 기능이 보이지 않으면 “@” 기호 없이 이름을 입력합니다. 패널과 메뉴 명령의 경우, ">"를 사용하여 워크플로우를 표시합니다. 제품 자체의 UI 요소 이름만 사용하세요. 이는 코치 마크를 생성하지 않습니다.

예: 레이어 > 레이어 작업 > 레이어 잠그기

"@" 시스템을 사용하여 여러 도구와 기능을 사용할 수 없는 경우 학습 글로벌 운영 팀에 알려주세요.

4. 용어

아래 표에는 작성자가 이해하고 사용할 수 있는 주요 용어가 포함되어 있습니다.

약자

약자	이름	설명
CCD	Creative Cloud Desktop 앱	설치용 빌드가 업데이트되는 곳입니다.
DP	탐색 패널	튜토리얼이 표시되는 제품 패널입니다.
LCM	콘텐츠 학습 모듈	엔지니어링 용어로, 학습 튜토리얼이 표시되는 탐색 패널의 일부분을 지칭합니다.
LCP	콘텐츠 학습 포털	사용자가 Ututs, Playlists, Collections 등을 관리할 수 있는 포털입니다.
Ps	Photoshop	어디에서나 멋진 그래픽, 사진 및 아트를 제작할 수 있습니다.
PsW	웹용 Photoshop	어디에서나 웹 브라우저에서 멋진 그래픽, 사진 및 아트를 제작할 수 있습니다.
TBW	Tutorial Builder 웹	사용자가 웹용 Adobe 제품에서 직접 따라 해보며 학습할 수 있는 안내형 실습 튜토리얼을 작성자가 제작할 수 있는 빌더입니다.

제품 이름

튜토리얼에서 제품 이름을 언급할 때 다음 지침을 따르세요.

“좋은 예” 열에 명시되어 있지 않은 이상 제품 이름에 "Adobe"를 포함하지 않도록 합니다.
설명을 위해 중요한 경우에만 Photoshop을 언급합니다.
제품 이름에 "CC"를 포함하지 않도록 합니다.
제품 이름을 사용해야 하는 경우 아래의 "좋은 예" 열에 있는 이름을 따릅니다.

좋은 예:	나쁜 예:
Adobe Dimension	Adobe Dimensions
Adobe Fonts	Fonts
Adobe Stock	Adobe Stock for individuals
Camera Raw	Adobe Camera Raw ACR Photoshop Camera Raw
Fresco	Adobe Fresco
Illustrator	Adobe Illustrator
iPad용 Illustrator	iPad용 Illustrator
라이브러리	CC Libraries
Lightroom Classic	Lightroom Classic CC
Lightroom(클라우드 기반)	Adobe Lightroom Photoshop Lightroom Lightroom CC
Lightroom for mobile	Lightroom for mobile
Photoshop	Adobe Photoshop
iPad용 Photoshop	iPad용 Photoshop

튜토리얼용 용어

연구와 선호되는 용어에 따라 사용할 단어와 피해야 하는 단어가 있습니다. 아래 목록과 그 이유를 확인해 보세요. 일관된 용어는 사용자에게 일관된 학습 환경을 제공합니다.

사용할 단어	피해야 하는 단어	이유
파일 > 저장을 선택합니다 고급 개체로 변환을 선택합니다	파일 > 저장을 클릭합니다 고급 개체로 변환을 누릅니다	사용자가 메뉴 항목을 활성화해야 함을 나타내기 위해 선호되는 용어
자르기 도구를 선택합니다 레이어를 선택합니다	자르기 도구를 누릅니다 레이어를 클릭합니다	사용자가 도구, 레이어, 축소판을 활성화해야 함을 나타내기 위해 선호되는 용어
불투명도 슬라이더를 드래그합니다 꽃을 드래그합니다 드래그하여 사각형 선택 영역을 만듭니다	불투명도 슬라이더를 클릭하고 드래그합니다 꽃을 클릭하고 드래그합니다	사용자가 UI 항목 또는 이미지 일부분을 드래그해야 함을 나타내기 위해 선호되는 용어
Ctrl+Z Shift+클릭 Shift+드래그 Cmd+클릭 Ctrl+클릭 Cmd+클릭(Mac) Ctrl+클릭(Win)		키 또는 명령 조합을 단축 형태로 표기하여 텍스트 필드의 공간과 문자 수를 절약합니다. 키 또는 명령 조합 사이에는 더하기 [ + ] 기호를 삽입합니다. 특정 플랫폼 전용 명령을 지칭할 때 (Mac) 또는 (Win) 표기를 추가합니다.
경계선 밖으로 커서를 이동합니다	경계선 밖으로 포인터를 이동합니다	컴퓨터 마우스 사용을 나타내는 방법
도구 막대	도구 패널, 도구 팔레트	도구 막대 사용을 나타내는 방법
혼합 모드 메뉴(표준)를 클릭하고 스크린 혼합 모드 를 선택합니다	블렌딩 모드, 블렌드 모드	텍스트 필드 상자에서 "@"을 입력하여 도구 또는 기능을 표시할 수 있습니다. 그러나 일부 도구와 기능은 이 방법을 사용하지 못할 수도 있습니다. 필요한 경우 문장형 텍스트를 사용하여 도구나 메뉴 항목을 표시합니다. 도구나 기능의 이름을 모르는 경우 UI 요소에 마우스를 가져가면 정확한 용어를 확인할 수 있습니다.
직관적인 짧은 직접적인 시간을 절약할 수 있는 원활한 효율적인	쉬운, 간단한	‘쉬운’과 ‘간단한’은 익숙하지 않은 주제를 대하는 학습자에게 괴리감을 줄 수 있는 단어들입니다. 학습자 입장에서 생각하면서, 학습 내용을 설명하는 데 꼭 필요한 경우(예: 실제로 다른 방법보다 훨씬 빠른 기법)가 아니라면 튜토리얼에는 사용자가 공감하기 힘든 표현은 피해 주세요. 대신 ‘짧은’, ‘직접적인’, ‘시간을 절약할 수 있는’ 등의 단어를 사용하세요.
튜토리얼 사용해 보기 살펴보기 연습해 보기 [X] 작업하기 안내 세션 스킬 개발 심화 방법 알아보기 따라 하기 스킬 향상/강화	러닝, 코스, 강의, 트레이닝, 레슨, 티칭, 지침, 교육, 숙제	연구에 따르면 많은 사용자들이 튜토리얼 콘텐츠를 초보자 전용으로만 인식하는 경향이 있다고 합니다. 또한, 많은 시간과 노력을 들여야 한다고 생각해서 짐스럽게 여기는 경우도 있습니다. 사용자가 학습 활동을 부담스럽게 느끼지 않도록 밝고 긍정적인 표현을 사용해 보세요.
	Illustrator Express Photoshop 웹용 Photoshop	튜토리얼 콘텐츠는 각 제품을 위해 특별히 만들어지므로 튜토리얼에서 "Express" 또는 "Photoshop"이라는 용어는 중복을 피하기 위해 사용을 자제해야 합니다. 그러나 Express의 기능을 웹용 Photoshop과 비교하는 경우 해당 용어를 사용할 수 있습니다.

5. 구두점

설명, 단계, 참고 끝에 마침표를 포함하는 등 올바른 구두점을 사용하세요. 제목은 마침표나 구두점 없이 작성할 수 있습니다.

튜토리얼 요소	마침표 추가
튜토리얼 제목	아니요
튜토리얼 설명	예
섹션 제목	아니요
섹션 설명	예
단계	예
참고	예

6. 대소문자

튜토리얼의 제목, 설명, 단계는 대소문자를 사용하세요.

가이드라인	예
UI 요소의 이름은 대문자로 시작하되, 요소 유형은 소문자로 표기합니다(한국어의 경우 예외 적용).	속성 패널 손 도구 모양 섹션 색상 견본 옵션 그레이디언트 패널
여러 단어와 함께 사용된 UI 요소 이름의 경우 문장형 텍스트를 사용합니다.	선택 도구는 개체를 이동, 크기 조정, 회전하기 위해 개체를 선택하는 데 사용됩니다. 사각형 도구가 아닌 다른 모양 도구가 보이면 해당 도구를 길게 누릅니다. 그레이디언트 패널에서 진한 파란색을 클릭합니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?