WEBVTT Kind: captions Language: hu 00:00:02.260 --> 00:00:04.020 Elrendezés és kompozíció. 00:00:04.020 --> 00:00:06.920 Bizonyos értelemben ezek a design alapjai. 00:00:06.920 --> 00:00:12.060 Keretet adnak a munkának és megkönnyítik az eligazodást... 00:00:12.060 --> 00:00:16.810 a margók és a tartalom között. 00:00:16.810 --> 00:00:20.470 Természetesen nem csak a szöveggel való munkáról van szó. 00:00:20.470 --> 00:00:24.760 A kompozíció más felületeken is fontos, mint pl. a grafikai tervezés, 00:00:24.780 --> 00:00:26.400 web design és egyéb felületek. 00:00:26.410 --> 00:00:32.140 Jól összeállított elrendezés nélkül a munkád alapvetően ... szétesik. 00:00:32.140 --> 00:00:36.480 Az elrendezés, kompozíció elsajátításának kulcsa, hogy gondolkozz úgy, mint egy designer. 00:00:36.480 --> 00:00:39.280 Szerencsére ez könnyebb, mint ahogy hangzik. 00:00:40.000 --> 00:00:42.000 Öt alapelv van, melyek segítenek a munka átalakításában és a látásmód kialakításában. 00:00:42.000 --> 00:00:45.850 1. távolság, 2. "white space" - üres tér, 3. igazítás, 4. kontraszt, 5. ismétlés 00:00:45.850 --> 00:00:50.210 Kezdjük a legelején és haladjunk sorban. 00:00:50.210 --> 00:00:55.789 1. Távolság - a vizuális tér használatával mutatja meg a tartalmak kapcsolatát. 00:00:55.789 --> 00:01:00.559 A gyakorlatban ez nagyon egyszerű - mindössze annyit kell tenned, hogy az egymáshoz kapcsolódó elemeket csoportosítod; 00:01:00.559 --> 00:01:06.060 például kapcsolódó szövegek vagy grafikai elemek. 00:01:06.060 --> 00:01:09.000 Az egymáshoz nem kapcsolódó csoportokat válasszuk el egymástól, 00:01:09.000 --> 00:01:12.440 hangsúlyozzuk vizuálisan, hogy külön egységet alkotnak. 00:01:12.440 --> 00:01:17.140 Mindent egybevetve, ezzel jobban átláthatóvá teheted munkád - akkor is ha csak szövegről, 00:01:17.140 --> 00:01:20.500 vagy ha vizuális témáról van szó. 00:01:20.500 --> 00:01:24.700 A "white space" (fehér tér) nagyon fontos része minden kompozíciónak. 00:01:24.700 --> 00:01:30.510 Ez nem szó szerinti fehér teret jelent, hanem negatív teret a tartalmak között, 00:01:30.510 --> 00:01:36.520 a sorok között vagy a margóknál. 00:01:36.520 --> 00:01:41.730 Nincs egy módja az üres tér megfelelő használatának, de érdemes megérteni a célját. 00:01:41.730 --> 00:01:45.820 Az üres tér segít meghatározni és elkülöníteni a különböző szakaszokat; 00:01:45.820 --> 00:01:48.260 ettől tud a tér "lélegezni". 00:01:48.260 --> 00:01:52.880 Ha a munkád zavarosnak vagy kényelmetlennek érzed.. 00:01:52.880 --> 00:01:56.940 az üres tér lehet a gyógyszer a bajra. 00:01:56.940 --> 00:02:02.000 Az igazítás az, amivel mindig foglalkozol, még akkor is, ha nem veszed észre. 00:02:02.000 --> 00:02:07.890 Amikor írsz egy e-mailt vagy létrehozol egy dokumentumot, a szöveg automatikusan igazodik. 00:02:07.890 --> 00:02:12.820 Amikor magad rendezed az objektumokat (pl. képek vagy különböző szövegdobozok), 00:02:13.300 --> 00:02:15.409 a megfelelő igazítás trükkös lehet. 00:02:15.409 --> 00:02:18.620 Legfontosabb a következetesség. 00:02:18.620 --> 00:02:21.440 Nézzük meg, ez mit jelent! 00:02:22.080 --> 00:02:26.590 Segíthet, ha a tartalmad egy rácsban próbálod elképzelni. 00:02:26.590 --> 00:02:30.959 Figyeld meg, hogy van egy láthatatlan vonal, amely minden egyes képet a szöveggel központosít. 00:02:30.959 --> 00:02:36.389 Minden egyes csoport egyenletesen van elosztva és egységes méretű. 00:02:36.389 --> 00:02:40.879 Ez a részletekre való figyelés az, ami megkönnyíti a kompozícióban való eligazodást. 00:02:40.880 --> 00:02:46.480 Következetes igazítás nélkül a munkád rendezetlennek fog érződni. 00:02:46.960 --> 00:02:52.459 A kontraszt egyszerűen azt jelenti, hogy egy elem különbözik a másiktól. 00:02:52.459 --> 00:02:57.239 Az elrendezésben a kontraszt sok dologban segíthet; pl. felkelti az olvasó figyelmét 00:02:57.239 --> 00:03:02.870 vagy hangsúlyozza a fontos, kiemelendő részeket. 00:03:02.870 --> 00:03:07.950 Sok stratégia van a kontraszt létrehozására. 00:03:07.950 --> 00:03:14.700 Használhatsz színeket, változtathatsz az objektum méretén, alakján... 00:03:14.700 --> 00:03:18.209 vagy használhatsz kontrasztos szövegstílust. 00:03:18.209 --> 00:03:22.910 A kontraszt szorosan kapcsolódik a hierarchiához, egy vizuális technikához, 00:03:22.910 --> 00:03:24.799 ami segít a munkádon eligazodni az olvasónak. 00:03:24.799 --> 00:03:29.439 Más szavakkal, megmutatja, hogy hol kezdjék az olvasást és merre 00:03:29.439 --> 00:03:32.230 haladjon tovább a tekintetük. 00:03:32.230 --> 00:03:37.209 A hierarchia létrehozása egyszerű: csak döntsük el, mely elemeket szeretnénk hangsúlyozni, 00:03:37.209 --> 00:03:40.609 és emeljük ki ezeket az elemeket. 00:03:40.609 --> 00:03:45.180 A fontos elemek általában nagyobbak, merészebbek 00:03:45.180 --> 00:03:48.580 vagy valamilyen módon szemet gyönyörködtetőek. 00:03:48.880 --> 00:03:54.100 Az ismétlés egy emlékeztető, hogy minden munkának következetesnek kell lennie. 00:03:54.109 --> 00:03:59.790 Ez azt jelenti, hogy bizonyos elemek ismétlésével megerősíted a designod. 00:03:59.790 --> 00:04:06.260 Például, ha egy adott színpalettával dolgozol, találd meg a módját, hogy tovább tudd azt vinni. 00:04:06.260 --> 00:04:10.790 Ha speciális fejlécstílust választott, mindig azt használd! 00:04:10.790 --> 00:04:15.000 Ez nem csak esztétikai okokból fontos - a következetesség könnyebbé teheti 00:04:15.000 --> 00:04:17.020 a munkád olvasását. 00:04:17.200 --> 00:04:24.400 Ha a néző tudja, mit várhat el, akkor lazíthat és a tartalomra összpontosíthat. 00:04:26.640 --> 00:04:31.650 Sok szempontból az elrendezés és a kompozíció a tervezés ismeretlen hősei. 00:04:31.650 --> 00:04:35.900 Könnyű figyelmen kívül hagyni a szerepüket, de mind részei annak, amit csinálsz. 00:04:35.900 --> 00:04:43.570 Egy kis mozgatás itt ... egy kis extra üres tér ott ... és voila! 00:04:43.570 --> 00:04:50.520 A részletekre való odafigyeléssel szép, professzionális megjelenésű kompozíciókat készíthetsz. 00:04:51.900 --> 00:04:55.750 Köszönjük, hogy csatlakoztál hozzánk, az elrendezés és a kompozíció alapjaihoz. 00:04:55.750 --> 00:05:00.820 Nézd meg a többi design témánk, többek között tipográfiáról, színekről és képekről.