Nyereség:
- Képes hasznos elrendezés létrehozására vizuális hierarchia, igazítás, rács, térköz és fókuszpont elvekkel
- Szövegközökkel rendelkező látványelemek készítése, szerkeszthető szövegek és pontos elhelyezés a tervezőprogramban
- Képesség a levágás és a selejt kockázatának megelőzésére olyan formátumszabályok alkalmazásával, mint a biztonságos terület és a nyomtatási kihagyás
A gyönyörű kép és a működő dizájn közötti különbség gyakran az elrendezés: az elemek elhelyezése az oldalon. Az elrendezés határozza meg, hogy egy plakáton hova kerüljön először a szem, hogy a szöveg lélegzik-e a közösségimédia-kártyákon, és hogyan áramlik az információ egy prospektusban. Ebben az egységben megtanuljuk a kompozíció (elemek egésszé rendezése) alapelveit, és azt, hogy az AI hol segít és korlátozza ezt a folyamatot. Kritikus tény: a mesterséges intelligencia látványelemeket készít, de a pontos elrendezés a tervező kezében van, egy tervezőprogramban.
Miért nem képes az AI egyedül az elrendezést?
Az AI holisztikus „jó megjelenésű” képet hoz létre; de a tervezés elrendezése pixel pontosságot, szerkeszthető szöveget, igazítást és következetes térközt igényel. A mesterséges intelligencia által készített képen nem lehet eltolni a szöveget, nem igazítani pontosan a logót, és nem mérheti a margót. A professzionális folyamat tehát a következő: hátteret/vizuális elemeket generálunk mesterséges intelligencia segítségével, a tervezőprogramban beállítjuk az elrendezést (szöveg, logó, igazítás). Az AI nyersanyag- és összetételi ötletet ad; A pontos elhelyezés az Ön döntése.
A kompozíció alapelvei
- Vizuális hierarchia: Elemek fontossági sorrendbe állítása. A szem először a legnagyobb/kontrasztos elemre megy. A címsor > alcím > törzs > részlet sorrendje létrejön.
- Igazítás: Elemek elrendezése láthatatlan vonalak szerint; Megakadályozza a rendetlenséget és rend érzetet kelt.
- Rács: Az oldalt láthatatlan oszlopokra és sorokra osztó rendszer; Biztosítja a tárgyak egyenletes elhelyezését.
- Szóköz (negatív tér): Az elemek közötti üres tér; Lehetővé teszi, hogy a design "lélegezzen" és olvasható legyen. Kevés hely = szűk és amatőr.
- Egyensúly: a vizuális súly eloszlása; Lehet szimmetrikus (csendes) vagy aszimmetrikus (dinamikus).
- Kontraszt: Méret, szín vagy vastagság különbségével irányítja a figyelmet.
- Fókuszpont: Az első hely, ahová a szem kerül; tudatosan kell megtervezni.
Tipp: Amikor képeket hoz létre, a promptnál mondja azt, hogy "hagyjon helyet a szövegnek" (pl. "a felső harmada üres, sima"). Így nem fog elakadni, amikor később szöveget ad hozzá az AI-vizuálhoz, és felállíthat egy hierarchiát.
Állítsa be az elrendezést lépésről lépésre
- Határozza meg a célt: Mit kell tennie ennek a tervezésnek? (hirdetés, eladás, információ). Meghatározza a prioritási sorrendet.
- Tartalmi leltár: Mi a cím, alternatív szöveg, kép, logó, hívás (gomb/CTA)?
- Állítson fel hierarchiát: A legfontosabb elemet helyezze a legerősebb pozícióba és méretbe.
- Rács kiválasztása: Határozza meg az oszlopszerkezetet, amelyben az elemeket igazítani kívánja.
- Kép generálása mesterséges intelligencia segítségével: Hátteret/elemet generál megfelelő arányokkal, helyet hagyva a szövegnek.
- Igazítás a tervezőprogramban: Szöveg, logó, hívás igazítása; állítsa be a tereket.
- Teszt: Nagyítson, nézzen messziről, nézze meg, merre jár először a szem.
Gyakorlati technikák a szem irányítására
A kompozíció valójában a szem irányításának művészete. A néző tekintete nem vándorol véletlenszerűen; Követ bizonyos jeleket, és egy jó tervező tudatosan használja azokat. Az első a méret és a kontraszt: a legnagyobb és legkontrasztosabb elem vonzza először a tekintetet, ezért helyezze oda a legfontosabb üzenetet. A második a vezető vonalak: a kép természetes vonalai (útvonal, karnyújtás, asztal széle) egy bizonyos pontra viszik a szemet; Ha a terméket vagy címet oda helyezi, ahol ezek a sorok végződnek, akkor ez növeli a hatást. Harmadszor, a hangsúly a térrel: az elem körüli nagy üres tér kiemeli az elemet – a zsúfolt oldalon egyedül álló szó erőteljes. Negyedszer, az olvasás iránya: a legtöbb kultúrában a szem "Z" vagy "F" mintázatban halad a bal felsőtől a jobb alsó felé; így ha a logót a bal felső sarokban, a hívást (gombot) pedig a jobb alsó sarokban helyezzük el, intuitív folyamat jön létre. A háttér mesterséges intelligenciával történő előállítása során ezeket a technikákat használhatja: "egy kompozíció, amely balról lentről jobbra irányít" vagy "egy elem a közepén, széles tér körül" stb. Így a kép nemcsak szép lesz, hanem eszköz is, amely a megfelelő sorrendben közvetíti az üzenetet.
Formátum - külön figyelem
Minden médiumnak megvan a maga szabálya: Instagram-bejegyzés 1:1 vagy 4:5, sztori 9:16, web banner 16:9. A biztonságos zóna koncepciója fontos: a fontos elemeket tartsa befelé a széléről, hogy ne legyenek levágva vagy interfészelemek alatt (profil a történetben, gombok). Nyomtatásnál szükség van kihúzásra: a mintát kissé meg kell hosszabbítani a szélétől, hogy elkerüljük a fehér vonalakat a vágási margón.
három mini tok
1. eset – Légáteresztő kialakítás. Az egyik tervező kampánykártyája szűk volt; cím, szöveg és logó összekeveredett. A képet úgy reprodukálta, hogy a „felső harmad üres”, és hierarchiában helyezte el a szöveget ezen a téren. Az átkattintási arány jelentősen nőtt a tesztcsoportban; "olvasható" visszajelzés érkezett.
2. eset – Biztonsági terület hiba. Egy történettervben a fontos szlogen alul volt; Az adásban a "görgető" gomb alatt volt elrejtve, és nem jelent meg. A biztonságos terület szabályával a szlogen felfelé és középre került. A következő kampányban az üzenet egyértelmű volt, és nem volt szükség újratervezésre.
3. eset – Nyomtatási vérzés. Egy prospektust nyomtattak kivérzés nélkül; vékony fehér vonalak jelentek meg a széleken, és 300 darabot selejteztek (kb. 1200 TL veszteség). A következő munka 3 mm-es légtelenítést adott a tervezéshez; A vágás tisztán jött ki.
Másolható sablonok
1) Szóközi háttér létrehozása a szöveg számára:
Hozzon létre háttérképet egy [média]-tervhez. Arány: [1:1 / 9:16 / 16:9]. A felső harmadik maradjon sima és üres (a címhez). Márkahang: [melléknevek]. Olvasható szöveg/logó elhelyezése. A színek megfelelnek a palettának: [színek].
2) Hierarchiaterv:
Hozzon létre egy vizuális hierarchia tervet a következő tervhez. Cél: [hirdetés/értékesítés/információ]. Elemek: [cím, alternatív szöveg, kép, logó, kiemelés]. Adja meg az egyes elemek fontossági sorrendjét, javasolt pozícióját és relatív méretét. Írja le a szem által követett utat (fókusz → másodlagos).
3) Rács és beállítási javaslat:
Javasoljon egyszerű rácsot és igazítási sémát a következő tartalomhoz: [tartalomlista], arány [x]. Hány oszlopot használjak, hogyan igazítsam az elemeket, mennyi helyet (margót) hagyjak? Legyen egyszerű és kiegyensúlyozott.
4) Elrendezésvezérlés:
Értékelje a következő tervezési állítást a kompozíció szempontjából: világos-e a hierarchia, következetes-e az igazítás, van-e elegendő fehér terület, belefér-e a biztonságos térbe, tiszta-e a fókuszpont? Válaszoljon javaslatként.Leírás: [beillesztés]
Gyenge felszólítás / Erős felszólítás
Gyenge: Készítsen egy akciós banner képet, és mondjon 50%-ot.
Eredmény: A mesterséges intelligencia hibás "50%-ot" ír, az elemek véletlenszerűen vannak elrendezve, a szöveg nem szerkeszthető; nem használható.
Erőteljes: Készítsen háttérképet egy akciós kampányhoz: 4:5 arány, meleg, energikus tónusok, nagy sima hely a szöveg számára a bal felső sarokban, a termék a jobb alsó sarokban. Olvasható szöveg elhelyezése; A címet, az "50%" információt és a gombot igazítom a tervezőprogramban.
Az eredmény: szerkeszthető, hierarchikus háttér, amely helyet hagy a szövegnek.
Különbség: Az erős megközelítés elválasztja a szöveget az AI-tól, megtervezi a térközt és az arányokat, az elrendezést pedig a tervezőre bízza.
Összeállítási elvek táblázata
elv
Mi biztosítja
Gyakorlati tipp
hierarchia
Olvasási sorrend
A legfontosabbat állítsa a legnagyobbra/kontrasztra
igazítás
rend érzése
Sorolja fel a láthatatlan vonalakat
rács
Következetesség
Használjon oszloprendszert
teret
Olvashatóság
Kompresszió, légzés elengedése
biztonságos terület
nem nyírni
Tartsa a tárgyakat a szélétől
Vérezzen
tiszta nyomat
3 mm-rel viszi a szélét
Gyakori hibák
- Szöveg nyomtatása mesterséges intelligenciába: Sérült, nem szerkeszthető szöveg; Adja hozzá a szöveget a tervezőprogramban.
- Nem hagy teret: szűk, amatőr megjelenésű kialakítás.
- Nincs hierarchia: Minden egyforma; A szem nem tudja, hová menjen.
- A biztonságos terület elfelejtése: Fontos elem elakad az interfész vagy a vágás alatt.
- Kihagyás: fehér szél és törmelék a nyomtatásban.
Összefoglalva
Az elrendezés az elemek szándékos elhelyezése, és a képet működőképes kialakítássá alakítja át. A hierarchia, az igazítás, a rács, a tér, az egyensúly és a kontraszt az alapelvek. A mesterséges intelligencia háttér- és látványelemeket állít elő, kompozíciós ötleteket ad; de a pixelpontos elrendezés, a szerkeszthető szöveg és az igazítás a tervező kezében van a tervezőprogramban. A szöveg számára hely engedélyezése, a biztonságos hely és a nyomtatási kihagyás olyan ökölszabály, amely meghatározza a kimenet használhatóságát.
Pályázati feladat
Válasszon médiumot és célt (pl. Instagram akciós bejegyzés). Készítsen tartalmi leltárt, készítsen hierarchiatervet. A mesterséges intelligencia segítségével helyesen arányos hátteret hozzon létre a szöveg számára. Ezután igazítsa el és helyezze el a címet, az alternatív szöveget, a logót és a feliratot egy tervezőprogramban (vagy vázlatként papírra). Tesztelje, merre jár a szem először nagyítással és távolról nézve, és jegyezze fel.
ellenőrző lista
- [ ] Meghatároztam a célt és a tartalmi leltárt.
- [ ] Felállítottam egy vizuális hierarchia tervet.
- [ ] A képet úgy készítettem, hogy legyen hely a szövegnek és megfelelő arányban.
- [ ] A szöveget és az elemeket igazítottam a tervezőprogramban.
- [ ] Megfigyeltem a biztonságos területet és a kifutó határt (ha nyomtatás volt).
- [ ] Kicsinyítettem és teszteltem a fókuszpontot.