[Ps] 에셋 가이드라인

에셋 가이드

가이드 목록

1. 개요

2. 튜토리얼 이미지 가이드라인

3. 파일 사양

4. 스톡 이미지 사용

1. 개요

개요

튜토리얼 에셋은 단계별로 직접 해볼 수 있도록 앱 작업 영역에 표시되며, 앱 도구와 워크플로우를 사용하는 방법, 이유, 사용해야 할 경우를 설명해 줍니다. 탐색 안내에 따라 사용자는 간단한 업데이트를 통해 "스타터" 이미지 또는 레이어로 구성된 파일을 이용할 수 있습니다. 최종 상태는 시작 파일과 확연한 차이가 있어야 하며, 사용자가 느낄 수 있는 학습 성과를 제공해야 합니다. 튜토리얼 에셋의 목표는 두 가지입니다. 첫 번째, 정보 전달의 목적에 충실해 앱 사용 방법을 명확하게 보여주어야 합니다. 두 번째, 최종 사용자가 학습한 내용에서 성취감을 느끼고 이를 다른 작업에 적용하는 데 도움이 되어야 합니다.

배치

2. 튜토리얼 이미지 가이드라인

다양성, 포용력, 평등을 표현하세요.

Adobe는 모든 목소리와 관점을 존중합니다. 튜토리얼 콘텐츠에는 브랜드 아이덴티티와 우리가 살고 있는 세상에서 보고 느낀 것이 반영되어야 합니다.*

문화, 인종, 연령대, 체형, 성별의 다양성을 고려하세요. 자연스럽고 진정성 있는 모습의 사람들, 즉 일상 속 "인물"을 담아 보세요. 특정 사용자를 겨냥하는 것이 아니라 누구나 관심을 가질만한 이미지를 만드는 것이 중요합니다.

20~35세 여성이 뻔한 화장을 하고 스튜디오 조명 아래에서 촬영한 서구적인 이미지는 자칫 편향된 느낌을 줄 수 있으므로 피하는 것이 좋습니다.

*기업 브랜드 가이드, 2020년 12월

최소한의 권리를 지켜주세요.

인물이 포함된 이미지를 사용하려는 경우 성적으로 표현되지 않도록 하세요. 과도한 노출, 외설적인 자세, 노출이 심한 옷은 피하는 것이 좋습니다.

신체 부위를 수정하지 마세요.

신체 부위를 "수정"하거나 특별히 원하는 모습을 제안하지 마세요. 예를 들어, 인물의 갈색 눈을 파랗게 수정하지 마세요. 튜토리얼에서 인물 사진을 보정해야 하는 경우, 의상을 교체하거나 머리카락을 독특한 색상으로 바꾸는 작업 정도가 무난합니다.

복잡하지 않은 이미지를 사용하세요.

시각적으로 산만하지 않고 초점이 하나인 이미지가 가장 좋습니다. 그래야 사용자가 개념을 빠르게 이해하고, 튜토리얼 단계를 쉽게 따라 할 수 있으며, 도구를 적용할 때 그 효과가 명확히 드러납니다.

쉬운 이미지를 선택하세요.

부담스럽지 않은 무난한 이미지를 사용하는 것이 좋습니다. 심하게 왜곡되어 많은 작업이 필요하거나 고급 스킬 또는 지식이 요구되는 이미지는 피하세요. 처음 사용자도 쉽게 따라할 수 있어야 하기 때문입니다.

다양한 사용자를 겨냥하세요.

콘텐츠에는 다양한 사용자의 니즈와 워크플로우가 반영되어야 합니다. 너무 특이하거나 어려운 예제는 사용자의 관심을 멀어지게 할 수 있습니다.

문화적 연관성과 시각적 스타일, 톤, 메시지에 대한 사용자 선호도를 고려하세요. 예를 들어, 너무 무거운 주제나 어두운 분위기는 많은 사람들이 좋아하기가 어렵습니다.

추가 고려 사항

전문 도구를 사용해 좋은 품질의 디자인을 선보여야 합니다.

에셋은 트렌디하고 참신해야 합니다.

튜토리얼에 텍스트가 포함된 경우 Adobe Fonts 라이브러리의 글꼴만 사용해야 합니다.

무기, 폭력, 폭력적인 어조를 묘사하는 이미지는 허용되지 않습니다.

누구나 알 수 있는 제품이나 타사 로고가 포함된 이미지는 사용하지 마세요.

3. 파일 사양

시작 파일

시작 파일은 사용자가 튜토리얼을 시작할 때 보는 원본 PSD 또는 PSDT입니다.

Tutorial Builder 설정 탭을 통해 업로드합니다.

• 형식: PSD 또는 PSDT(JPG 아님)
• 색상 프로파일: RGB(CMYK 아님), sRGB 권장
• 파일 크기: 최대 20MB, 72ppi, 최대 6개 레이어
• 크기:
  • 1-2개의 레이어가 있는 에셋:
    • 가로: 1800 x 1200px
    • 세로: 1200 x 1800px
    • 정사각형: 1400 x 1400px
  • 3-6개의 레이어가 있는 에셋:
    • 가로: 1200 x 800px
    • 세로: 800 x 1200px
    • 정사각형: 1000 x 1000px
• 파일 이름: [튜토리얼 파일 이름].psd
  • 특수 문자 또는 공백 없음
    

히어로 이미지

히어로 이미지는 튜토리얼의 주된 작성 의도가 담긴, 원본 튜토리얼 에셋의 편집본으로, 앱의 여러 곳에서 미리 보기 역할을 합니다.

이전 또는 이후 이미지 선택:

디테일을 제거하는 경우 이전 이미지를 표시합니다. 이미지에 디테일을 추가하거나 보정하는 경우 이후 이미지를 표시합니다.

Tutorial Builder 완료 탭을 통해 업로드합니다.

• 형식: JPG
• 색상 프로파일: RGB(CMYK 아님), sRGB 권장
• 파일 크기: 최대 600KB, 72ppi
• 크기: 1200x600px
• 파일 이름: [튜토리얼 파일 이름]_Hero.jpg
  • 특수 문자 또는 공백 없음
    

히어로 이미지 예시

썸네일 이미지

썸네일 이미지는 히어로 이미지의 편집본으로, 탐색 패널에서 미리 보기 역할을 합니다.

Tutorial Builder 완료 탭을 통해 업로드합니다.

• 형식: JPG
• 색상 프로파일: RGB(CMYK 아님), sRGB 권장
• 파일 크기: 최대 200KB, 72ppi
• 크기: 740x740px
• 파일 이름: [튜토리얼 파일 이름]_Thumb.jpg
  • 특수 문자 또는 공백 없음
    

4. 스톡 이미지 사용

이미지에 라이선스 부여

작성자는 직접 만든 이미지를 사용하거나 시작 파일의 이미지를 사용할 수 있는 권한이 있어야 합니다. 인식 가능한 인물이 포함된 모든 이미지는 초상권 사용 동의가 필요합니다.

자신이 보유한 이미지를 사용하지 않는 경우 "표준" 등급의 Adobe Stock 이미지를 사용하세요.

Adobe Stock 라이선싱 프로세스는 커뮤니티 작성자와 Adobe 작성자를 위한 두 가지 유형이 있으며, 라이선스 부여 과정이 서로 다릅니다. 다음 가이드라인을 확인하세요.

다른 스톡 서비스를 이용하지 마세요. Photoshop 사용자는 시작 파일을 통해 이미지를 사용, 편집, 다운로드하게 되며, 작성자가 다른 스톡 서비스를 이용한 경우 해당 서비스의 사용 약관이 적용되지 않을 수 있습니다.

커뮤니티 작성자: Adobe Stock에 라이선스 부여

• 프리미엄이 아닌 표준 Adobe Stock 이미지만 사용합니다.
• 직접 라이선스를 구매하고, 확장/강화 라이선스 유형을 선택합니다.
• Tutorial Builder의 "이미지 크레딧" 필드에서 "Adobe Stock: 기고자 1, 기고자 2, 기고자 3"과 같이 스톡 기고자를 나열합니다.
• 구매한 모든 스톡 이미지를 Dropbox 폴더에 제출하여 향후 편집이 필요한 경우에 대비해 보관하세요. 
• 파일 이름에 자신의 이름을 추가하고 최상위에 놓습니다.

Adobe 작성자: Adobe Stock에 라이선스 부여

• 프리미엄이 아닌 표준 Adobe Stock 이미지만 사용합니다.
• Author Paper Doc에 라이선스를 부여할 Adobe Stock 이미지를 나열합니다.
• 검토 의견을 받기 위해 튜토리얼에 할당된 디자이너와 디자인 프로그램 매니저에 태그를 지정합니다.
• Adobe가 대신 확장 라이선스를 구매하고 에셋을 추적합니다.
• 참고: Author Brief(작성자 전달 사항)가 없는 경우 할당된 디자이너와 디자인 프로그램 매니저에게 라이선스가 부여된 이미지를 요청하는 이메일을 보내세요.

스톡 기고자 크레딧 

• Tutorial Builder의 이미지 크레딧 필드에 작성자 이름이 자동으로 표시됩니다.
• 스톡 기고자를 나열하려면 상자를 선택 해제하고 "Adobe Stock: 기고자 1, 기고자 2, 기고자 3"과 같이 추가합니다.