Az Adobe Illustrator és a számok szerepe a grafikai tervezésben

A számok nem csupán mennyiségeket jelölnek, hanem rejtett jelentésekkel, mögöttes tartalmakkal is rendelkeznek, képesek érzelmeket kiváltani, befolyásolni és üzeneteket közvetíteni. A grafikai tervezés és a weboldalkészítés területén is fontos szerepet töltenek be, legyen szó színkeverésről, arányokról vagy elrendezésről.

Színmódok: CMYK és RGB

A nyomtatott anyagok, mint például névjegykártyák, szórólapok vagy plakátok színvilágát a CMYK színmód határozza meg. Alapszínei a cián (C), a magenta (M), a sárga (Y) és a fekete (K), amelyek százalékos értékekből állnak össze a nyomtatás során. Ezzel szemben az RGB színmódot a digitális eszközökre, így a weboldalak színképzésére használjuk. A vörös (R), zöld (G) és kék (B) színek összeadásával jön létre, ezért additív színkeverésnek is nevezik. A webes felületekre szánt hirdetési kreatívok, bannerek is ebben a színmódban készülnek.

A CMYK színmód esetében a színek százalékos értékekből állnak össze, míg az RGB színrendszerben a színek a vörös (R=red), a zöld (G=green) és a kék (B=blue) színek összeadásával állíthatók elő.

Weboldal elrendezési minták

Az aranymetszés és a Fibonacci-sor

Az egyik legismertebb tervezési alapelv, az aranymetszés vagy arány, szorosan összefügg a Fibonacci-számsorral. Ez az elv képzeletbeli vonalak mentén történő arányos felosztást tesz lehetővé képek, logók vagy grafikai munkák esetében. Az aranymetszési pont a vízszintes és függőleges vonalak metszéspontjában jön létre, vagy az általuk határolt területként értelmezhető.

Az aranymetszés szabálya szerint, ha egy területet két részre osztunk, akkor a kisebbik rész úgy aránylik a nagyobbikhoz, mint a nagyobbik rész az egészhez. Az aranymetszés érvényesülését különféle ábrák és alakzatok segítségével vizsgálhatjuk meg.

A Pareto-elv a tervezésben

Vilfredo Pareto olasz közgazdász nevéhez fűződik az az elv, amely megfigyelte a dolgok egyenlőtlen eloszlását. A Pareto-elv szerint a következmények 80%-át a tevékenységek 20%-a okozza. Ez az elv a mindennapi élet számos területén megfigyelhető, így a grafikai tervezésben is visszaköszönhet, ahol például a munka 80%-a magából a tervezésből állhat, míg a kivitelezés csak a maradék.

Az Adobe Illustrator használata aranyhatás létrehozására

Az Adobe Illustrator segítségével látványos aranyhatásokat hozhatunk létre szövegeken. A folyamat magában foglalja az aranyszínek létrehozását, fokozatok alkalmazását, a szöveg előkészítését és az arany ragyogásának biztosítását.

1. lépés: Aranyszínek létrehozása

Az aranyhatás elkészítéséhez először is szükségünk van különböző aranyszínekre. Ezeket keresőmotorok segítségével, képekből (pl. aranyrudak) kiolvasva hozhatjuk létre Illustratorban. A Pipetta eszközzel a kép megfelelő területeiről olvashatjuk ki a CMYK színértékeket. Négy különböző aranyszín CMYK értéke a következő lehet:

  • CMYK - 9/43/96/37
  • CMYK - 6/24/80/9
  • CMYK - 2/13/67/0
  • CMYK - 3/6/65/0

2. lépés: Fokozat alkalmazása

A létrehozott aranyszíneket be kell vinni a Színpalettába. Ezt követően a Fokozat-paletta segítségével hozhatunk létre átmeneteket ezekkel a színekkel. A fekete és fehér színeket eltávolítva, majd a kívánt aranyszíneket Drag&Drop módszerrel a Fokozat-palettába húzva alakíthatjuk ki a megfelelő átmenetet.

3. lépés: Szöveg létrehozása és előkészítése

Az Szöveg Eszközzel írjunk egy szöveget, ajánlott vastag betűtípust választani az érvényesülés érdekében. A szöveget alakítsuk át utakká (Betű > Alakítsa át utakká), majd a Pipettával alkalmazzuk a létrehozott aranyszínű fokozatot. A Fokozat-eszközzel szabadon testre szabhatjuk a gradienst a szövegen.

4. lépés: Az arany ragyogásának biztosítása

A ragyogás érdekében hozzunk létre egy fekete kontúrt, majd alakítsuk át saját objektummá (Objekt > Alakítsa át). A kontúrt felbontva külön kiválaszthatjuk. A létrehozott átmenet négyzetéből másolatot készítve, majd fehérre festve és finomítva az átmeneteszközzel kiemelhetjük a fényességet. Sötét háttér előtt a ragyogó szélek még jobban érvényesülnek.

Színkönyvtárak létrehozása Illustratorban

A létrehozott színeket és átmeneteket célszerű elmenteni saját színkönyvtárba. Ezt a Színmező paletta segítségével tehetjük meg, ahol új csoportot hozhatunk létre ("Aranyszínek"), és abba húzhatjuk bele a kívánt elemeket. A könyvtárat ASE formátumban menthetjük el, így bármikor könnyen hozzáférhetünk hozzá új dokumentumokban is.

Aranyszöveg 3D-megvalósításként

Az Adobe Illustratorban lehetőség van a 2D-s szöveget 3D-s hatásúvá alakítani. Az Effekte > 3D > Extrudieren und abgeflachte Kante menüpontban állíthatjuk be a 3D-szöveg paramétereit, mint például a forgatást és a mélységet. A hátrafelé extrudált rész színét egyedi színérték megadásával (pl. #D2B023) aranyra változtathatjuk.

Arany effektus létrehozása az Illustratorban

A tipográfia és az elrendezés szerepe a weboldal- és grafikai tervezésben

A weboldalakon és nyomdai anyagokon egyaránt fontos a megfelelő méretű és arányú margók, valamint az egységes elrendezés. Az oldalsávok (sidebar) a weboldal fontos tartalmi részei, de nem foglalhatják el a teljes szélességet (maximum 1/3-ad rész). Az egyes tartalmak kisebb részekre, blokkokra osztása (pl. 1/2-1/2, 1/3-1/3-1/3 elrendezés) javítja az áttekinthetőséget.

A szebb vizuális megjelenés, a könnyebb áttekinthetőség és "fogyaszthatóság" érdekében az egyes tartalmak kisebb részekre/blokkokba/dobozokba oszthatók. Ilyen elrendezés például 1/2-1/2, 1/3-1/3 -1/3, 2/3-1/3, 1/4-1/4-1/4-1/4, 3/4-1/4.

A megfelelően elkészített 404-es oldal is hozzájárul a felhasználói élményhez, kellemes élménnyé formálva a csalódottságot és terelve a látogatókat a további tartalmak felé.

tags: #aranymetszes #adobe #illustrator