Hogyan készítsünk szöveget és képet
01. Tekintsük a kompozíciót
A szöveg elhelyezése és elhelyezése a képhez képest elpusztíthatja a tervet. Ha a szöveg túl kicsi, és a háttér túl túltelített és zavaró, vagy valami más a tervben, ami veszélyezteti az olvashatóságot, a projekt nem lesz hatékony, vagy szemmel látható.
Azonban a szöveg csak az egyenletnek a fele. Ha egy kép jelenik meg a projektben, ugyanilyen fontos. Ezért figyeljen a következő két műveletre:
Például, ez a magazinburkolat egy függőleges orientált tájképet ábrázol, amely nagy helyet ábrázol az égen. Az égből vagy a vízből álló kép nagy részét képező fotók gyakran csodálatos háttérként szolgálnak a szöveg számára, amely tömör helyet biztosít, amely lehetővé teszi a szöveg kiemelését.
Az általános összetétel a teszt és a kép kombinálásával jön létre. A design több, mint részei teljes. Van vonzó képed, hatékony üzeneted és jól olvasható betűtípusod, de ha legalább két elem nem kapcsolódik össze - az eredmény így lesz.
Egy másik hatékony módszer az, hogy egy kép szélesebb legyen, mint egy kép, háttérként szöveggel a tetején. Az elemek végtelen számú módon szervezhetők - felszabadíthatja képzelőerejét. Például az alábbi példában szereplő elrendezés közvetlenül kapcsolja össze a szöveg tárgyát a képhez a fényképek egy bizonyos felismerhető formában történő szegélyezésével.
Az alábbi példák a képek kivágásával lehetővé teszik, hogy a képeket rendszeres postai boríték formájában tekintse meg.
02. Határozza meg a fókuszt
Jó összetételben az egyik legfontosabb elem mindig a középpontja. Ez egyfajta vizuális mag, amely elkapja a szemét, és kiindulópontként szolgál a felhasználó számára. Egy olyan elrendezéssel összefüggésben, amely csak képeket és szöveget tartalmaz, egy ilyen központ vagy az egyik vagy a másik. Ezért el kell dönteni, melyik fontosabb, és segít neki abban, hogy színen, méreten, pozíción vagy más tervezési technikán keresztül kiemelkedjen.
Az alábbi példa megtervezése egy olyan rekreációs helyszínre fókuszál, amely alkalmas az idegenforgalomról, a szabadidőről és az utazásról szóló weboldalra. Fontosságának köszönhetően (ez az elrendezés sötét része, míg minden más könnyű) és a méret (kiterjed az oldal teljes szélességére), a kép nagy vizuális súlyt mutat. Ugyanakkor nem szeretné, hogy a többi alkotóelem egyáltalán eltűnjön. Ezért a képen látható geometriai alakzatok a függőleges ékezetes vonalakkal segítenek felhívni a figyelmet a szövegre, és a középpontban lévő fényes kék foltok lehetővé teszik a hangsúlyt.
Ezzel az oldalon éppen ellenkezőleg, a szöveg a fókuszpont (bold és nagy nagybetűkkel) kerül kiválasztásra, és a képet áttetsző színűre állítja. Azonban a szöveg és a kép egy réteges hatással van elrendezve, amely összeköti a két elemet, és dinamikusvá teszi a kompozíciót.
Előfordul, hogy a szöveg és a kép egyformán fontos, és vizuálisan egyetlen egésznek kell lennie. A következő példakénti példában ez a hatás szó szerint a szóban forgó fejléc szövegének a virág képén körbevezetésével, összekeverésével és arra kényszerítve, hogy egyszerre mindkét elemet megvizsgálja.
03. Az egyensúly elérése
Tekintsünk még egy összetevőt egy jó összetételre: egyensúly. Ahogy egy gyermek lendülete az egyik oldalon, és egy felnőtt a másik oldalán, a design kiegyensúlyozatlan lesz, ha a design egyik része túlságosan nehéz vizuálisan.
Nem a fókuszálásról beszélünk, mert a vizuális súly megkülönbözteti egy elemet a többi komponenstől. A rosszul szervezett tervezést értjük. Túlterhelt lehet, vagy zűrzavar jele lehet. Például - az összes tartalom az elrendezés egyik oldalára kerül, vagy - az elemek közötti távolság és az illesztés nem tartható fenn. Bármelyik probléma a tervezési kiegyenlítődést kifogásolhatja.
Az olyan egyszerű mintázatok esetében, amelyek csak szöveget és képet tartalmaznak, mint néhány olyan példát, amelyet már megvizsgáltunk, az egyensúly különösen fontos: egy minimális, vagy élénkebb design rossz választás lenne.
A következő csomagolási példában a cég nevét az alábbi kép kompenzálja. Mindkettő megközelítőleg azonos méretű és színben kombinálva. A kép maga helyet biztosít a szöveg számára.
És ez a design egyensúlyt eredményez, egyszerűen elhelyezve a szöveget a fényképen. Ha a szöveg a jobb oldalon igazodik, egy dupla fókuszpont. A képen látható alak sziluettje és a fehér szöveg összevonásra kerül, így egy nagy üres helyet hagy a bal oldalon, és egy rendetlenséget teremt. A bemutatott változatban mindkét oldal azonos vizuális jelentőséggel bír, és a tervezés kiegyensúlyozottnak tűnik.
04. Válasszon egy képet bölcsen
A tervezési projekt képekkel nem csak megadja az alaphangot, vagy fókuszál, de játszik sokkal nagyobb szerepet: ez Subtext, hang, érzelem. Ha ezek a tulajdonságok megfelelnek és támogatják a szöveget, akkor könnyebben kölcsönhatásba léphet a közönséggel. Nem szeretnénk bemutatni a vizuális kompozíciók ellentmondás - Vedd fel a kép bizonyos értelemben a szöveget.
Itt egy érdekes példa erre a koncepcióra. A kép elmosódása és a szövegnek a szeme fölé helyezése, valamint a "vita" fogalmának megerősítése, amely a könyv neve. A tervezői megoldások együtt dolgoznak, és létrehoznak egy összetételt, ahol a szöveg és a kép közötti kapcsolat világos, vizuális és érdekes.
Egy másik példa, vegyük be a csomagolást: milyen jobb módja annak, hogy bemutassuk a termék frissességét és minőségét, mint a ropogós zöldségek színes képeit? Ezenkívül a copywriting támogatja ezeket a fogalmakat: "frissesség", "mezőgazdasági termelői piac", "szezonális jelleg". A képek és a szöveg együtt dolgozik az ügyfelekkel való interakcióban.
05. Hozzon létre hátteret a szöveghez
Válasszon ki egy üres helyet tartalmazó képet. Fényképek, melyeknek nagy, tiszta területet, elmosódás vagy lágy fókusz és biztosítja a minimális alkalmas hely a szöveg, a legjobb jelölt. Túl részletes, szöveges képeket vagy fényképeket nagyon nehéz használni a szövegíráshoz.
Például ezek a képek egyszerűen elmosódottak a háttérkép számára. Ugyanakkor az elmosódottság szintje elegendő a termék azonosításához és a tipográfiához is, amely nem veszíti el ezt a hátteret.
Képet szerkeszthet vagy effekteket adhat hozzá. Tegyük fel, hogy megtalálta a tökéletes képet a projekt számára, de a kép nem alkalmas a szöveg elhelyezésére. Talán nincsenek benne egyértelmű üres terek, vagy tele van sok érdekes részletekkel. A kép még mindig használható, de egy kicsit rá kell dolgoznia. Számos lehetőség van a kép megfelelőbb elkészítésére:
Háttér formázása: sűrű vagy átlátszó forma, amely csak a kép egy részét tartalmazza, ahol a szöveg kerül.
Átlátszó színű átfedés a kép felett: egy átlátszó színblokk, amely kitölti a teljes képet, segít minimalizálni és minimalizálni a részleteket, így egyenletesebb felületet teremt a szöveg számára.
A kép világosítása vagy sötétebbé tétele: ha nem kíván hozzáadni további elemeket az elrendezéshez, néha szerkesztheti a fotót a szöveg kiemeléséhez.
Ebben a példában a fotókat elsötétítették a fehér szöveg kiemelésére
És itt néhány kép magától sötétebb színű, de észre, hogy a sötét színátmenet az egyes képek alján is támogatja a szöveget.
06. Növelje a láthatóságot a színnel.
Ezért választottál egy képet, és szeretnéd meggyőződni arról, hogy a szöveg kiemelve lesz az oldalon vagy a képernyőn. A szín és a kontraszt a két legjobb módja ennek.
Színes. Számos megközelítés létezik a színsémák kiválasztásához a tervezéshez. De nézzünk kettőt, amelyek kifejezetten a szöveg és a kép elhalványulnak.
Koordináció: a legharmonikusabb formában a szövegbõl kölcsönözhetõ színeket alkalmazhatja.
Az ellentétek kiválasztása: nagyobb dráma esetén próbálja meg a kontrasztos színkombinációkat. A színes kerék hasznos lesz az ellentétes színek párosításában: kék és narancssárga, lila és sárga, amint azt a példákban látjuk.
Kontraszt. Érhet el a kontraszt nem csak a színt (mint az előző példában), hanem más jellemzők: méret, alak, helyzet, stb Mintakártyája, tekintsék alábbi példa a mindezen adottságok: fejléc rózsaszín ellentétben áll a hideg kék és zöld színű képek; szóméretet egymással szemben keresztül a betűtípus kiválasztása; lejtős, ívelt tájékozódás a szó «közúti» ellentétben a többi tipográfia. Mindezek a lehetőségek érdekes vizuális kompozíció, és segít, hogy kiemelje a szöveget.
És a végén, nézzük meg egy pár tervez, amelyek egyesítik néhány módszer, amelyről beszéltünk a cikkben.
1) tartalmaz egy fényképet elborult egy üres helyet a tetején a szöveg; 2) A szín a szöveg vett egy fotó (jegyezzük meg a türkiz ing személyenként).
Cover: 1) egy texturált háttér forma ... 0,2), de ez a kép tartalmaz egy üres hely a hátsó, ahol a szöveg a formáját az első a képet; 3) a szöveg kontrasztos színek (kék és narancssárga).
Landing page 1) függőlegesen egyensúlyban készítmény; 2) A szöveg és a képek kiegészítik és támogatják egymást, mind a vizuális stílus, mind a témák / hozzászólások.
Katalógus borító: 1) kiegyensúlyozott elrendezése; 2) A kép és a szöveg együtt - a képen a cég termék akcióban, és a szöveg ismerteti annak előnyeit.
Prospektus: 1) használ indiszponált kép területet, amely tartalmazza a szöveget; 2) egy pop színes kiemelni bizonyos részeit a szöveget.
Reméljük, hogy sikerült motiválja, hogy új ötleteket. Boldog tervezése!