웹사이트 시각 자료

제품 설명을 돕는 이미지를 선택하세요.

공개 페이지에 사용할 이미지를 준비하고 선택하되, 각 이미지가 전달하려는 메시지와 관련되도록 합니다.

시각 자료는 명확한 메시지 하나를 뒷받침해야 합니다.

배치 일치

해당 페이지와 이미지가 속한 섹션을 검토하세요.

실제 참고 자료를 제공하세요.

지원되는 위치에 적절한 이미지를 업로드하세요.

결과를 확인하세요

선택한 시각 자료가 빌드된 페이지에서 어떻게 표시되는지 확인하세요.

제품을 설명하는 이미지를 선택하세요.

홈페이지 이미지와 상세 제품 설명은 서로 다른 역할을 합니다. 섹션 제목과 제품이 실제로 제공하는 기능을 뒷받침하는 시각 자료를 선택하세요.

공개할 권한이 있는 자료를 사용하세요. 제품 스크린샷은 실제 애플리케이션을 나타내야 하며 개인 고객 정보를 노출하지 않도록 주의해야 합니다.

이미지를 실제 위치에 맞게 연결하십시오.

지원되는 기능 설명. 제품 이미지는 인접한 설명을 더 쉽게 이해할 수 있도록 할 때 유용합니다. 실제 애플리케이션 보기는 지원되는 동작을 나타내야 하며, 개인 고객 정보는 공개 프레젠테이션 외부로 유지되어야 합니다.

해당 섹션에 맞는 정보를 선택하세요.. 제품에 대한 첫인상과 특정 작업에 대한 설명은 다른 수준의 상세 정보를 필요로 합니다. 이미지를 선택하기 전에 해당 이미지의 목적을 확인하십시오. 그래야 중요한 정보가 이미지 프레임 안에서 잘 보이고 모바일 레이아웃에서도 잘 보이게 됩니다.

기존 선택 유지. 페이지에 이미지를 선택합니다. 시각 자료를 변경할 때, 저장하기 전에 다른 선택 사항을 검토하십시오. 이 연결을 통해 업로드된 파일을 의도한 메시지와 연결하여 모든 업로드가 전역적으로 대체되는 것을 방지합니다.

페이지의 시각적 요소를 유지하세요

공개 페이지의 시각적 요소 선택은 해당 요소의 배치와 연결됩니다. 이렇게 하면 선택한 이미지가 모든 업로드를 상호 교환 가능한 것으로 취급하는 대신 해당 페이지와 연결된 상태로 유지됩니다.

선택 변경 사항이 적용된 후에는 데스크톱 및 모바일에서 게시된 결과를 검토하십시오. 중요한 콘텐츠가 의도한 이미지 영역 내에서 계속 표시되는지 확인하십시오.

상셽이 거입입이 이 잉이동학

유용한 설명은 하나의 기능, 결과 또는 작은 컨트롤 그룹에 초점을 맞춥니다. 그 역할은 인접한 설명을 더 쉽게 이해할 수 있도록 하는 것입니다.

방문자가 실제로 볼 크기로 이미지를 확인합니다. 중요한 세부 사항을 읽을 수 있도록 하고 사진이 페이지의 내용을 뒷받침하되 근거 없는 주장을 추가하지 않도록 합니다.

적절한 자료에서 검토된 페이지 이미지로

배치 보기. 페이지의 그래픽 콘텐츠를 열고 목적과 현재 이미지 선택을 검토합니다. 해당 섹션에서 설명해야 할 내용을 파악합니다.

업로드하고 선택. 지원되는 이미지를 사용하고 업로드 패널의 제한 사항을 준수하십시오. 해당 위치에 사용할 수 있는 파일을 선택하고 해당 선택 사항을 저장하십시오.

적용된 결과를 확인하세요.. 웹사이트 변경 사항을 확인하고 데스크톱 및 모바일에서 실제 텍스트 옆의 이미지를 검사합니다. 중요한 세부 사항의 크롭 및 가독성을 확인하십시오.

이미지를 사용하여 설명을 더 명확하게 하세요.

해당 섹션에 적합하고 관련성 있는 이미지를 선택하고 업로드 라이브러리에서만 확인하는 대신 게시된 페이지에서 확인합니다.

웹사이트 비주얼에 대한 질문

업로드는 파일을 사용할 수 있도록 합니다. 아직 의도한 위치에 배치하고 웹사이트에 적용해야 합니다. 이것은 워크플로우의 다른 단계입니다.

지원되는 기능 및 해당 섹션의 메시지와 관련된 자료를 사용하십시오. 스크린샷은 실제 애플리케이션을 반영해야 하며, 고객 정보를 노출하거나 사용 불가능한 컨트롤을 암시해서는 안 됩니다.

선택 항목은 해당 위치와 연결됩니다. 저장된 지도를 검토하고 시각 요소를 수정할 때 다른 유효한 선택 항목은 유지하십시오.

이미지가 더 작은 프레임을 차지합니다. 중요한 세부 사항이 읽을 수 없거나 잘릴 수 있습니다. 큰 화면에서 전체 파일이 유용하게 보였더라도 말입니다.

문서 자체에는 웹사이트 이미지 배치에 대한 내용이 없습니다. 공개적으로 표시하려면 해당 웹사이트 페이지의 그래픽 도구를 사용하십시오.