圍繞它必須攜帶的副本設計一個產品英雄。建立最終的格式,為真正的標題和支援資訊放置一個粗略的塊,然後圍繞該塊佈置產品和場景。使用此組合生成或編輯視覺物件,並在批准結果之前測試實際副本。只有在裁剪後保持可讀、整潔和可用時,空白空間才有用。
Dreamina可以幫助探索場景、照明和產品投放。當準確性或以後的變化很重要時,將準確的活動措辭作為單獨的設計元素。下面的工作流程側重於詳細排版之前的構圖;它的示例和圖表是計劃輔助工具,而不是報告的活動測試。
從影象必須容納的訊息開始
在選擇最終影象之前,獲取標題、支援線、所需資訊和號召性用語。他們還不需要完成的字型。他們確實需要相當大的空間。
兩個字的標題和帶有價格、日期和條件的標題建立不同的佈局。如果設計後期需要四行文案和一個報價徽章,“在左側留出一些空間”就太模糊了。從最長的合理批准版本開始,而不是讓每個影象看起來都可行的短佔位符。
還要確定副本將存在的位置。網頁可以在影象上方或旁邊放置真正的超文字標記語言文字。社交圖片可能會在匯出的藝術品中攜帶文字。列印佈局可能需要額外的空間來放置合法線條。這些傳遞選擇決定了影象本身是否需要一個安靜的文字區域、一個單獨的相鄰面板或兩者兼而有之。
寫一個簡潔的佈局簡介。一個說明性的簡報可以是:“廣泛的英雄;產品在右邊;標題,一條支援線和左邊的動作;保留正面標籤;使用平靜溫暖的環境,在副本後面沒有道具或強烈的亮點。”這是一個提議的作文簡介,不是測試說明或效能宣告。
如果報價包含多個價格、數量或條件,請單獨確定它們的等級。該銷售-副本佈局指南開發了該資訊問題。在這裡,目標是確保圖片提供所選層次結構所需的空間。
將畫布劃分為角色,而不是相等的空框
以預期的長寬比建立粗糙的畫布。標記產品區域、複製區域、它們之間的間隙以及可能因裁剪或平臺控制元件而丟失的任何邊緣區域。這些區域不必大小相等。它們的比例遵循資訊和產品的形狀。
產品區域必須顯示使專案可識別的功能。一個大瓶子可以放在標題旁邊;一個寬電器可能需要不同的佈置。複製區域必須支援實際的文字塊。間隙可以防止產品、其陰影和文字在視覺上發生碰撞。
為副本使用簡單的臨時矩形,為產品使用粗略的輪廓。您正在測試容量和平衡,而不是設計最終的型別處理。如果粗略的排列很擁擠,一個漂亮的生成背景不會自動使其可用。
說明性的構圖,而不是產品照片或生成的活動結果。區域顯示角色;它們的比例不是通用要求。
不要為了最大化複製空間而將產品強行放入小角落。視覺仍然需要傳達所提供的內容。如果產品和文案都需要比畫布提供的更多的空間,改變排列或減少資訊,而不是擠壓兩者。
使安靜區域視覺上安靜
有用的複製空間不僅僅是一個沒有物件的區域。即使該區域不包含道具,光澤反射、銳利的地平線或高對比度紋理也可以與字母競爭。
檢查提議的文字區域是否存在三種干擾:邊緣穿過單詞、快速從光到暗的變化以及將注意力從資訊中轉移開的焦點細節。光線柔和的牆可能會起作用;同樣空地板面積的圖案牆可能不行。
想想整個複製塊。在暗色區域的頂部,一個淺色的標題可能是可讀的,而它的支援線落在一個明亮的補丁上。只動標題並不能解決下線。測試標題,支援和行動一起作為一個佔領地區。
產品的影子也屬於構圖計劃。從右側產品延伸的長陰影會消耗左側複製空間。您可以更改產品定位,選擇更相容的照明或保留副本下方的陰影路徑。不要等到最後的文字放置才發現場景最強的對角線穿過了報價。
溫和的背景調整或深思熟慮的文字面板可能有助於固定設計。如果這是選擇的解決方案,請將其視為佈局的一部分,而不是假裝原始背景已經提供了乾淨的複製空間。檢查治療沒有模糊產品或建立一個看起來與場景斷開連線的補丁。
使用Dreamina探索構圖
準備真實的產品參考和粗略的區域計劃。如果確切的產品表示很重要,請將批准的產品資產用於最終設計,並將每個生成的候選產品與之進行比較。即使重新繪製的標籤需要替換,合成概念也很有用。
Dreamina記錄的影象到影象路線是人工智慧影象>+上傳,然後是轉換提示。選擇Image 5.0 Pro by Seedream 5.0 Pro,選擇可用的長寬比、數量和解析度,生成,然後檢查和下載。其以引用為主導的工作流程會建立一個新影象,因此儲存說明仍然需要驗證。Dreamina的影象到影象指南
具體描述被佔用和未佔用的區域。說出產品的去向,哪一面必須保持安靜,哪些功能應該保持可見。描述支撐面和相機的關係,這樣產品就不會僅僅因為佈局有吸引人的空白而看起來漂浮。
此示例提示具有指導性,尚未經過測試:
使用上傳的產品作為參考建立一個廣泛的活動組合。將產品放在右側,正面清晰可見。為標題、支援線和行動在左側保留一個廣闊、平靜的區域。使用帶有柔和光線的溫暖中性背景。將道具、硬陰影、明亮的反射和強烈的紋理保持在左側副本區域之外。不要生成文字、徽章或額外產品。
指令設定優先順序;它不能證明產品、計數或空白區域是正確的。在選擇候選人之前檢視整個輸出。如果最好的場景有產品錯誤,保留場景概念,並在需要的地方在最終合成中使用真實的資產。
給每個候選人一個明確的目的。一個人可以用左邊的副本測試右邊的產品;另一個人可以用上面的副本測試較低的產品。在保持相同擁擠排列的同時反覆更改背景顏色並不能解決佈局問題。
影印好後再評判候選人
將候選人匯入您的設計檔案並將真實副本放在其上。使用可靠的塊大小和行數,即使最終的字型選擇稍後才出現。按照人們看到的尺寸檢查構圖。
不要只認可圖片,並假設文字會以某種方式合適。一旦訊息佔據其預期區域,視覺上令人印象深刻的英雄可能會失敗。文案測試應該是一個早期的選擇標準,而不是一個整理驚喜。
評估這些問題:
- 在不觸及產品或關鍵邊緣區域的情況下,整個預期資訊是否合適?
- 產品在最終規模上是否保持可識別性?
- 每一行後面的複製區域是否安靜,包括動作或條件?
- 場景的照明和視覺方向是否在產品和資訊之間自然引導?
- 影象可以在不失去任何角色的情況下在計劃的裁剪中倖存下來嗎?
對於Photoshop中的實際對齊傳遞,選擇相關圖層並選擇移動工具以訪問對齊控制元件。Adobe的課程演示了通過邊緣或中心對齊選定的元素並分佈選定的專案。使用這些控制元件使粗略的複製塊和產品關係深思熟慮;它們不會為您確定設計層次結構。Adobe的對齊課程
如果塊只有在副本變得太小後才適合,則作文沒有通過。如果頭條管用,但狀態無處可去,佈局還是要修改。在拋光陰影、紋理或字型細節之前解決空間問題。
選擇一個能保持合成目的的修復
不同的失敗需要不同的修正。首先確定衝突是否來自副本的大小、產品投放、背景活動或裁剪。
Dreamina當前的影象編輯教程支援上傳影象並通過AI Image描述有針對性的刪除或更改,生成和檢視結果。您可以使用該路由來提出更平靜的背景區域,但之後會比較產品,因為本地化請求並不能證明周圍的每個畫素都保持不變。Dreamina的編輯工作流程
如果產品在表面上的位置不正確,請將問題路由到產品放置和接地指南。安靜的背景無法彌補不一致的視角或缺失的聯絡關係。保持該修復與複製空間決策不同。
有時候一個簡單的佈局改變比另一代更好。將複製品移動到相鄰的面板中,減少裝飾道具或改變產品的相對位置可能會保留原本有用的視覺效果。評判完整的英雄,而不是獎勵精心製作的形象。
將不同的格式規劃為不同的構圖
一個寬廣的網站英雄,方形的社會形象和高大上的故事很少共享相同的可用副本區域。寬設計的中心裁剪可以刪除產品、標題或兩者。在最終批准之前確定預期的位置。
保持產品標識、活動氛圍和關鍵資訊在格式上的一致性。允許安排發生變化。寬版本可能將產品放在右邊並複製左邊;方形版本可能將產品放在緊湊的複製塊下面;高版本可能垂直分隔它們。
當影象位於網站容器中時,測試實際的裁剪行為。如果容器響應地裁剪,請預覽相關寬度。看起來安全的桌面邊距可能會在較窄的螢幕上消失。如果文字是單獨的頁面內容,也請確認其在這些寬度處相對於影象的位置。
當一種格式需要基本不同的結構時,建立一個單獨的藝術指導版本。新增更多畫布本身並不能解決新的層次結構。一個大的空擴充套件可能會使產品滯留在遠離訊息的地方。
對於一系列卡片,決定每張卡片的角色,而不是強迫一個英雄攜帶每條資訊。《旋轉木馬故事規劃指南》開發了這個序列。一個活動可以保持視覺上的聯絡,而單個卡片給產品、好處和行動不同的空間。
完成一個假設的產品釋出英雄
想象一下一張經過批准的桌面演講者的照片和一場需要標題、一條簡短的利益線和一項行動的運動。這是一個計劃示例,而不是客戶專案或生成的測試。
從寬佈局開始,將完整的複製塊放在左側。在右側放置一個粗略的揚聲器輪廓,足夠大,以使其控制元件和形狀保持可識別。為視覺過渡留一個空隙,而不是立即用裝飾道具填充它。
在Dreamina中生成溫暖的室內構圖作為候選。一個選項有吸引人的窗戶光線,但強烈的窗簾陰影穿過複製區域。另一個有一面更平靜的牆和一個稍微不那麼戲劇化的場景。覆蓋真實副本後,更平靜的版本更好地支援訊息。
現在將揚聲器與其認可的照片進行比較。如果生成的格柵圖案或控制佈置發生了變化,請使用真實的來源作為最終產品表示。根據所選設定調整其位置和接地。將場景的支援細節保留在訊息區域之外。
對於方形版本,將副本移到產品上方,而不是通過標題裁剪寬版本。在新刻度處檢查揚聲器並重新檢查支撐線。這兩個版本共享一種活動語言,但使用不同的空間解決方案。
這個過程選擇一個工作英雄,而不是一個有吸引力的背景。示例中沒有轉換或銷售結果;它建立了一個可檢查的設計決策。
完成精確的副本和可識別的主
一旦構圖通過,在佈局中應用最終措辭和批准的設計處理。在交付工作流程允許的地方保持文字可編輯。根據活動來源檢查每個日期、價格、數量和條件,而不是接受生成器嵌入的文字。
使用清晰的版本關係儲存產品資產、視覺候選、最終佈局和匯出格式。保持接受的區域計劃或簡短,以便未來的本地化副本和格式更改有一個已知的起點。
重新開啟匯出的英雄並在其預期上下文中檢查它。檢查正常檢視大小的單詞、產品的定義功能、邊距和任何響應裁剪。當網站或位置應用不同的縮放時,在編輯畫布中工作的組合仍然可能失敗。
交付影象時,請注意副本所屬的位置、哪些格式已獲批准以及哪些區域不得裁剪。如果影象是單獨呈現的文字的背景,請這樣說。這可以防止有人將有意安靜的區域解釋為不必要的空間並將其裁剪掉。
關於產品英雄複製空間的問題
我應該留多少空間?
對於實際訊息、其邊距和預期的傳遞行為就足夠了。沒有有用的通用百分比。從最長的看似合理的複製塊開始,並在旁邊測試產品的可見性。
我可以讓Dreamina也生成最終的標題嗎?
您可以探索文字主導的概念,但確切的活動措辭需要審查。單獨的可編輯文字層使以後的更正和本地化更加可控。本指南的生成提示有意省略了最終措辭。
為什麼一大片空白區域看起來仍然很難閱讀?
它可能包含強烈的紋理,改變字母后面的亮度或邊緣。測試完整的複製塊,然後簡化背景或更改組成。空的物體並不總是意味著視覺上的安靜。
一個英雄可以服務於所有格式嗎?
有時,如果產品和資訊在每次放置中倖存下來。測試而不是假設。當窄幅作物改變平衡或去除基本成分時,準備單獨的成分。