휴대해야 하는 사본 주위에 제품 영웅을 디자인하십시오. 최종 형식을 설정하고 실제 헤드라인 및 지원 정보에 대한 대략적인 블록을 배치한 다음 해당 블록 주위에 제품과 장면을 정렬합니다. 이 구성을 염두에 두고 비주얼을 생성하거나 편집하고 승인하기 전에 결과에 대한 실제 사본을 테스트합니다. 빈 공간은 자른 후에도 읽을 수 있고 어수선하고 사용할 수 있는 상태로 남아 있을 때만 유용합니다.
Dreamina는 참조에서 장면, 조명 및 제품 배치를 탐색하는 데 도움이 될 수 있습니다. 정확성 또는 나중에 변경이 중요할 때 별도의 설계 요소로 정확한 캠페인 표현을 유지하십시오. 아래 워크플로우는 상세 타이포그래피 이전의 구성에 중점을 둡니다. 예제와 다이어그램은 보고된 캠페인 테스트가 아닌 계획 보조 도구입니다.
이미지가 수용해야 하는 메시지로 시작
최종 이미지를 선택하기 전에 헤드라인, 지원 라인, 필요한 정보를 얻고 조치를 취하십시오. 아직 완성된 글꼴이 필요하지 않습니다. 그들은 현실적인 양의 공간이 필요합니다.
두 단어 헤드라인과 가격, 날짜 및 조건이 포함된 헤드라인은 다른 레이아웃을 만듭니다. 나중에 디자인에 네 줄의 사본과 제안 배지가 필요한 경우 "왼쪽에 공간을 남겨주세요"는 너무 모호합니다. 모든 이미지를 작동 가능하게 만드는 짧은 자리 표시자가 아닌 가장 긴 그럴듯한 승인 버전으로 시작하십시오.
또한 사본이 어디에 있는지 확인하십시오. 웹 페이지는 이미지 위 또는 옆에 실제 HTML 텍스트를 배치할 수 있습니다. 소셜 그래픽은 내보낸 작품 안에 단어를 전달할 수 있습니다. 인쇄 레이아웃에는 법적 라인을 위한 추가 공간이 필요할 수 있습니다. 이러한 전달 선택은 이미지 자체에 조용한 텍스트 영역이 필요한지, 별도의 인접 패널이 필요한지 또는 둘 다 필요한지 여부를 결정합니다.
간결한 레이아웃 요약을 작성합니다. 설명 요약은 다음과 같습니다. "넓은 영웅; 오른쪽에 제품; 헤드라인, 왼쪽에 하나의 지지 라인 및 동작; 전면 라벨을 보존하고; 사본 뒤에 소품이나 강한 하이라이트가 없는 차분한 따뜻한 설정을 사용하십시오. "이것은 제안된 구성 요약이며, 테스트 된 지침이나 성능 주장이 아닙니다.
제안에 여러 가격, 수량 또는 조건이 포함된 경우 해당 계층을 별도로 해결하십시오. 판매 복사 레이아웃 가이드 는 해당 정보 문제를 생성합니다. 여기서 목표는 그림이 선택한 계층에 필요한 공간을 제공하는 것입니다.
캔버스를 빈 상자가 아닌 역할로 나눕니다.
의도된 가로 세로 비율로 대략적인 캔버스를 만듭니다. 제품 영역, 복사 영역, 해당 영역과 자르기 또는 플랫폼 제어로 손실될 수 있는 가장자리 영역 사이의 간격을 표시합니다. 영역의 크기가 같을 필요는 없습니다. 그들의 비율은 메시지와 제품의 모양을 따릅니다.
제품 영역에는 항목을 인식할 수 있는 기능이 표시되어야 합니다. 큰 병은 헤드라인 옆에 들어갈 수 있습니다. 넓은 장치는 다른 배열이 필요할 수 있습니다. 복사 영역은 실제 텍스트 블록을 지원해야 합니다. 간격은 제품, 그림자 및 텍스트가 시각적으로 충돌하는 것을 방지합니다.
복사에는 간단한 임시 직사각형을 사용하고 제품에는 거친 실루엣을 사용하십시오. 최종 유형 처리를 설계하는 것이 아니라 용량과 균형을 테스트하고 있습니다. 대략적인 배열이 혼잡하면 아름다운 생성된 배경이 자동으로 사용할 수 없게 됩니다.
제품 사진이나 생성된 캠페인 결과가 아닌 일러스트레이션 구성 맵. 영역은 역할을 보여줍니다. 영역의 비율은 보편적인 요구 사항이 아닙니다.
단순히 복사 공간을 최대화하기 위해 제품을 작은 구석으로 밀어 넣지 마십시오. 시각은 여전히 제공되는 내용을 전달해야 합니다. 제품과 사본 모두 캔버스가 제공하는 것보다 더 많은 공간이 필요한 경우 둘 다 압축하지 않고 배열을 변경하거나 정보를 줄이십시오.
조용한 곳을 시각적으로 조용하게 만들기
유용한 복사 공간은 개체가 없는 영역 이상입니다. 광택 반사, 날카로운 수평선 또는 고대비 텍스처는 영역에 소품이 없는 경우에도 문자와 경쟁할 수 있습니다.
제안된 텍스트 영역에서 단어를 가로지르는 가장자리, 빠른 밝은 색에서 어두운 색으로의 변경 및 메시지에서 주의를 끄는 초점 세부 사항의 세 가지 종류의 간섭을 검사합니다. 은은하게 불이 켜진 벽이 작동할 수 있으며, 바닥 면적이 같은 패턴의 벽은 작동하지 않을 수 있습니다.
전체 복사 블록에 대해 생각해 보십시오. 창백한 헤드라인은 어두운 영역의 상단에서 읽을 수 있으며 지지선은 밝은 패치에 걸쳐 있습니다. 헤드라인만 이동한다고 해서 하단이 해결되는 것은 아닙니다. 하나의 점유 지역으로서 헤드라인, 지원 및 조치를 함께 테스트합니다.
제품의 그림자도 구성 계획에 속합니다. 오른쪽 제품에서 확장되는 긴 그림자는 왼쪽 복사 공간을 사용할 수 있습니다. 제품 위치를 변경하거나, 더 호환되는 조명을 선택하거나, 사본 아래에 그림자의 경로를 예약할 수 있습니다. 장면의 가장 강력한 대각선이 제안을 통과한다는 것을 발견하기 위해 최종 텍스트 배치 때까지 기다리지 마십시오.
부드러운 배경 조정 또는 의도적인 텍스트 패널은 고정 설계에 도움이 될 수 있습니다. 선택한 솔루션인 경우 이미 깨끗한 복사 공간을 제공한 원래 배경을 가장하지 않고 레이아웃의 일부로 처리하십시오. 시술이 제품을 흐리게 하거나 장면에서 분리된 것처럼 보이는 패치를 만들지 않는지 확인합니다.
Dreamina를 사용하여 구성 탐색
실제 제품 참조와 러프 존 계획을 준비합니다. 정확한 제품 표현이 중요한 경우 승인된 제품 자산을 최종 설계에 사용할 수 있도록 유지하고 생성된 모든 제품 후보를 비교하십시오. 구성 개념은 다시 그린 레이블을 교체해야 하는 경우에도 유용할 수 있습니다.
Dreamina의 문서화된 이미지 대 이미지 경로는 AI 이미지 > + 업로드 이며 변환 프롬프트가 뒤따릅니다. SeeDream 5.0 Pro의 이미지 5.0 Pro를 선택하고 사용 가능한 가로 세로 비율, 수량 및 해상도를 선택하고 생성한 다음 검사 및 다운로드합니다. 참조 주도 워크플로우는 새 이미지를 생성하므로 보존 지침은 여전히 확인이 필요합니다. Dreamina의 이미지 대 이미지 가이드
점령된 지역과 비어 있는 지역을 구체적으로 설명하십시오. 제품이 어디로 가는지, 어느 쪽이 조용히 있어야 하는지, 어떤 기능이 계속 보여야 하는지 이름을 지정하십시오. 레이아웃에 매력적인 빈 공간이 있기 때문에 제품이 떠 있는 것처럼 보이지 않도록 지지 표면과 카메라 관계를 설명하십시오.
이 예제 프롬프트는 지침적이며 테스트되지 않았습니다.
업로드된 제품을 참조로 사용하여 광범위한 캠페인 구성을 만듭니다. 제품의 앞면이 선명하게 보이는 오른쪽에 놓습니다. 헤드라인, 지원 라인 및 조치를 위해 왼쪽에 넓고 차분한 영역을 예약하십시오. 부드러운 빛과 함께 따뜻한 중성 배경을 사용하십시오. 소품, 단단한 그림자, 밝은 반사 및 강한 질감을 왼쪽 복사 영역에 두지 마십시오. 단어, 배지 또는 추가 제품을 생성하지 마십시오.
지침은 우선 순위를 설정합니다. 제품, 카운트 또는 빈 영역이 정확하다는 것을 증명하지 않습니다. 후보를 선택하기 전에 전체 출력을 검토하십시오. 최상의 장면에 제품 오류가 있는 경우 장면 개념을 유지하고 필요한 경우 최종 구성에서 실제 자산을 사용하십시오.
각 후보에게 명확한 목적을 부여하십시오. 하나는 왼쪽 사본으로 오른쪽 제품을 테스트할 수 있고, 다른 하나는 위의 사본으로 낮은 제품을 테스트할 수 있습니다. 동일한 혼잡한 배열을 유지하면서 배경색을 반복적으로 변경해도 레이아웃 문제가 해결되지 않습니다.
사본을 제자리에 두고 후보자를 판단합니다.
후보를 디자인 파일로 가져오고 그 위에 실제 사본을 놓습니다. 나중에 최종 글꼴을 선택하더라도 신뢰할 수 있는 블록 크기와 줄 수를 사용하십시오. 사람들이 볼 수 있는 크기의 구성을 검사하십시오.
이미지만 승인하지 말고 단어가 어떻게든 맞을 것이라고 가정하십시오. 시각적으로 인상적인 영웅은 메시지가 의도된 영역을 차지하면 실패할 수 있습니다. 복사 테스트는 최종 서프라이즈가 아니라 조기 선택 기준이어야 합니다.
다음 질문을 평가하십시오.
- 제품이나 중요한 가장자리 영역을 건드리지 않고도 전체 의도된 메시지가 들어갈 수 있습니까?
- 제품이 결과 규모로 인식될 수 있습니까?
- 액션 또는 조건을 포함하여 모든 라인 뒤에서 복사 영역이 조용합니까?
- 장면의 조명과 시각적 방향이 제품과 메시지 사이에서 자연스럽게 이어지는가?
- 이미지가 두 가지 역할을 잃지 않고 계획된 작물에서 살아남을 수 있습니까?
Photoshop에서 실제 정렬 패스를 보려면 관련 레이어를 선택하고 이동 도구를 선택하여 정렬 컨트롤에 액세스합니다. Adobe의 과정에서는 선택한 요소를 가장자리 또는 중앙에 정렬하고 선택한 항목을 배포하는 방법을 보여 줍니다. 이러한 컨트롤을 사용하여 대략적인 복사 블록 및 제품 관계를 의도적으로 만드십시오. 설계 계층을 결정하지 않습니다. Adobe의 정렬 수업
사본이 너무 작아진 후에만 블록이 맞으면 구성이 통과되지 않습니다. 헤드라인이 작동하지만 조건이 갈 곳이 없는 경우에도 레이아웃을 수정해야 합니다. 그림자, 질감 또는 유형 세부 사항을 연마하기 전에 공간 문제를 해결하십시오.
구성의 목적을 보존하는 수리 선택
다른 실패는 다른 수정을 요구합니다. 먼저 사본의 크기, 제품 배치, 배경 활동 또는 자르기에서 충돌이 발생하는지 확인합니다.
Dreamina의 현재 이미지 편집 튜토리얼은 이미지를 업로드하고 AI 이미지를 통해 대상 제거 또는 변경을 설명하고 결과를 생성하고 검토하는 것을 지원합니다. 이 경로를 사용하여 더 차분한 배경 영역을 제안할 수 있지만 지역화된 요청이 모든 주변 픽셀이 변경되지 않았다는 증거는 아니기 때문에 나중에 제품을 비교할 수 있습니다. Dreamina의 편집 워크플로우
제품이 표면에 잘못 배치되면 해당 문제를 제품 배치 및 접지 가이드로 이동하십시오 . 조용한 배경은 일관되지 않은 관점이나 누락된 접촉 관계를 보상할 수 없습니다. 해당 수리는 복사 공간 결정과 구별됩니다.
때로는 단순한 레이아웃 변경이 다른 세대보다 낫습니다. 사본을 인접한 패널로 이동하거나 장식 소품을 줄이거나 제품의 상대적인 위치를 변경하면 유용한 시각적 효과를 보존할 수 있습니다. 정교한 이미지에 대한 보상보다는 완전한 영웅을 판단하십시오.
다른 구성으로 다른 형식 계획
넓은 웹 사이트 영웅, 정사각형 소셜 이미지 및 키 큰 스토리는 거의 동일한 사용 가능한 복사 영역을 공유하지 않습니다. 넓은 디자인의 중앙 자르기는 제품, 헤드라인 또는 둘 다 제거할 수 있습니다. 최종 승인 전에 의도된 배치를 설정합니다.
제품 ID, 캠페인 분위기 및 주요 메시지를 형식 전반에 걸쳐 일관성 있게 유지하십시오. 배열을 변경할 수 있습니다. 넓은 버전은 제품을 오른쪽에 놓고 왼쪽으로 복사할 수 있습니다. 정사각형 버전은 제품을 컴팩트 복사 블록 아래에 놓을 수 있습니다. 높은 버전은 제품을 수직으로 분리할 수 있습니다.
이미지가 웹 사이트 컨테이너 안에 있을 때 실제 자르기 동작을 테스트합니다. 컨테이너가 반응하여 자르는 경우 관련 너비를 미리 봅니다. 좁은 화면에서 안전한 데스크톱 여백이 사라질 수 있습니다. 텍스트가 별도의 페이지 내용인 경우 해당 너비의 이미지에 대한 위치도 확인하십시오.
형식에 상당히 다른 구조가 필요한 경우 별도의 예술 지향 버전을 만드십시오. 캔버스를 더 추가한다고 해서 새로운 계층이 해결되는 것은 아닙니다. 빈 확장이 크면 제품이 메시지에서 멀리 떨어져 있을 수 있습니다.
일련의 카드의 경우 영웅 한 명에게 모든 메시지를 전달하도록 강요하지 말고 각 카드의 역할을 결정하십시오. 회전목마 이야기 계획 가이드 는 그 순서를 개발한다. 캠페인은 시각적으로 연결되어 있을 수 있으며 개별 카드는 제품, 혜택 및 행동에 다양한 공간을 제공합니다.
가상의 제품 출시 영웅을 통해 작업
테이블 상판 스피커의 승인된 사진과 헤드라인, 짧은 혜택 라인 및 조치가 필요한 캠페인을 상상해 보십시오. 이것은 고객 프로젝트나 생성된 테스트가 아니라 계획적인 예입니다.
넓은 레이아웃으로 시작하여 전체 복사 블록을 왼쪽에 놓습니다. 컨트롤과 모양을 식별할 수 있을 만큼 큰 대략적인 스피커 실루엣을 오른쪽에 놓습니다. 즉시 장식용 소품으로 채우지 말고 시각적 전환을 위한 틈을 남겨 두십시오.
후보로 Dreamina에서 따뜻한 인테리어 구성을 생성합니다. 한 가지 옵션은 창 조명이 매력적이지만 복사 영역을 가로지르는 강한 커튼 그림자가 있습니다. 또 다른 것은 더 잔잔한 벽과 약간 덜 극적인 장면을 가지고 있습니다. 실제 사본이 중첩되면 더 차분한 버전이 메시지를 더 잘 지원합니다.
이제 스피커와 승인된 사진을 비교해 보십시오. 생성된 그릴 패턴 또는 제어 배열이 변경된 경우 최종 제품 표현에 정품 소스를 사용하십시오. 선택한 설정에 대해 배치 및 접지를 조정합니다. 장면의 지원 세부 정보를 메시지 영역 외부에 보관합니다.
정사각형 버전의 경우 헤드라인을 통해 넓은 버전을 자르지 않고 제품 위로 사본을 이동합니다. 새 스케일에서 스피커를 검사하고 지지 라인을 다시 확인합니다. 두 버전은 캠페인 언어를 공유하지만 다른 공간 솔루션을 사용합니다.
이 과정은 매력적인 배경이 아닌 일하는 영웅을 선택합니다. 변환 또는 판매 결과는 예에서 따르지 않습니다. 검사 가능한 설계 결정을 결정합니다.
정확한 사본과 식별 가능한 마스터로 마무리
구성이 통과되면 레이아웃에 최종 문구와 승인된 설계 처리를 적용합니다. 배달 워크플로우가 허용하는 위치에서 텍스트를 편집할 수 있도록 유지하십시오. 생성기에 포함된 텍스트를 수락하지 않고 캠페인 소스에 대해 모든 날짜, 가격, 수량 및 조건을 확인합니다.
명확한 버전 관계를 통해 제품 자산, 시각적 후보, 최종 레이아웃 및 내보낸 형식을 저장합니다. 승인된 영역 계획을 유지하거나 간략하게 유지하여 향후 지역화된 복사 및 형식 변경이 알려진 시작점을 갖도록 합니다.
내보낸 영웅을 다시 열고 의도된 컨텍스트에서 검사합니다. 일반 보기 크기, 제품의 정의 기능, 여백 및 반응성 크롭에서 단어를 확인하십시오. 편집 캔버스에서 작동하는 구성은 웹 사이트 또는 배치가 다른 스케일링을 적용하는 경우에도 여전히 실패할 수 있습니다.
사본이 속한 위치, 승인된 형식 및 잘라내서는 안 되는 영역에 대한 메모와 함께 이미지를 전달합니다. 이미지가 별도로 렌더링된 텍스트의 배경인 경우 그렇게 말합니다. 그것은 누군가가 의도적으로 조용한 지역을 불필요한 공간으로 해석하고 잘라내는 것을 방지합니다.
제품 영웅 복사 공간에 대한 질문
빈 공간을 얼마나 남겨야 하나요?
실제 메시지, 여백 및 의도된 전달 동작에 충분합니다. 유용한 보편적 비율은 없습니다. 가장 긴 그럴듯한 복사 블록으로 시작하여 제품의 가시성을 테스트합니다.
Dreamina에게도 최종 헤드라인을 생성하도록 요청할 수 있습니까?
텍스트 주도 개념을 살펴볼 수 있지만 정확한 캠페인 표현은 검토가 필요합니다. 별도의 편집 가능한 텍스트 계층을 사용하면 나중에 수정하고 위치 지정을 보다 쉽게 제어할 수 있습니다. 이 가이드의 세대는 의도적으로 최종 문구를 생략합니다.
왜 넓은 빈 영역이 여전히 읽기 어려워 보이나요?
강한 질감, 변화하는 밝기 또는 문자 뒤의 가장자리를 포함할 수 있습니다. 전체 복사 블록을 테스트한 다음 배경을 단순화하거나 구성을 변경합니다. 물체가 비어 있다고 해서 항상 시각적으로 조용한 것은 아닙니다.
영웅 한 명이 모든 형식을 수행할 수 있습니까?
때때로 제품과 메시지가 각 배치에서 살아남는 경우. 가정하기 보다는 테스트합니다. 좁은 작물이 균형을 바꾸거나 필수 콘텐츠를 제거할 때 별도의 구성을 준비합니다.