Bouw een carrousel voor productlancering die op elke kaart iets nieuws uitlegt

Schrijf de lanceringsfeiten voordat u de haak schrijft

Begin met een bron van waarheid voor het product en commerciële informatie. Een gegenereerde heldenafbeelding kan het aantal aanpassingsposities, gevouwen afmetingen of lanceringsprijs niet vaststellen.

Ga voor dit voorbeeld uit van de volgende goedgekeurde briefing. Vervang in een echt project elke aanname door geverifieerde informatie en de daadwerkelijke ondersteunende middelen.

Voeg geen "ergonomisch" toe, "verlicht nekbelasting", "past op elke tablet" of "houdt een boek vast" omdat die zinnen nuttig klinken. De veronderstelde bouwfeiten ondersteunen ze niet. Een bepaalde paperback op een goedgekeurde foto is een gebruiksvoorbeeld, geen universele compatibiliteitstest.

Houd het lanceringsdoel smal: introduceer de stand, laat zien hoe deze verschilt van een gewone prop en begeleid geïnteresseerde lezers naar de volledige specificaties. Als het primaire bericht nog steeds onduidelijk is, legt de visuele conceptgids uit hoe je het moet kiezen voordat je de voltooide kaarten maakt.

Bouw het verhaal op basis van vragen en kies vervolgens het aantal kaarten

Voor Foldline wordt de volgorde onthuld → gebruik → aanpassing → constructiedetail → opslag → lanceringsactie. Zes kaarten zijn een redactionele keuze voor deze briefing, geen claim over de optimale lengte of een platformlimiet.

Origineel draadframe plan voor het fictieve product. De getekende vormen en afmetingen illustreren de veronderstelde opdracht; het zijn geen productfoto 's, geteste constructie of een voltooide software-export.

Deze volgorde is een informatieverhaal, geen bewering dat de beelden een continue gefilmde actie vormen. Elke kaart lost een vraag op die door de vorige is opgeworpen. Als twee kaarten dezelfde vraag beantwoorden met iets andere heldengewassen, voeg ze dan samen of geef ze een echt andere baan.

Schrijf de volledige kopie voordat u decoratieve kunstwerken genereert. Korte tijdelijke aanduidingen zoals "Functie hier" kunnen niet onthullen of de daadwerkelijke productnaam, dimensielijn of lanceringsdatum past.

Kaart 1: introduceer het object en de reden om door te lezen

Kop: "Een plek voor de volgende pagina".

Ondersteunend exemplaar: "Maak kennis met Foldline, een platte leesstandaard".

Gebruik een goedgekeurde open productweergave als hoofdonderwerp. Een eenvoudige warme bureauachtergrond kan context creëren, terwijl de leisteenafwerking en voorrand van de standaard zichtbaar blijven. Laat een duidelijk kopgebied achter, met de productnaam gemakkelijk te identificeren.

De kop is een creatieve uitnodiging; de ondersteunende lijn identificeert de werkelijke categorie. Zonder die regel of een leesbare productweergave zou de kaart eruit kunnen zien als een boekpromotie. Het beeld en de woorden zouden onmiddellijk hetzelfde onderwerp moeten vormen.

Houd decoratieve elementen in bedwang. Een zwevende standaard, een extra groot boek of een uitgevonden scharnier kan het beeld opvallend maken en het item dat wordt gelanceerd verwarren. Als de gegenereerde context het product verandert, gebruik dan de goedgekeurde productfoto in een apart paneel of een bijpassende compositie in plaats van de wijziging te accepteren.

Controleren: Kan een lezer de productcategorie een naam geven zonder de andere kaarten te zien? Is het echte productontwerp zichtbaar? Een mooie maar dubbelzinnige opening moet worden herzien voordat de rest van de reeks deze kan redden.

Kaart 2: toon een concreet gebruik, met de props uitgelegd

Kop: "Zie het in gebruik".

Ondersteunend exemplaar: "Getoond met een paperback op een bureau".

Kleine bijgevoegde opmerking: "Boek- en bureau-rekwisieten niet inbegrepen".

Gebruik een goedgekeurde foto met de echte standaard met een geschikte paperback. Laat dit beeld het verklarende werk doen. De hoek moet onthullen hoe het boek op de standaard zit en waar de standaard het bureau ontmoet.

Dit is niet de plek om een indrukwekkend oversized boek te genereren en te concluderen dat het past. Als de beschikbare bron alleen de stand laat zien, vraag dan de benodigde gebruiksfoto aan of houd de kaart voorlopig. AI kan een voorgestelde setting visualiseren, maar een fictieve fit mag geen productbewijs worden.

Handhaaf dezelfde productafwerking en herkenbare constructie als Card 1. De foto kan dichterbij of meer contextueel zijn, maar een onverklaarbare andere stand zou het lanceringsverhaal breken.

Controleer: Is de weergegeven opstelling een ondersteund voorbeeld? Is de notitie leesbaar naast de relevante scène? Als een bijgesneden prop deel lijkt uit te maken van het pakket, verduidelijk het dan in plaats van te vertrouwen op een later bijschrift om de implicatie te corrigeren.

Kaart 3: maak de aanpassingsfunctie inspecteerbaar

Kop: "Drie vaste posities".

Ondersteunende kopie: "Kies een van de drie ondersteunde instellingen van de stand".

Gebruik drie goedgekeurde zijaanzichten van de werkelijke posities. Label ze "Positie 1", "Positie 2" en "Positie 3" als bewerkbare tekst. Houd de basislijn van het tafelblad, de productschaal en de camerakant vergelijkbaar, zodat de lezer het verschil kan zien.

Vraag een beeldmodel niet om drie plausibele hoeken uit te vinden en deze als het mechanisme te presenteren. Een foto van een held aan de voorkant onthult niet de achterste steun en verifieert niet hoeveel inkepingen er zijn. Gebruik de technische specificatie en geschikte bronweergaven samen.

Als de echte productspecificatie exacte hoeken bevat, kunnen deze worden toegevoegd na controle van de waarden en de meetconventie. Dit voorbeeld vindt ze niet uit. Drie posities impliceren geen continue aanpassing.

Check: Zijn er precies drie ondersteunde staten? Blijven de standaard, richel en achtersteun in elke weergave hetzelfde product? Als de kopieerregel correct is, maar de afbeeldingen tonen er vier of een ander mechanisme, mislukt de kaart nog steeds.

Kaart 4: onthul één constructiedetail in plaats van een ander algemeen voordeel

Kop: "Een voorste richel, van dichtbij".

Ondersteunend exemplaar: "Zie de ingebouwde richel in de productdetailweergave".

Gebruik een echte close-up van die functie. Het gewas moet voldoende omringende structuur achterlaten om te laten zien waar de richel thuishoort. Een geïsoleerde grijze strook zonder context verklaart de standaard niet.

Deze kaart voegt inspecteerbare details toe na het aanpassingsoverzicht. Het mag "Drie posities" niet herhalen of een nieuwe niet-ondersteunde claim introduceren, zoals "antislip in alle omstandigheden". Laat de bronfoto de zichtbare vorm vaststellen; houd de uitvoeringstaal gebonden aan afzonderlijk bewijs als deze bestaat.

Gebruik alleen een korte annotatie als dit helpt bij het lokaliseren van de functie. Voeg de annotatie toe aan de editor zodat deze kan worden verplaatst of gecorrigeerd. Genereer geen technische pijl die naar een scharnier wijst terwijl het label de richel een naam geeft.

Controleer: Toont het gewas echt het genoemde onderdeel? Wijst de annotatie erop? Kan de functie nog steeds worden herkend bij de beoogde kijkgrootte?

Kaart 5: leg opslag uit met de juiste staat en afmetingen

Kop: "Vouw het tussen hoofdstukken".

Ondersteunend exemplaar: "Gevouwen grootte: 24 × 18 × 1,2 cm (H × B × D)".

Toon de goedgekeurde gesloten productweergave, met indien nodig een secundair zijaanzicht om de dikte uit te leggen. Maak de dimensie-annotaties bewerkbaar en koppel elke waarde aan de relevante richting. Houd de aangegeven bestelling consistent met de gecontroleerde specificatie.

De gevouwen afmetingen behoren tot de gesloten toestand. Het plaatsen ervan rond een open standaard zou een andere meting betekenen. Een gegenereerd dun silhouet is ook geen maat voor de werkelijke dikte.

Vermijd een kleine handtas of zak die een niet-geverifieerde pasvorm suggereert. Een eenvoudige gesloten weergave communiceert opslag zonder een extra compatibiliteitsbelofte te doen. Als een bepaalde tas deel uitmaakt van het goedgekeurde gebruiksbewijs, verifieer die relatie dan afzonderlijk.

Check: Is de stand volledig gesloten? Zijn alle drie de cijfers en de vermenigvuldigingstekens correct? Leggen de weergave en annotaties uit welke waarde dikte is? Dit is een feitelijke kaart, niet alleen een rustige visuele overgang.

Kaart 6: sluit de introductie af met een echte volgende actie

Kop: "Foldline lanceert 24 oktober".

Ondersteunend exemplaar: "2026 · $24 productprijs · Leisteen grijs".

Inhoudsregel: "Eén stand. Boek en rekwisieten niet inbegrepen".

Actie: "Bekijk de volledige specificaties".

Gebruik een schone goedgekeurde productweergave of een stillere versie van de openingssamenstelling. Houd de datum, productprijs en actie verschillend. De prijs is geen geclaimde korting en in dit voorbeeld wordt niet aangenomen dat verzendkosten of andere kosten zijn inbegrepen.

De actie moet ergens nuttig leiden. Lever en controleer de werkelijke bestemming voordat deze wordt vrijgegeven. Een knopvormige rechthoek in een geëxporteerde PNG is niet automatisch een interactieve knop; configureer de bestemming in de daadwerkelijke publicatiecontext waar ondersteund. Verzin geen product-URL of decoratieve QR-achtige afbeelding.

Als er later een goedgekeurde lanceringsaanbieding wordt toegevoegd, controleer dan de bedragen, reikwijdte en voorwaarden als een verbonden blok. De prijs- en promotiehiërarchiegids legt legt die extra taak uit. Het toevoegen van een kortingsbadge zonder feitelijke basis verandert de lanceringsbelofte.

Controle: Komen datum, jaar, prijs, afwerking en pakketinhoud overeen met de goedgekeurde factsheet en bestemming? Kan iemand de volgende actie identificeren na het lezen van deze laatste kaart?

Geef de kaarten een gedeeld systeem zonder ze identiek te maken

Gebruik één achtergrondfamilie, een consistente productafwerking, één typefamilie met een duidelijke kop / ondersteuning / labelhiërarchie en een stabiele locatie voor het kaartnummer of de kleine merkidentificatie. Deze herhaalde elementen vertellen de lezer dat de kaarten bij elkaar horen.

De afbeeldingen zouden nog steeds moeten veranderen met de informatie. Een heldenweergave, een gebruiksfoto, drie instellingsweergaven, een detailuitsnede en een gesloten formulier hebben verschillende taken. Door ze in één ongewijzigde compositie te dwingen, zou de reeks minder informatief zijn.

Gebruik voor deze voorgestelde master zes vierkante 1080 × 1080 tekengebieden. Dat is de gekozen uitvoergrootte van de voorbeeldbriefing, geen universele platformspecificatie. Begin met een interne inzet van 72 pixels voor belangrijke inhoud en pas deze vervolgens aan nadat u een voorbeeld van de daadwerkelijke woorden en bestemming hebt bekeken. Het is een lay-outkeuze, niet een gegarandeerd veilig gebied voor elke interface.

Een gedeelde basislijn en consistente spatiëring zijn nuttig; verplichte continue panorama 's zijn dat niet. Elke kaart moet alleen begrijpelijk blijven. Een woord of dimensie verdeeld over een veeggrens kan onvolledig worden wanneer een kaart afzonderlijk wordt bekeken of opnieuw wordt gerangschikt.

Gebruik Dreamina waar nieuwe kunstwerken het verhaal helpen

Genereer een ingetogen achtergrond- of conceptbehandeling voor het openen en sluiten, in plaats van het technische bewijs op kaarten 3-5 uit te vinden. Dreamina 's Seedream 5.0 Pro-gids documenteert AI Afbeelding, tekst of afbeelding uploaden, model / aspect / resolutie-instellingen, generatie, beoordeling en download. Gebruik beschikbare accountinstellingen en inspecteer de daadwerkelijke uitvoer voordat u deze plaatst.

Een voorgestelde prompt voor alleen achtergrond:

Maak een vierkante campagneachtergrond voor een opvouwbare leesstand-lancering. Warm bleek bureauoppervlak, zacht zijlicht en een ingetogen leisteengrijs accent. Houd het gebied linksboven stil voor de kop en laat een duidelijk gebied rechtsonder achter voor een goedgekeurde productfoto die later wordt geplaatst. Geen stand, boek, belettering, prijzen, badges, schema 's of extra objecten. De sfeer is praktisch en rustig.

Het product kan in een schoon fotopaneel zitten als de gegenereerde scène niet overeenkomt met de bronhoek of verlichting. Het plaatsen van een foto verwijdert niet automatisch de achtergrond of creëert geen geloofwaardige contactschaduw. Gebruik een goed voorbereid item, een hele goedgekeurde foto of een goed afgewerkte composiet.

De Seedream 5.0 Pro-aankondiging van het modelteam documenteert ook afzonderlijke transparante componenten. Als uw route ze levert, inspecteer dan hun werkelijke structuur en bruikbaarheid. Gescheiden visuele middelen vormen op zichzelf geen live bewerkbare typografie, nauwkeurige specificaties of een voltooide master met zes kaarten.

Bouw de bewerkbare master in Illustrator

Het volgende is een voorgestelde workflow voor externe editor die wordt ondersteund door de documentatie van Adobe. Het is geen uitgevoerde Dreamina-to-Illustrator integratie.

Maak en benoem de zes tekengebieden

Open een schermgeoriënteerd document en gebruik Window → Artboards als het paneel niet zichtbaar is. Voeg tekengebieden toe met Nieuw tekengebied . Stel in Artboard Options elke naam en dezelfde aangepaste breedte en hoogte in, volgens Adobe 's instructies voor het maken van tekengebieden .

Noem ze in leesvolgorde: 01-introduce, 02-use, 03-positions, 04-ledge, 05-folded, 06-launch. Houd de namen en paneelvolgorde op één lijn. Zes exporten met dezelfde naam zijn niet voldoende als de beoogde volgorde onduidelijk is.

Bepaal de gemeenschappelijke inhoudsinzet, kopgebied, afbeeldingsgebied en voettekstpositie op het eerste bord. Herhaal die lay-outregels voor de andere en pas de beeldbehandeling aan de informatie van de kaart aan. Verklein een technisch beeld niet alleen om een decoratieve opening te behouden.

Plaats de eigenlijke afbeeldingsassets apart

Gebruik File → Place , selecteer de goedgekeurde foto 's of gedownloade achtergrond en kies Link wanneer u wilt dat het document een externe bronrelatie behoudt. Adobe documenteert de plaatsingsroute . Zet elk activum op het juiste bord en houd de verhoudingen intact.

Behoud gekoppelde bronnen met het project. Venster → Links laat zien of activa zijn gekoppeld of ingesloten en markeert ontbrekende of bijgewerkte bestanden, zoals beschreven in Adobe 's Links panel guide . Inspecteer de werkelijke activastatus in plaats van aan te nemen dat de preview bewijst dat de bron beschikbaar is.

Organiseer achtergrond, productafbeeldingen, annotaties en kopiëren zodat ze afzonderlijk selecteerbaar blijven. Gebruik de vergrendelingsregeling van het deelvenster Lagen voor goedgekeurde afbeeldingen terwijl u aan tekst werkt; Adobe documenteert documenteert laagvergrendeling . Ontgrendel opzettelijk wanneer een bron moet worden vervangen. Vergrendeling voorkomt onbedoelde bewerkingen; het verifieert de nauwkeurigheid van de afbeelding niet.

Voer de kopie in als tekstobjecten

Selecteer de Type tool Type, klik op het tekengebied en voer de goedgekeurde woorden in. Gebruik afzonderlijke objecten voor de kop, ondersteunende kopie, annotatie en inhoudsnotitie. Adobe 's teksttoolgids legt routes voor type en gebiedstype uit.

Inspecteer eerst de langste lijnen: de gevouwen afmetingen en de uiteindelijke lanceringsinformatie. Als ze niet passen, stelt u de kaart opnieuw samen of vereenvoudigt u de goedgekeurde formulering. Verwijder een kwalificatie voor een eenheid, jaar of pakket niet alleen om de lay-out er schoner uit te laten zien.

Sla de master op met File → Save As → Illustrator (. AI) , met behulp van Adobe 's opslaginstructies . Houd de AI-master gescheiden van de geëxporteerde afbeeldingen. Een AI-bestand met een geplaatste platte afbeelding van tekst maakt de letters van die afbeelding geen native tekstobjecten; bevestig dat de daadwerkelijke woorden kunnen worden geselecteerd en bewerkt.

Oefen een wijziging voordat u de lanceringsset exporteert

Stel dat de hypothetische lancering verhuist van 24 oktober naar 31 oktober en de goedgekeurde productprijs verandert van 24 naar 26. Werk eerst de factsheet bij, dan kaart 6 en een bijpassend bijschrift of bestemmingsexemplaar. Verander het beeld niet onnodig.

Sla op, sluit en heropen de master. Selecteer de starttekst en controleer of de gecorrigeerde datum en prijs bewerkbaar blijven. Controleer het paneel Links en inspecteer de zes borden achter elkaar. Dit is een acceptatieprocedure voor uw eigen project, geen heropeningstest die voor dit artikel is uitgevoerd.

Een productverandering heeft een grotere afhankelijkheid. Als de daadwerkelijke standaard een andere voorrand krijgt, werkt u de betreffende productfoto 's en kaart 4 bij en controleert u vervolgens elke andere kaart met die functie opnieuw. Een nieuwe gevouwen dikte beïnvloedt de bron en annotaties van Card 5. Afzonderlijk voorbereide kaarten synchroniseren feitelijke wijzigingen niet zelf.

De designer handoff guide ontwikkelt het bron-, type- en gekoppelde activapakket voor verdere herzieningen. De carrouselmeester heeft nog steeds een eigen veranderingsrepetitie nodig; een map met lettertypen en foto 's stelt niet vast dat de zes kaarten samenwerken.

Exporteer de kaarten in volgorde en inspecteer de daadwerkelijke bestanden

Gebruik File → Export → Export for Screens , selecteer het Artboards tabblad Artboards en kies de zes beoogde boards. Selecteer PNG voor dit voorbeeld, de juiste schaal- en uitvoermap en vervolgens Artboard exporteren , volgens Adobe 's Export for Screens-instructies . Bewaar de opgeslagen master als revisiebron.

Controleer bij de beoogde 1 × export van het voorbeeld of elke resulterende afbeelding eigenlijk 1080 × 1080 is. Open alle zes bestanden en controleer hun namen en leesvolgorde. Vertrouw niet alleen op miniaturen of een succesvol exportbericht.

Lees elk woord tegen de laatste factsheet. Inspecteer de nauwkeurigheid van het bronproduct, het aantal posities met drie posities, de annotatie van de richel, de gevouwen status en afmetingen en de lanceringsinformatie. Zoek naar overgebleven voorbeeldkopie, uitgevonden markeringen in kunstwerken, oude prijzen, ingekorte labels en ontbrekende eenheden.

Bekijk vervolgens de set op een realistisch klein schermformaat. Elke kop moet zijn eigen kaart uitleggen, ondersteunende informatie moet leesbaar blijven en de uiteindelijke actie moet duidelijk zijn. Bekijk de carrousel stil en zonder de planningstabel ernaast; de tafel kan een ontbrekende relatie met de uiteindelijke kijker niet verklaren.

Als de bestemming een andere vorm vereist, stel dan opnieuw samen en inspecteer elke kaart in die vorm. Door de standaard bij te snijden, een dimensie te snijden of een inhoudsnotitie te verbergen, verandert het bericht. Bevestig de vereisten van de huidige bestemming vóór daadwerkelijke publicatie; deze tutorial gaat niet uit van een universeel aantal bestanden, marge of interactief gedrag.

Houd de uiteindelijke bestelde export, bewerkbare master, gebruikte bronnen en goedgekeurde kopie bij elkaar. Een duidelijke carrousel voor productlancering eindigt met een lezer die bij elke stap iets nieuws heeft geleerd en de beloofde actie kan ondernemen. Bouw het verhaal in Dreamina en uw lay-outeditor rond dat eindpunt en verifieer vervolgens de bestanden die daadwerkelijk worden afgeleverd.