원하는 분위기에 맞는 템플릿을 골라 HTML 프레젠테이션을 만드세요

## 템플릿을 고르기 전에 쓰는 자리와 분위기를 물으세요 템플릿을 살펴보거나 선택하기 전에 핵심 질문 두 가지를 하세요. 먼저 프레젠테이션이 어떤 용도로 쓰이는지 물어보세요. 예를 들면 창업자 발표, 연구 종합, 브랜드 선언문, 수업 시작 행사, 디자인 검토가 있습니다. 그런 다음 청중이 어떤 분위기나 느낌을 받아야 하는지 물어보세요. 예를 들면 자신감 있고 강렬한 느낌, 차분하고 문학적인 느낌, 따뜻하고 유쾌한 느낌, 어둡고 침잠한 느낌이 있습니다. 템플릿을 선택하기 전에 사용자의 답변을 기다리세요. 개요가 상세하더라도 이 필수 확인 단계를 생략해서는 안 됩니다. 주제나 업종만으로 취향을 추론하지 마세요. 사용자의 감정적 목표를 가장 중요한 디자인 입력값으로 다루세요. 하나의 용도에도 여러 시각적 방향이 가능하므로 용도와 톤을 구분하세요. 청중의 기대 때문에 필요할 때만 격식 수준을 물어보세요. 개요에 자료가 이례적으로 많거나 적을 때는 콘텐츠 밀도를 물어보세요. 밝은 색, 어두운 색, 혼합 색 구성에 대한 명시적 선호를 엄격한 제약 조건으로 기록하세요. 이 확인 단계에서는 전체 제작을 시작하지 마세요. 사용자가 즉시 답할 수 있을 만큼 질문을 짧게 유지하세요. ## 분위기에 맞고 서로 뚜렷이 다른 템플릿 3개를 고르세요 개별 템플릿 파일을 열기 전에 템플릿 색인을 읽으세요. 답변을 분위기, 톤, 최적 용도 설명, 격식 수준과 대조하세요. 용도를 업종 허용 목록이 아니라 유연한 판단 신호로 사용하세요. 주제의 업종과 닮았다는 이유로 템플릿을 평가하지 마세요. 밀도를 기준으로 템플릿이 입증한 수용 능력과 콘텐츠 분량을 비교하세요. 사용자가 밝은 색이나 어두운 색을 지정했다면 색 구성을 엄격한 판단 신호로 사용하세요. 사용을 피하라는 지침은 유연한 경고로 취급하세요. 사용자의 명시적 선호가 유연한 경고보다 우선하도록 하세요. 톤이 실제로 잘 맞는 후보를 정확히 세 개 선택하세요. 분류 체계보다 느껴지는 특성을 앞세워 후보를 설명하세요. 실질적인 선택이 가능하도록 세 후보를 충분히 다르게 구성하세요. 편집풍, 기업풍, 유희적 스타일에서 거의 똑같은 변형 세 개를 제시하지 마세요. 가능하면 직접적으로 맞는 선택지 하나, 설득력 있는 대안 하나, 사려 깊은 재해석 하나를 포함하세요. 격식 수준이 청중에게 타당한지 점검하세요. 보수적인 이사회에 지나치게 격식이 낮은 디자인을 쓰는 것과 같은 심각한 불일치를 표시하세요. 시연 슬라이드 수는 사용 가능한 레이아웃의 근거로만 사용하고 품질 점수로 사용하지 마세요. 템플릿이 후보 목록에 오른 뒤에만 HTML과 CSS 전체를 읽으세요. ## 실제 내용을 넣은 제목 슬라이드 미리 보기를 만드세요 후보로 고른 각 템플릿의 제목 슬라이드와 이를 뒷받침하는 시각 체계를 살펴보세요. 미리 보기에는 첫 번째 슬라이드만 추출하세요. 각 미리 보기를 슬라이드 한 장으로 제한해 비교 비용을 낮추세요. 임시 제목, 부제, 작성자, 날짜를 사용자의 실제 콘텐츠로 바꾸세요. 선택용 미리 보기에 일반적인 임시 문구를 표시하지 마세요. 각 미리 보기를 임시 미리 보기 폴더에 독립 실행형 HTML 결과물로 저장하세요. 번호가 붙은 파일 이름과 안정적인 설명형 슬러그를 사용하세요. 미리 보기에 필요한 모든 관련 스타일시트, 스크립트, 글꼴, 자산을 유지하세요. 각 미리 보기가 원본 템플릿 폴더에 의존하지 않고 열리도록 하세요. 제목 슬라이드의 원래 크기와 반응형 동작을 유지하세요. 후보를 비교할 때 동일한 브라우저 표시 영역을 사용하세요. 사용자가 선택하기 전에 미리 보기를 다시 디자인하지 마세요. 템플릿의 시각적 정체성에 해당하는 색이나 서체를 바꾸거나 단순화하지 마세요. 실제 제목이 길어도 겹치거나 잘리지 않고 줄바꿈되는지 확인하세요. 이미지 자리 표시자, 출처 표기, 날짜 형식을 확인하세요. 제시하기 전에 모든 미리 보기를 브라우저에서 여세요. 시각 검사를 선택적 후속 확인이 아니라 제작의 일부로 다루세요. ## 미리 보기 3개를 보여 주고 사용자의 선택을 기다리세요 환경에서 제공하는 브라우저 열기 방식으로 미리 보기 세 개를 모두 여세요. 사용자에게 번호가 붙은 비교 내용을 보내세요. 의견이 올바른 후보에 대응하도록 번호와 파일 이름을 그대로 유지하세요. 각 선택지에 템플릿 이름과 톤을 설명하는 한 줄을 포함하세요. 각 미리 보기 결과물의 절대 경로를 제공하세요. 현재 인터페이스에서 경로를 바로 사용하거나 클릭할 수 있게 하세요. 각 후보가 요청한 느낌에 맞는 이유를 설명하세요. 미리 보기를 글로만 작성한 장단점 논의로 대체하지 마세요. 어떤 선택지가 적합하게 느껴지는지 물어보세요. 전체 프레젠테이션을 만들기 전에 명시적인 선택을 기다리세요. 응답이 없다고 승인한 것으로 간주하지 마세요. 사용자가 세 가지를 모두 거부하면 분위기 해석을 다듬고 후보를 다시 고르세요. 사용자의 취향이 명확히 거부한 후보를 옹호하지 마세요. 선택된 템플릿을 이후 과정의 유일한 시각 체계로 유지하세요. 슬라이드 하나가 어렵다는 이유로 나중에 템플릿을 바꾸지 마세요. ## 템플릿의 모양은 그대로 두고 모든 슬라이드에 실제 내용을 넣으세요 선택된 템플릿의 전체 폴더를 사용자 프로젝트 작업 공간에 복제하세요. 글꼴, 굵기, 자간, 줄 높이를 유지하세요. 전체 색상 팔레트와 CSS 변수를 유지하세요. 레이아웃 격자, 배치 체계, 플렉스 계층, 간격 리듬을 유지하세요. 시각적 정체성을 담는 슬라이드별 클래스를 유지하세요. 입자감, 괄호, 도형, 삽화, 낙서 같은 장식 요소를 유지하세요. 기존 내비게이션 실행 구조와 상호작용 모델을 유지하세요. 모든 제목, 본문, 목록 항목, 설명 문구, 통계, 이름, 날짜, 출처 표기, 작성된 텍스트 토큰을 바꾸세요. 섹션 레이블과 화면 장식용 토큰도 바꿔야 하는 작성된 자리 표시자로 취급하세요. 모든 이미지 자리 표시자를 같은 크기의 사용자 이미지로 바꾸세요. 실제 콘텐츠에 적합한 제목, 문단, 목록, 이미지 요소를 사용하세요. 슬라이드가 더 필요하면 가장 가까운 기존 레이아웃을 복제하세요. 슬라이드가 더 적게 필요하면 끝부분에서 불필요한 슬라이드를 제거하세요. 슬라이드 수를 바꿀 때마다 현재 페이지와 전체 페이지 레이블을 갱신하세요. 모든 슬라이드를 조정하고 시연 문구나 임시 숫자를 남기지 마세요. 템플릿의 밀도 한도 안에서 사용자 정보의 계층 구조를 명확히 유지하세요. 다음 단계로 넘어가기 전에 다시 작성한 모든 슬라이드에서 넘침을 확인하세요. ## 없는 종류의 슬라이드를 같은 모양으로 새로 만드세요 선택된 템플릿에 필요한 슬라이드 유형이 없다면 해당 레이아웃을 처음부터 디자인하세요. 비교표나 시간 순서표가 없다는 이유만으로 사용자에게 되돌아가지 마세요. 다른 템플릿의 레이아웃을 가져오지 마세요. 동일한 글꼴 계열, 굵기, 간격, 타이포그래피 계층을 사용하세요. 기존 팔레트의 색상만 사용하고 새로운 의미 색상이 필요해 보이면 가장 가까운 강조색을 선택하세요. 같은 장식 어휘와 시각적 질감을 재사용하세요. 장식적인 프레젠테이션 안에 아무 장식도 없는 밋밋한 슬라이드를 넣는 것은 디자인 실패입니다. 슬라이드 안쪽 여백, 격자 열, 열 사이 간격, 정렬 규칙을 일치시키세요. 카드, 통계, 인용문, 설명 문구에는 템플릿의 구성 요소 문법을 재사용하세요. 상단 레이블, 페이지 번호, 모서리 표시, 기타 화면 장식 요소를 일치시키세요. 기존 슬라이드와 동일한 형제 요소 유형으로 새 슬라이드를 삽입하세요. 현재의 키보드, 스크롤 스냅, 단계형 내비게이션 동작과 통합하세요. 원본 슬라이드 두 장 사이에 새 슬라이드를 두고 테스트하세요. 다른 시각 언어에서 덧붙인 것처럼 보이면 다시 디자인하세요. 사용자에게 레이아웃 해결을 요구하지 말고 구현과 검증을 진행하세요. ## 템플릿의 글꼴, 색, 배치를 바꾸지 마세요 원래 글꼴이 불러와지지 않을 때 비슷한 글꼴로 대체하지 마세요. 대신 가져오기 설정이나 자산 경로를 수정하세요. 강조색, 배경색, 중성색을 다시 칠하지 마세요. 서로 다른 템플릿의 슬라이드를 섞지 마세요. 기능이 없어 보인다는 이유만으로 장식을 제거하지 마세요. 선택된 템플릿 안에서 오래된 시각 스타일을 현대화하지 마세요. 시각 언어가 적합하지 않다면 선택 단계에서 다른 템플릿을 고르세요. 콘텐츠를 쉽게 삽입하려고 격자를 재구성하지 마세요. 레이아웃을 깨기 전에 콘텐츠 길이와 계층 구조를 조정하세요. 자리 표시자를 채우려고 이미지를 왜곡하지 마세요. 의도한 가로세로비에 맞는 자산을 자르거나 선택하세요. 프레젠테이션의 목표 표시 영역에서 모든 슬라이드를 확인하세요. 잘림, 넘침, 대비, 줄바꿈, 내비게이션을 검사하세요. 슬라이드를 추가하거나 제거한 뒤 페이지 번호와 전체 수를 확인하세요. 미리 보기 파일, 반복 수정본, 최종 파일을 시각적으로 검사할 수 있는 상태로 유지하세요. ## 모든 파일을 브라우저에서 확인하고 경로를 알려 주세요 모든 미리 보기, 중간 수정본, 최종 프레젠테이션을 브라우저에서 여세요. 결과물을 시각적으로 확인하기 전에 알리지 마세요. 각 결과물의 절대 경로를 보내세요. 인터페이스에서 경로를 클릭할 수 있다면 각 경로를 별도 줄에 두세요. 최종 프레젠테이션에서는 선택한 템플릿을 일반적인 이름으로 부르고 톤이 맞는 이유를 한 줄로 설명하세요. 전달 결과에 영향을 주는 주의 사항만 언급하세요. 사용자 조치가 필요한 주의 사항은 최종 결과물 경로 옆에 두세요. 원본 템플릿에 필요한 레이아웃이 없어 처음부터 디자인한 슬라이드를 표시하세요. 결과물, 경로, 근거, 중요한 주의 사항만 담아 인계 내용을 간결하게 유지하세요. 전체 제작 과정을 모두 설명하지 마세요. 필요한 모든 자산이 전달된 폴더에서 정상적으로 연결되는지 확인하세요. 최종 파일에서 내비게이션이 작동하는지 확인하세요. 최종 프레젠테이션에 임시 콘텐츠가 남아 있지 않은지 확인하세요. 브라우저 검증과 경로 전달을 완료 요건으로 취급하세요. 둘 중 하나라도 빠지면 완료했다고 보고하지 마세요.