팔로우

Spark Page에서의 이미지

Adobe Spark Pag에는 두 가지 종류의 사진이 있습니다. 자르는 사진과 그렇지 않은 사진입니다. 채우기 화면 및 창 이미지 유형은 사진과 뷰어 화면 크기에 따라 사진을 잘라 낼 수 있습니다. 인라인 및 전체 폭 사진 유형은 절대 사진을 자르지 않습니다.

imageTypes.png

여기서 이해해야 할 중요한 점은 일부 이미지 유형(예: 채우기 화면 및 창)은 자르지 않고는 가능하지 않다는 것입니다. 상황을 더욱 혼란스럽게 하는 것은 이러한 이미지를 자르는 방법을 알 수 없다는 것입니다. 이는 모든 화면 크기의 디바이스에서 Spark Page를 볼 수 있기 때문입니다. 이는 이러한 이미지는 동시에 수천 가지의 다른 방법으로 모두 자를 수 있다는 것을 의미합니다.

왜 그런지 이해하지 못한다 해도 걱정하지 마십시오! 지금 예시를 살펴보고 설명 드리겠습니다. 5명 중 이 한 명과 같은 이미지가 해변을 걷고 있다고 상상해 보십시오.

sample.png

크레딧: Unsplash

이 이미지가 내 Spark Page를 동시에 보는 두 고객에게 어떻게 보이는지 살펴보겠습니다. 그들 고객 중 한 명은 휴대폰을 사용하고 있고 다른 한 명은 데스크탑을 사용하고 있습니다. 아래에 표시된 바와 같이 보는 사람이 Spark Page에서 이 이미지를 경험할 수 있는 두 가지 방법이 있습니다.

 

옵션 A - 자르기 허용

보는 사람이 보는 것:

compare1_r3_c1.png

트레이드오프

보는 사람은 이미지를 자르는 비용으로 매우 몰입감 있는 경험을 얻을 수 있습니다.

일부 화면에는 해변에 5명 미만이 표시됩니다. 표시되는 사람 수는 고객의 브라우저 창 크기에 따라 다릅니다.

사용할 Spark Page 이미지 유형 

  • 제목 이미지
  • 화면 채우기 이미지
  • 창 이미지
  • Glideshow
  • 분할 레이아웃

 

옵션 B - 자르기 허용하지 않음

보는 사람이 보는 것:

compare1_r1_c1.png

트레이드오프

이미지를 자르지는 않지만 경험은 매우 몰입적이지 않습니다.

5명 모두 항상 모든 고객에게 보이는 곳에 있습니다.


사용할 Spark Page 이미지 유형

  • 인라인 이미지
  • 전체 폭 이미지

 

옵션 A 설명 - 자르기 허용

이러한 사진은 보고 있는 모든 디바이스에서 항상 전체 화면을 채웁니다. 해당 디바이스를 돌리면 화면의 크기가 변경되지만(높이에서 너비 또는 그 반대로 이동), 사진은 여전히 전체 화면을 채웁니다. 사진 측면에 흰색 영역이 보이지 않습니다.

이 효과는 보는 사람이 읽을 수 있는 모든 크기의 디바이스에서 사진을 매우 몰입감 있게 보이게 합니다. 브라우저 창 크기를 조정하거나 디바이스를 회전해도 사진은 항상 전체 화면을 채 웁니다.

이 몰입 효과는 비용이 따릅니다. 때때로 사진을 완성하기 위해 사진을 잘라야 합니다. 이는 사진에는 단일 종횡비가 있지만 사진은 여러 종횡비가 있는 화면에서 볼 수 있기 때문입니다. 이 사진이 데스크탑에 완벽하게 맞아도 휴대폰에는 전혀 맞지 않을 수 있습니다.

그러므로 당사는 선택을 해야 합니다. 전체 이미지가 보이는 상태에 있도록 사진을 축소하고 측면에 흰색 막대를 넣어야 하거나 이미지의 일부분이 항상 화면을 완전히 채우도록 이미지를 늘리거나 잘라야 합니다. "화면 채우기" 사진 유형을 선택하면 기본적으로 사진을 전체 화면으로 채우는 것이 더 중요하기 때문에 자르기를 희생할 의사가 있음을 Spark Page에 알리는 것입니다.

 

옵션 B 설명 - 자르기 허용하지 않음

사진을 자르기 않기로 결정하면 대신에 "인라인" 또는 "전체 폭" 사진 유형을 선택할 수 있습니다. 두 가지 유형 모두 이미지를 자르지 않습니다. 전체 이미지를 보려면 스크롤해야 할 수도 있지만 전체 이미지는 표시된다는 점을 참고하십시오.

이러한 이미지 유형은 채우기 화면 사진이 제공하는 몰입감을 얻기 위해 자르기를 희생할 수 없는 경우에 유용합니다. 하나의 사진 유형이 다른 사진 유형보다 낫다고 말하는 것은 아닙니다. 두 사진 유형 모두 사진이 어떠한지 그리고 문서 내에서 컨텍스트에 따라 아주 효과적으로 사용할 수 있습니다. 예를 들어 인라인은 전체 화면에 펼쳐진 로고는 거의 원하지 않으므로 로고에 매우 적합합니다.

 

"제목", "창", "Glideshow" 및 "분할 레이아웃"에 대한 참고

자르기 비헤이비어에 관한 한 기본적으로 "화면 채우기" 사진 유형과 동일하게 기능한다고 말하는 것 외에는 여기서 제목/창/glideshow/분할 레이아웃에 대한 상세한 설명을 하지 않을 것입니다.

 

위의 설명을 완전히 이해하지 못했다면 다음 팁만 기억하면 됩니다.

  • 화면에서 몰입감 있는 경험을 생성하려면 화면 채우기 사진 유형을 사용하지만, 사진 일부가 잘려도 괜찮은 사진을 사용해야 합니다.
  • 채워진 화면 이미지를 자르면 다른 디바이스 및 화면 크기에 따라 달라지므로 출력물이 다양한 상황에서 괜찮게 보이는지 반드시 확인하십시오. 브라우저 창 크기를 조정하고 여러 다른 종횡비를 조사하면 이를 아주 신속하게 확인할 수 있습니다.
  • 반드시 각각의 화면 채우기 사진에 "초점"을 설정합니다. 그렇게 하면 Spark Page에 사진의 가장 중요한 부분이 무엇인지에 대한 힌트를 제공하여 사진을 자를 때 Spark Page가 화면에서 그 지점을 유지하려고 할 수 있습니다.
  • 사진의 프레이밍이 중요하거나 가장자리에 세부적인 것이 있어서 자르지 않아야 하는 경우 인라인 또는 전체 폭 이미지를 사용하십시오.



포토그래퍼를 위한 팁 - 어떻게 하면 채우기 화면에서 잘 작동하는 사진을 찍을 수 있습니까?

프레임 구성 또는 피사체가 사진 안에 어떻게 배치되는지가 아마도 멋진 사진을 만드는 가장 중요한 부분일 것입니다. 세계에서 가장 멋진 사진을 찍고 약간 다르게 자른다면 사진의 품질이 크게 떨어질 수 있습니다. 마찬가지로 평균적인 사진을 찍고 약간 다르게 자르면 수준을 올릴 수 있습니다. 포토그래퍼는 여러 가지 구성 기법을 사용하며 그 중 일부가 여기에 나열되어 있습니다.

해당 문서에 나열된 다음 몇 가지 규칙을 예로 들어 보겠습니다.

  • 삼등분선
  • 프레임 내의 프레임
  • 황금 삼각형
  • 골든 비율

이는 자르기에 매우 민감한 모든 규칙입니다. 이러한 규칙을 사용하는 사진은 일부 디바이스에서 발생하는 자르기 때문에 Spark Page의 화면 채우기 이미지를 아주 적합하지 않습니다.

그러나 포토그래퍼가 Spark Page에서 몰입 형 이미지 유형을 사용하고자 하는 경우 위의 사실을 이해하고 작업하면 최상의 결과를 얻을 수 있습니다. 이는 Spark Page의 Focal Point 기능을 현명하게 사용하고 사진에 하나의 피사체를 포함하고 위의 자르기에 민감한 규칙을 피하는 것을 의미합니다.

또 다른 옵션은 위의 자르기에 민감한 규칙을 피하고 위의 문서에 나와 있는 실제로 화면 채우기 사진을 두드러지게 할 수 있는 다른 사진 규칙에 집중하는 것입니다.

  • 중심 구성 및 대칭
  • 리딩 라인
  • 패턴 및 텍스처
  • 단순성 및 미니멀리즘

이러한 사진 제한 사항을 이해하고 작업하는 것은 고객에게 가장 잘 보이는 Spark Page를 진정으로 열어주는 열쇠입니다.

 

도움이 되었습니까?
3명 중 2명이 도움이 되었다고 했습니다.
또 다른 질문이 있으십니까? 문의 등록