Njësia 7 / 11

Layout dhe Kompozicioni: Layout, Grid dhe Visual Hierarkia

Fitimet:

  • Aftësia për të krijuar një plan urbanistik të dobishëm me parimet e hierarkisë vizuale, shtrirjes, rrjetit, ndarjes dhe pikës qendrore
  • Prodhimi i pamjeve vizuale me hapësira për tekst dhe krijimi i tekstit të modifikueshëm dhe vendosja e saktë në programin e dizajnit
  • Aftësia për të parandaluar rrezikun e prerjes dhe skrapit duke aplikuar rregulla të formatit si zona e sigurt dhe gjakderdhja e printimit

Dallimi midis një imazhi të bukur dhe një dizajni që funksionon është shpesh faqosja: vendosja e elementeve brenda faqes. Paraqitja përcakton se ku shkon syri i pari në një poster, nëse teksti merr frymë në një kartë të mediave sociale dhe si rrjedh informacioni në një broshurë. Në këtë njësi, ne do të mësojmë parimet e përbërjes (rregullimi i elementeve në një tërësi) dhe ku AI është i dobishëm dhe i kufizuar në këtë proces. Fakti kritik: AI prodhon pamje vizuale, por faqosja e saktë është në duart e projektuesit, në një program dizajni.

Pse AI nuk mund të bëjë vetëm layout?

Inteligjenca artificiale prodhon një imazh holistik "të bukur"; por faqosja e dizajnit kërkon saktësi pikselësh, tekst të modifikueshëm, shtrirje dhe ndarje të qëndrueshme. Ju nuk mund ta zhvendosni tekstin, të rreshtoni saktësisht logon ose të matni kufirin në imazhin e prodhuar nga AI. Pra, rrjedha profesionale është kjo: gjeneroni elemente sfondi/vizuale me AI, vendosni paraqitjen (tekstin, logon, shtrirjen) në programin e projektimit. AI ju jep idenë e lëndës së parë dhe përbërjes; Vendosja e saktë është vendimi juaj.

Parimet themelore të përbërjes

  • Hierarkia vizuale: Rregullimi i elementeve sipas rëndësisë. Syri shkon së pari te elementi më i madh/kontrastues. Është vendosur rendi i titullit > nëntitull > trupi > detaj.
  • Rreshtimi: Rregullimi i elementeve sipas vijave të padukshme; Parandalon rrëmujën dhe jep një ndjenjë rregulli.
  • Grid: Sistemi që ndan faqen në kolona dhe rreshta të padukshëm; Siguron vendosje të qëndrueshme të artikujve.
  • Hapësira e bardhë (hapësirë ​​negative): Hapësira boshe ndërmjet elementeve; Ai lejon që dizajni të "marrë frymë" dhe të jetë i lexueshëm. Hapësirë ​​e vogël = e ngushtë dhe amatore.
  • Bilanci: Shpërndarja e peshës vizuale; Mund të jetë simetrik (i qetë) ose asimetrik (dinamik).
  • Kontrasti: Drejtimi i vëmendjes sipas ndryshimit në madhësi, ngjyrë ose trashësi.
  • Pika qendrore: Vendi i parë ku shkon syri; duhet të projektohet me vetëdije.
Këshillë: Kur krijoni imazhe, thoni "lini hapësirë ​​për tekst" (p.sh. "e treta e sipërme është bosh, e thjeshtë") në kërkesë. Në këtë mënyrë, nuk do të ngecni kur shtoni tekst në vizualin e AI më vonë dhe mund të krijoni një hierarki.

Vendosni një plan urbanistik hap pas hapi

  1. Përcaktoni qëllimin: Çfarë duhet të bëjë ky dizajn? (shpallje, shitje, informacion). Përcakton rendin e përparësisë.
  2. Inventari i përmbajtjes: Cilat janë titulli, teksti alternativ, imazhi, logoja, thirrja (butoni/CTA)?
  3. Vendosni një hierarki: Vendosni elementin më të rëndësishëm në pozicionin dhe madhësinë më të fortë.
  4. Zgjidh rrjetën: Përcaktoni strukturën e kolonës në të cilën do të rreshtoni elementët.
  5. Gjeneroni imazh me AI: Gjeni sfond/element me përmasa të përshtatshme, me hapësirë ​​për tekst.
  6. Align in design program: Align tekst, logo, call; vendosni hapësirat.
  7. Test: Zmadhoni, shikoni nga larg, kontrolloni se ku shkon syri i pari.

Teknika praktike për drejtimin e syrit

Kompozimi është në fakt arti i drejtimit të syrit. Vështrimi i shikuesit nuk endet rastësisht; Ajo ndjek disa shenja dhe një stilist i mirë i përdor ato me vetëdije. Së pari është madhësia dhe kontrasti: elementi më i madh dhe më i kundërt tërheq së pari syrin, kështu që vendosni mesazhin më të rëndësishëm atje. E dyta është linjat kryesore: linjat natyrore në imazh (një shteg, shtrirja e një krahu, skaji i një tavoline) e çojnë syrin në një pikë të caktuar; Vendosja e produktit ose titullit aty ku përfundojnë këto rreshta rrit efektin. Së treti, theksi me hapësirën: hapësira e madhe boshe rreth një elementi e bën atë element të dallohet - një fjalë që qëndron e vetme në një faqe të mbushur me njerëz është e fuqishme. Së katërti, drejtimi i leximit: në shumicën e kulturave, syri udhëton në një model "Z" ose "F" nga lart majtas në të djathtë poshtë; kështu që vendosja e logos lart majtas dhe thirrja (butoni) në fund djathtas krijon një rrjedhë intuitive. Ju mund t'i sillni këto teknika në kërkesën tuaj kur prodhoni sfondin me AI: "një kompozim që drejton nga poshtë majtas lart djathtas" ose "element i vetëm në qendër, hapësirë ​​e gjerë rreth tij", etj. Kështu, imazhi bëhet jo vetëm i bukur, por edhe një mjet që përcjell mesazhin në rendin e duhur.

Formati - vëmendje e veçantë

Çdo medium ka rregullin e vet: postimi në Instagram 1:1 ose 4:5, historia 9:16, baneri i internetit 16:9. Koncepti i një zone të sigurt është i rëndësishëm: mbajini elementët e rëndësishëm nga skaji në mënyrë që të mos jenë të prerë ose nën elementët e ndërfaqes (profili në histori, butonat). Në printim, kërkohet një rrjedhje: të zgjerohet dizajni pak nga buza për të shmangur vijat e bardha në kufirin e prerjes.

tre mini kuti

Rasti 1 - Dizajni i frymëmarrjes. Karta e fushatës së një projektuesi ishte e ngushtë; titulli, teksti dhe logoja u ngatërruan së bashku. Ai riprodhoi imazhin me "të tretën e sipërme bosh" dhe e vendosi tekstin në atë hapësirë ​​në një hierarki. Shkalla e klikimeve u rrit ndjeshëm në grupin e testimit; Erdhën reagime "të lexueshme".

Rasti 2 - Gabim i zonës së sigurt. Në një dizajn tregimi, slogani i rëndësishëm ishte në fund; Ishte fshehur nën butonin "lëvizje" në transmetim dhe nuk u shfaq. Me rregullin e zonës së sigurt, slogani u vendos lart dhe në mes. Në fushatën pasuese, mesazhi ishte i qartë dhe nuk ishte i nevojshëm ridizajnimi.

Rasti 3 - Gjakderdhja e printimit. Një broshurë u shtyp pa gjak; Në skajet u shfaqën vija të holla të bardha dhe 300 copë u hoqën (afërsisht 1200 TL humbën). Puna tjetër shtoi rrjedhje 3 mm në dizajn; Prerja doli e pastër.

Modele të kopjueshme

1) Gjenerimi i një sfondi të ndarë për tekstin:

Gjeneroni një imazh të sfondit për një dizajn [media]. Raporti: [1:1 / 9:16 / 16:9]. Mbajeni të tretën e sipërme të thjeshtë dhe bosh (për titullin). Toni i markës: [mbiemra]. Vendosja e tekstit/logosë së lexueshme. Ngjyrat përputhen me paletën: [ngjyrat].

2) Plani i hierarkisë:

Krijoni një plan hierarkie vizuale për dizajnin e mëposhtëm. Qëllimi: [njoftim/shitje/informacion]. Elementet: [titulli, teksti alternativ, imazhi, logoja, thirrja]. Jepini secilit element një rend të rëndësisë, pozicionin e sugjeruar dhe madhësinë relative. Përshkruani rrugën që do të ndjekë syri (fokale → dytësore).

3) Rekomandimi i rrjetit dhe shtrirjes:

Sugjeroni një skemë të thjeshtë rrjeti dhe shtrirjeje për përmbajtjen e mëposhtme: [lista e përmbajtjes], raporti [x]. Sa kolona duhet të përdor, si duhet të rreshtoj elementet, sa hapësirë ​​(diferencë) duhet të lë? Mbajeni të thjeshtë dhe të ekuilibruar.

4) Kontrolli i paraqitjes:

Vlerësoni deklaratën e mëposhtme të projektimit për sa i përket përbërjes: a është hierarkia e qartë, a është shtrirja e qëndrueshme, a ka hapësirë ​​të mjaftueshme të bardhë, a përshtatet brenda hapësirës së sigurt, a është e qartë pika qendrore? Përgjigju si sugjerim. Përshkrimi: [ngjit]

Prompt i dobët / Prompt i fortë

I dobët: Bëni një imazh të banerit me zbritje dhe thoni 50%.

Rezultati: AI shkruan "50%" të korruptuar, elementët janë rregulluar në mënyrë të rastësishme, nuk mund të redaktoni tekstin; nuk mund të përdoret.

I fuqishëm: Krijoni një imazh sfondi për një fushatë shitjesh: raporti 4:5, tone të ngrohta energjike, hapësirë ​​e madhe e thjeshtë për tekstin lart majtas, produkti në fund djathtas. Vendosja e tekstit të lexueshëm; Do të rreshtoj titullin, informacionin "50%" dhe butonin në programin e projektimit.

Rezultati: një sfond i modifikueshëm, hierarkik që lë hapësirë ​​për tekst.

Dallimi: Qasja e fortë ndan tekstin nga AI, planifikon ndarjen dhe proporcionin dhe ia lë paraqitjen projektuesit.

Tabela e parimeve të përbërjes

parim

Çfarë ofron

Këshillë praktike

hierarkia

Rendi i leximit

Bëni më të rëndësishmin më të madhin/kontrastin

shtrirjes

ndjenjën e rendit

Rreshtoni linja të padukshme

rrjetë

Konsistenca

Përdorni sistemin e kolonave

hapësirë

Lexueshmëria

Kompresimi, lirimi i frymëmarrjes

zonë e sigurt

jo prerje

Mbani artikujt brenda nga buza

Gjakderdhje

printim i pastër

Mban skajin me 3 mm

Gabimet e zakonshme

  • Printimi i tekstit në AI: tekst i korruptuar, i paredaktueshëm; Shtoni tekstin në programin e projektimit.
  • Duke mos lënë hapësirë: dizajn i ngushtë, me pamje amatore.
  • Pa hierarki: Gjithçka është me të njëjtën madhësi; Syri nuk di ku të shkojë.
  • Harrimi i zonës së sigurt: Një element i rëndësishëm ngec nën ndërfaqe ose prerje.
  • Skipping bleed: Buzë e bardhë dhe skrap në printim.

Në përmbledhje

Layout është vendosja e qëllimshme e elementeve dhe transformon një imazh në dizajn të zbatueshëm. Hierarkia, shtrirja, rrjeti, hapësira, ekuilibri dhe kontrasti janë parimet bazë. AI prodhon elemente sfondi dhe vizuale, jep ide kompozimi; por faqosja e saktë me pixel, teksti i modifikueshëm dhe shtrirja janë në duart e projektuesit në programin e projektimit. Lejimi i hapësirës për tekstin, hapësira e sigurt dhe gjakderdhja e printimit janë rregullat kryesore që përcaktojnë përdorshmërinë e prodhimit.

Detyra e aplikimit

Zgjidhni një medium dhe qëllim (p.sh. postimi i shitjes në Instagram). Merrni një inventar të përmbajtjes, bëni një plan hierarkie. Gjeneroni një sfond të përpjestuar saktë me hapësirë ​​​​për tekst me AI. Më pas rreshtoni dhe vendosni titullin, tekstin alternativ, logon dhe thirrjen në një program dizajni (ose si një skicë në letër). Provoni se ku shkon syri i pari duke zmadhuar dhe shikuar nga një distancë dhe vini re atë.

listë kontrolli

  • [ ] Përcaktova qëllimin dhe inventarin e përmbajtjes.
  • [ ] Kam krijuar një plan hierarkie vizuale.
  • [ ] Kam prodhuar imazhin me hapësirë ​​për tekstin dhe proporcionin e duhur.
  • [ ] Unë përafrova tekstin dhe elementet në programin e projektimit.
  • [ ] Vëzhgova zonën e sigurt dhe kufirin e rrjedhjes (nëse ishte duke printuar).
  • [ ] E bëra më të vogël dhe testova pikën e fokusit.