A kompozíció szerepe a tervezésben. Kompozíció és vizuális harmónia Mi a harmónia a kompozíciós képen

Egy kompozícióban minden dizájnelem soha nem önálló. Határozott kölcsönhatásban állnak egymással, egy bizonyos gondolatnak alárendelve. És annak érdekében, hogy az egész kompozíció harmonikusnak és természetesnek tűnjön, és ne essen szét különálló komponensekre, a legjobb, ha követi az alapvető tervezési elveket. Felmerül a kérdés, meg lehet-e tanulni a tervezés alapelveit. Számomra úgy tűnik, hogy nincsenek konkrét gyakorlatok ezen alapelvek megtanulására. Mindezek a készségek már beágyazódnak felfogásunkba. Mert mindannyian intuitív módon érezzük a harmonikus kompozíciót, vagy sem.

Inkább az alábbiakban felsorolt ​​összes alapelvet figyelembe kell venni és be kell tartani a kompozíció elkészítésekor. Tudnia kell látni ezeket mások munkájában, és képesnek kell lennie arra, hogy leírja saját munkáját ezen elvek alapján. És még valami, ezekről az elvekről akkor a legkönnyebb beszélni, ha megsértik őket. Mert ha megfigyelik őket, úgyis minden harmonikusnak tűnik.

1. Egyensúly
Az egyensúly a kompozícióban kölcsönható vagy ellentétes erők egyensúlya. Egy ilyen kompozícióban nincs olyan érzés, hogy egy része dominálna minden más felett. Az egyensúly a tárgy megfelelő elhelyezésével, méretével és színével érhető el. Az egyensúly lehet szimmetrikus (felső ábra), aszimmetrikus (alsó ábra), radiális (az objektumok körben helyezkednek el, és egy ponttól eltérnek).

2. Kontraszt
A kontraszt a kompozíció ellentétes elemeinek kölcsönhatása, például szín, méret, textúra stb. Példák a kontrasztra: nagy és kicsi, érdes és sima, vastag és vékony, fekete és fehér.

3. Jelentőség és alárendeltség
Ez az elv feltételezi az ún. érdeklődési központ kiosztását, amelyre a néző figyelmének feltehetően összpontosulnia kell. Az objektumoknak fontossági és alárendeltségi sorrendben kell lenniük. Ha minden objektum azonos értékű, akkor a felhasználó figyelme szétszóródik.

4. A figyelem iránya
Alapvetően ez a néző tekintetének mozgásának irányítása, miközben a helyszínen mozog, hogy felhívja figyelmét a lényeges elemekre.

5. Arányok
Az arány az egyes részeknek a teljes tárgyhoz viszonyított aránya, valamint az egyes részek egymáshoz viszonyított aránya. Ez a példa az aranyarányt mutatja be. Az "Aranymetszés"-ről bővebben a " cikkben olvashat.

6. Skála
A méretarány egy objektum valós, látható mérete, más tárgyakkal, emberekkel és a környezettel összefüggésben.

7. Ismétlés és ritmus
Magában foglalja a tervezési elemek megismétlését egy meghatározott cél elérése érdekében, például a tekintet irányának biztosítása vagy a figyelem folyamatossága érdekében.

8. Egység a sokféleségben
Ez magában foglalja a kompozíció különféle elemeinek egyetlen holisztikus struktúrába való kombinációját, amely egyetlen koncepciónak van alárendelve.

Kompozíció (a latin „compositio” szó jelentése „összekapcsolni”, „rendezni”, „összeállítani”, „hajtogatni”)- különböző elemek harmonikus elrendezése, egyetlen képbe kombinálva. Az összetételnek öt törvénye van: az integritás törvénye, az arányok törvénye, a szimmetria törvénye, a ritmus törvénye, a fő törvénye általában. Ezek a törvények egyetlen harmonikus kompozíciós rendszert hoznak létre. Fontolja meg ezeket a törvényeket, és használja őket kompozíció készítésének módszereiként.

Az általános összetételben ezeknek a módszereknek egy része fontosabb, néhány kevésbé, de meg kell értenie, hogy egy megfelelően felépített kompozícióban nincsenek felesleges (felesleges) elemek. A kompozíció minden eleme összekapcsolódik, és egy közös kompozíciós struktúra kialakításán dolgozik. Ha egyes elemek egyértelműen feleslegesek, akkor a kompozíció integritása sérül. A kompozíciós technikák elsajátíthatók, a kompozíció felépítése előre kalkulálható.

A forma észlelési tulajdonságai

1. Geometriai nézet.
Ez egy forma tulajdonsága, amelyet a méreteinek aránya három térbeli koordináta mentén, valamint az űrlap felületének konfigurációja határoz meg. A három dimenzió valamelyikének túlsúlyától függően három fő alaktípus különböztethető meg: térfogati, lapos, lineáris.
2. A nagyságrend.
3. Az érték relatív fogalom. Az ember egy forma méretét értékelve önmagával vagy a szomszédos formákkal korrelálja azt.

Helyzet a térben... Ennek az alakzatnak a tulajdonságát az határozza meg, hogy egy háromdimenziós koordináta-rendszerben a megfigyelőhöz képest más alakzatok között elhelyezkedik. Egy lap kétdimenziós mezőjében vagy a monitor képernyőjén ténylegesen mozgathatunk egy tárgyat függőlegesek, vízszintesek és átlók irányába. A hatások az alakzatok enyhe eltolásával érhetők el ezen irányok bármelyikében.

Vizuális tömeg. A vizuális tömeg vizuális értékelése az adott formába zárt anyag térfogatából áll. A legnagyobb tömeggel azok az alakzatok rendelkeznek, amelyek geometriájában közel állnak a kockához és a gömbhöz, a legkisebb vizuális tömeg pedig a lineáris formákban (pont, vonal). Ezt figyelembe kell venni a munka fő és másodlagos elemeinek meghatározásakor.

Textúra és textúra

Struktúra- olyan tulajdonság, amely a forma felületének külső szerkezetét jellemzi (például érdes vagy sima).

Textúra - a tárgyat alkotó anyagot textúrának nevezzük. Például a fa és a csiszolt kő tapintásra szinte egyforma (ez a textúra), de az anyag mintázata teljesen más (ez a textúra). Textúra és textúra- a legerősebb kifejezési eszköz. Hatásuk aktívabb lehet, mint maga a forma hatása. Az arányok hangsúlyozása, vagy éppen ellenkezőleg, egy forma összerakása vagy feltörése, a háttérből való leszakítása, vagy vele való összeolvadás – mindez a textúrák varázslatával megvalósítható.

Szín és tónus

A formák egyik legfontosabb tulajdonsága, hogy meghatározott színe és tónusa van. A szín kifejezőereje világos, telített színekben és kontrasztos kombinációkban nyilvánul meg.

Chiaroscuro. A chiaroscuro játékának köszönhetően bármilyen kompozíció terjedelmessé tehető, a chiaroscuro realizmust ad a kompozíció formáinak.

Kompozíciós technikák

Statika- a béke érzésének átvitelének eszköze a kompozícióban.
Az elemek függőleges elrendezése (képzeletbeli függőleges vonalak mentén) optikailag kiegyensúlyozhatja és nehezebbé teheti a kompozíciót. Egy kis logónak is lehet monumentalitást adni (ezt egy adott tábla kidolgozásakor figyelembe kell venni, ha kell hozzá "súly", "nehézség", "jelentőség").
Egyértelmű körvonal, szimmetria, a komplexitás növekedése a központ felé, a tér teltsége, több elem - mindez a kompozíció zárt típusának jelei. Logikus, hogy ezt a fajta kompozíciót ingatlan, monumentalitás, elnyomás, stabilitás, stabilitás stb. közvetítésére használják. Gyakran zárt kompozíciókban használják a statikát belső dinamikával.

Dinamika- az átlós vonalakon elhelyezett elemek fokozzák a vizuális mozgást. Kifejező karaktert ad a képnek, és ennek megfelelően ezt használjuk egy konkrét feladat kidolgozásakor. Például egy nyitott kompozíció esetében elsősorban a központból épül fel, több kompozíciós csomópontot hoznak létre, amelyek körül az elemek fejlődése történik, ritmikus sort használnak. A térérzet megteremtésére használják.

Szimmetria- a kompozícióban szereplő, egy adott síkra (vagy egyenesre) azonos merőlegesen, annak ellenkező oldalán és attól azonos távolságra lévő figurák tulajdonságai. Ezek az ábrák szimmetrikusak erre a síkra vagy egyenesre. A szimmetria lehet teljes vagy hiányos. A hiányos szimmetria a jobb és a bal oldal tömegeinek arányát hozza létre, de nem azonosságot.

Aszimmetria- a szimmetria hiánya. Aszimmetrikus kompozíció esetén az elemek többsége el van tolva a képzeletbeli szimmetriatengelytől (vagy a középponttól). A szimmetria segítségével statikussá tehetjük a képet, az aszimmetria pedig éppen ellenkezőleg, fokozza a dinamikát. És szeretném megjegyezni, hogy az aszimmetria és a dinamika nem jelent káoszt a kompozícióban. Aszimmetrikus kompozíciókban nehezebb az egyensúlyt elérni. Ezt úgy érik el, hogy kiegyensúlyozzák a tömegek színét és alakját, elhelyezkedését a térben. A helyesen elhelyezett elemek harmóniát és stabilitást kölcsönöznek a kompozíciónak.

Arányok(latinból fordítva azt jelenti "arány", "arányosság"). A kompozícióban az arányok az elemek értékének és a teljes kép egészének aránya. A legegyszerűbb arányok 1:2 rövid és egész arányokon alapulnak; 3:4 stb. Azt tanácsolom, hogy tartsa meg ezt a fajta képarányt, amikor kompozíciós blokkot helyez a lapra. Például a lap szélétől számítva a felső margó 1 egység, az alsó pedig 2 (1:2), stb. Így nem fog „leesni” és „felrepülni”. A leghíresebb arányos összefüggés az "Aranymetszés". Az emberi alakot övvel kötik meg, majd megmérik az öv és a láb közötti távolságot - ez az érték arányos a test és a korona távolságával, és az ember teljes magassága a deréktól a lábig terjedő hosszra vonatkozik. a lábakat. "Fibonacci sorozat" - minden szám az előző két szám összege - 1, 1, 2, 3, 5,8, 13, 21. Az arányok harmonikusan megőrzik a dinamikus és statikus kompozíciókat. A dinamikát mindig a kisebb és nagyobb értékek (3:4) és a statika (1:1) két különböző aránya határozza meg.

A kompozíciós szerkezetek szabályszerűségei

Ritmus- különböző elemek váltakozása a kompozícióban és az intervallumokban. Nehéz elképzelni egy kompozíciót ritmus nélkül. Az elemek egymás közötti kölcsönhatása a ritmus. A ritmus lehet függőleges - az egyes elemek függőleges irányú váltakozása. A vízszintes irányú váltakozás vízszintes ritmus, ez általában statikussá teszi a kompozíciót, lelassítja.
A méter ugyanazon elemek és intervallumok ismétlődése.

A kompozíció ritmikus mintái:

Kontraszt- az elemek kifejezett szembenállása a ritmikus szerkezetben. A kontraszt lehet tónus, szín, méret, forma, pozíció.

Árnyalat- az elemek gyengén kifejezett változása a ritmikus szerkezetben egymáshoz képest. A Nuance lehetővé teszi számunkra, hogy az elemeket feltűnővé tegyük, ami segít harmóniát teremteni a kompozícióban.

Mozgás- a ritmikus szerkezet elemeinek fokozatos változása egy adott tartományon belül.
Néha egyszerűen szükség van egy dinamikus kompozíció létrehozására, hogy "mozgassa az elemeit". Ehhez elosztjuk a szabad helyet az elemek mozgásvezetői mentén. Az a tér, amelyen keresztül az elem "mozog" vagy beleilleszkedhet a kompozíciós határok közé, tehát vizuálisan és túlléphet rajta.

Hangsúly- a latin „stressz” szóból. Azt az elemet, amelyet a kompozícióban különösen kiemelünk, arra fektetjük a hangsúlyt, erre irányítjuk a néző figyelmét. Ezt a kompozíciós törvények már ismert változásaival érjük el: szín, tónus, forma, méret, pozíció. Előfordul, hogy a hangsúly a kompozíció egy kis elemén történik, de ugyanakkor szó szerint "felrobbantja".
Vannak olyan eredendő tulajdonságok is, amelyek megváltoztatják a szerkezetet: szín, tónus, forma, méret, pozíció.

Uralkodó- a szerkezet egyik részének túlsúlya a másikkal szemben.
Például bármely szín vagy egy bizonyos alakú elem túlsúlya stb.
Vannak olyan eredendő tulajdonságok is, amelyek megváltoztatják a szerkezetet: szín, tónus, forma, méret, pozíció.

Van az emberi pszichológiának egy olyan vonása, hogy nem törekszik a monotónia és az ismétlődésre, hanem éppen ellenkezőleg, a fejlődésre, a fejlődésre, a mozgásra. És arra törekszünk, hogy ugyanazt a kompozíciót vizuálisan nagyon érdekessé tegyük, dinamikát vigyünk, valahogyan felkeltsük a néző figyelmét.
És ez a fenti módszerek alkalmazásával érhető el. Sőt, ezek egyikére sem vonatkoznak szigorú szabályok. Kombinálhatók egymással. A lényeg az, hogy ne feledkezzünk meg a harmonikusan felépített kompozícióról, és ne „eltömjük” azt felesleges „speciális effektusokkal”.

Gondolkozott már azon, hogy egyes műalkotások miért tetszenek számunkra, mások pedig nem? Ennek oka az ábrázolt elemek sikeres vagy sikertelen kompozíciója. Rajta múlik, hogy egy képet, egy szobrot vagy akár egy egész épületet hogyan látnak. Bár első pillantásra úgy tűnik, nem könnyű mindent előre látni, valójában egy olyan kompozíciót alkotni, amely kellemes lesz a szemnek, nem is olyan nehéz. Ehhez azonban ismernie kell annak törvényeit, alapelveit és egyéb összetevőit. Tudjunk meg erről az egészről.

Mi a tervezés és mik a jellemzői?

Mielőtt megvizsgálná a kompozíció jellemzőit, érdemes megismerni egy olyan koncepciót, mint a tervezés. Bár ezt a szót gyakran használják a modern szókincsben, nem mindenki ismeri a jelentését.

Ez annak a művészeti és technikai tevékenységnek a neve, amely harmonikus tárgyi környezet kialakítására irányul, amely a legteljesebben kielégíti az egyén anyagi és lelki szükségleteit.

Amikor kompozíciót készít a tervezésben, annak két összetevője mindig az élen jár - a praktikum (funkcionalitás) és az esztétika (külső szépség).

Fajták

Maga a kialakítás nagyon sokoldalú. Ugyanakkor számos fő típusa továbbra is megkülönböztethető:

• Grafika - betűtípusok, ikonok, vállalati arculat, különféle vizuális kommunikáció stb. létrehozására irányul. Minden ilyen kép egy síkon jön létre.
• Ipari - gépek, készülékek, berendezések, bútorok, edények, ruházat fejlesztésére szakosodott. Ebben az esetben a munkát nem síkon, hanem hangerővel végzik.
• Építészeti - építmények és komplexumaik (beleértve a belső teret is) fejlesztésére és építésére irányul. Az alkotó ebben a környezetben a térrel dolgozik.
• A legnehezebb, mivel az emberi környezet komplex-dinamikus rendszerének kialakítására irányul.
• A gömb kialakítás az egyik új típus. Ez magában foglalja a környezetbarát tervezést, a futuro tervezést stb.
• Eredményorientált tervezés. Ez a típus magában foglalja a webdizájnt, a számítógépes és a művészeti tervezést.

Mi az a kompozíció és miért van rá szükség?

Ez a szó a latin compositio szóból származik, és a mű különböző elemeinek harmonikus kombinációját jelenti oly módon, hogy azok egyetlen egész benyomását keltik.

A kompozíció a tervezésben a termék részeinek elrendezése és összekapcsolása az elrendezésükből adódóan. Meg kell felelnie céljuknak, valamint az alkotó művészi és fantáziadús szándékának, amely tükrözi a tervezett termék végső fogyasztójának várható elvárásait.

Egy kicsit trükkös, nem? Egyszerűbben fogalmazva, a vizsgált jelenség egy olyan mű létrehozása, amely a megrendelő tetszését elnyeri. E magyarázat alapján a kompozíció célja a tervezésben is érthető - a potenciális vásárló figyelmének felkeltése.

Nos, bár a "Gloss" film hőse kissé keményen megmagyarázza célját: "A művész dolga, hogy érezze, mi eladó... Ami nem eladó, az nem művészet!"

Geometriai vs kompozíciós középpont: mi a különbség?

Tehát miből áll a kompozíció? Mindenekelőtt a létrehozása során meg kell találni a kompozíciós központot. Célja, hogy a teljes műre felhívja a nézők figyelmét. Valójában ez a részlet az a horgony, amely "akasztja" azt a személyt, aki látja a kész terméket.

A kompozíciós mellett minden alkotásban megkülönböztetünk egy geometriai középpontot is, amely tulajdonképpen a közepe.

A mű jobb érzékeléséhez természetesen jobb, ha ez a két központ egybeesik, de ez nem mindig van így.

Számos módja van a kompozíciós középpontra való összpontosításnak, még akkor is, ha az nem a közepén van:

• Jelölje ki színnel.
• Hangsúlyozza a kompozíció többi elemétől eltérő formával.
• Kiemelés speciális világítással.
• Kiemeli a kontrasztos méretnek köszönhetően a többi részlethez képest.

Összetételi elemek

Különféle osztályozások léteznek a legtöbb szakértő egyetért abban, hogy három fő osztályozás létezik:

• A pont egy grafikus hangsúly a síkon.
• Vonal - alakjában, egy síkon egy koordináta irányban (hosszban) történő kiterjedés vagy fejlődés jellemzi.
• Spot – A fent említett elemekkel ellentétben általában kitölti a grafikai sík nagy részét.

A kompozíció főbb típusai

A kompozíciónak általában három alapvető típusa van.

• Frontális - azt jelenti, hogy a teljes síkot meg kell tölteni a képpel. Általában dísztárgyak, szőnyegek, mozaikok stb. készítésére használják.
• Volumetrikus - a művészet háromdimenziós típusaira utal (építészet, szobrászat, kerámia). A legtöbb esetben egy ilyen termék megtekintéséhez különböző oldalról kell körbejárni, mivel egy szögből nem lehet teljesen megörökíteni.
• Térfogat-térkompozíció a tervezésben - több térbeli alkotásból áll, amelyek bizonyos időközönként helyezkednek el a térben.

Összetételi törvények

Bár minden alkotót a saját ízlése (vagy a megrendelő kívánsága) vezérel a tervezés során, vannak bizonyos kompozíciós törvények, amelyeket még mindig be kell tartani, és ezt nem mindig kell megérteni. A helyzet az, hogy a pszichológusok hosszú távú megfigyelései alapján izolálták őket az emberi agy képességével kapcsolatban, hogy érzékeljen bizonyos elemek kombinációit.

Tehát az összetételnek három törvénye van:

• Integritás és egység. Nekik köszönhetően a mű egészének érzékelhető, a számos részlet ellenére. Ez a törvény két komponensen alapul - a kompozíció oszthatatlanságán (az a lehetetlen, hogy különálló komponensek halmazaként érzékeljük) és a kompozíció elemei közötti kommunikáció és konzisztencia szükségessége (ehhez fontos nyomon követni, hogyan sok minden részlet "barátságos" egymással, és hogy nincsenek-e elszakadva egymástól) ... E törvény sajátossága abban rejlik, hogy a műalkotások tervezésénél csak a kompozíció területére vonatkozik.
• Egyensúlyi. Ez egy olyan állapot, amelyben minden elem egyensúlyban van egymással. Az egész kiegyensúlyozott részei elnyerik az úgynevezett vizuális stabilitást. Alapvetően ez az állapot az expresszivitás egyensúlyára redukálódik. A termék egyensúlya lehet statikus (a kép stabilan mozdulatlannak tűnik) és dinamikus (összetevői mozgás benyomását keltik).

• Benyújtását. Ez az összes kompozíciós részlet egyetlen szerzői szándéknak való alárendelése. Valójában ez a törvény egy hierarchia létrehozását jelenti a munkában. Szerinte a domináns (a kompozíció középpontja) van kiemelve, aminek az összes többi eleme is ki van téve.

Felszerelés

Figyelembe véve a kompozíció jellemzőit, nem lehet figyelmen kívül hagyni ezt a kérdést, mint a létrehozásának eszközét. Hiszen ők segítenek az alkotónak abban, hogy gondolatát a lehető legpontosabban közvetítse a műben. Sok művészeti ember számára az eszközöket a kompozíció elveként ismerik a tervezésben.

Paradox módon, ha mindegyiket megfigyeljük, nehéz megérteni őket. De ha legalább egy eltörik az elkészült műben, az azonnal felkelti a szemét. Nézzük meg őket, hogy ne csak remekművek készítésekor, hanem mérlegelésükkor és elemzésükkor is tudd, mire kell figyelned.

• A kontraszt éles különbség az elemek között, bizonyos kritériumok szerint (világos és sötét, hosszú és rövid stb.) szembeállítja őket egymással. Ezáltal az elkészült mű kifejezőképessége fokozódik. A kontraszt lehet egydimenziós és többdimenziós is.

• Árnyalás – kisebb különbségek a kompozíció elemei között egyazon kategóriában. Vannak egydimenziós és többdimenziós árnyalatok.
• Identitás. Ez az azonos, minőségükben hasonló elemek ismétlődésének neve. Ilyen például a méret, a forma vagy a hang. Az identitás az egész kombináció statikus jellegének jele.
• a részek geometriai középponthoz viszonyított eloszlásának egyenletessége. Lehet tükrös, axiális, tükörtengelyes és csavaros. Az aszimmetria a szimmetria hiánya. Bár agyunk az egységes képekre koncentrál (ezt az egyensúlyt nem is érzékeli), néha az aszimmetrikus megoldások több mint lenyűgözőek.
• Ritmus. Bár úgy tűnik, hogy ez a jelenség csak a zenére jellemző, a zeneszerzés művészetének is fontos eszköze. Ezen a területen a ritmus különböző elemek váltakozását jelenti egy meghatározott sorrendben. Az egyik legfontosabb az alkatrészek (formák) ismételhetősége, valamint a köztük lévő intervallumok. Az ilyen ismétlések egyenletesek, csökkennek és növekednek.

• A modularitás egy sokoldalú tervezési eszköz, de a „modul” fogalmának még mindig nincs egyértelmű meghatározása. Általában az objektum kiszámításának alapjául szolgáló értéket szokás hívni.
• Arányosság - következetesség, harmónia és arányosság valaminek a kombinációjában. Ezt gyakran arányosságnak tekintik. Ezt az eszközt építészetben vagy művészetben használják.

• A lépték az építészeti kompozíció legfontosabb eszköze. Meghatározza valami méreteinek arányát (alkatrészek, tagolások, szerkezet részletei), amely lehetővé teszi ezek harmonikus kombinációját az ember és a körülötte lévő tárgyak méreteivel. Ez az eszköz két elven alapul: az emberi egyén minden dolog mértéke; a léptéket az egyes részek egészhez viszonyított arányával határozzuk meg.

A forma fizikai tulajdonságai

A kompozíció létrehozásakor mindig érdemes emlékezni arra, hogy minden ábrázolt objektum rendelkezik bizonyos térbeli tulajdonságokkal:

• Geometriai nézet. A geometriai alakzatok méreteinek aránya a tér három koordinátája szerint, valamint a forma felületének jellege határozza meg. Háromféle alakzat létezik: térfogati, lapos, lineáris.
• A méret olyan tulajdonság, amelyet az emberi mérethez vagy más formákhoz viszonyítva mérnek.
• Pozíció. A geometriai alakzatok elhelyezkedhetnek egymáshoz vagy a nézőhöz képest, közelebb vagy távolabb, magasabban, lejjebb, balra vagy jobbra. Ezenkívül a formák másokhoz képest egy vagy több szinten is elhelyezkedhetnek egyszerre.
• A szín az egyik legfontosabb tulajdonság, amely az általuk visszavert/kibocsátott fény spektrális összetételének megfelelően különböző vizuális érzeteket okozhat. Olyan jellemzőkkel rendelkezik, mint a színárnyalat (árnyalatok), a telítettség (a fényesség/fakulás mértéke) és a világosság (a színfelület tükrözőképessége). A színeket általában melegre (sárgától pirosig) és hidegre (zöldtől liláig) osztják. Az ilyen felosztás az energia spektrális egyensúlyhoz kapcsolódik: a meleg árnyalatok hordozzák az energia nagy részét, míg a hideg árnyalatok sokkal kevesebbet. Amint azt a tudósok bebizonyították, a színek aktívan befolyásolják az emberi pszichét. Különféle érzelmeket és élményeket okozhat (kérem, szomorít, élénkít, nyomasztó). Ezért olyan fontos minden termék jól átgondolt tervezése.

• A Chiaroscuro egy olyan tulajdonság, amelyet a sötét és világos területek eloszlása ​​jellemez egy figura felületén. Megkönnyíti a térfogat és a dombormű észlelését a megfigyelő számára, valamint képes vizuálisan általánosítani vagy feldarabolni egy tárgy térfogatát vagy felületét. Egyébként egy objektum domborművét és háromdimenziósságát éppen az átmenetek és a jobban megvilágított területekről a kevésbé megvilágított területekre való átmenetek miatt érzékeljük ilyennek.
• Textúra - vizuális képet hoz létre a kompozícióról, és a tapintható információk egyik fő forrása. Egyébként a textúrák különbsége teszi lehetővé az egymáshoz hasonló anyagok megkülönböztetését egy fekete-fehér képen: fém és víz, hó és papír stb. A termék tervezésénél a textúra megválasztása ugyanolyan fontos, mint az anyagválasztás. Végtére is, ugyanaz az anyag eltérő feldolgozás esetén nagyon eltérően nézhet ki.
• Struktúra. Ugyanolyan fontos szerepet játszik a kész kompozíció érzékelésében, mint a textúra. Valójában segítségével meg lehet határozni annak az anyagnak a szerkezetének jeleit, amelyből a tárgy készült. Leggyakrabban ez a tulajdonság a fára, bőrre és szövetre jellemző. A textúrák nagyon gyakran dekorációs elemként működnek egy projekt kidolgozása során. A textúra és a textúra sikeres kombinációja elsősorban az anyag természetes minőségének közvetítésére, esztétikai eredetiségének feltárására szolgál. Abban az esetben, ha az anyag textúrája vagy textúrája kifejező, hatásuk a nézőre hatékonyabb lehet, mint magának a terméknek a formájának hatása. Ugyanakkor túlzott villogásuk néha ellenkező hatást válthat ki.

Betűtípusok a kompozícióban

A fentieken kívül a feliratok (betűtípusok) nagyon fontos szerepet játszanak valaminek az eredeti tervének megalkotásában.

Folyamatosan használják táblák díszítésére, táblák, ipari termékek csomagolására vagy címkéire stb.

Gyakran előfordul, hogy a tervezésben a típuskompozíció nemcsak információforrás szerepet tölt be, hanem az emberi környezet esztétikai minőségét is biztosítja.

A céltól függően a következő betűtípusokat különböztetjük meg:

• Kecses.
• Tömeges.
• Szigorú.
• Festői.

Az egyik vagy másik betűtípus kiválasztásánál a fő esztétikai szempont az arányok harmóniája, mindegyik rajzának szépsége, olvashatóság, tisztaság és arányosság. E célok elérése érdekében évente több tucat új betűtípust hoznak létre, amelyeket úgy terveztek, hogy megfeleljenek az eredeti tervezés iránti növekvő igényeknek.

Nyilvánvaló tehát, hogy az összetételnek nagy jelentősége van. De mi is az a kompozíció? Nagyjából ez egy olyan tér, ahol az egyes elemeknek egy egésszé kell alakulniuk, és ahol a képek, szövegek, grafikák és színek egyetlen dizájnná formálódnak, amelyben minden egyesül egymással.

A sikeres kompozíció feltételezi az elemek helyes rendszerezését és elosztását, ami nemcsak kívülről néz ki, hanem funkcionálisan is hatékony. Nézzük tehát azokat az alapvető tippeket, trükköket és technikákat, amelyektől percek alatt kompozícióguru leszel.

1. Koncentrálj a fő dologra

Ahogy egykor az iskolában mondták, a hangsúlyelosztás nagyon fontos. A fókusz minden jó kompozíció kulcsfontosságú eleme, mivel segít a nézőnek először a legfontosabb tervezési részletekre koncentrálni.

A figyelem felkeltésének módszerei közé tartozik a skála, a kontraszt és a mutatók, ezekről később még fogunk beszélni. Most elemezzük a fenti példát.

2. Mutatókkal vezesse az olvasó szemét

Ahogy rámutatsz valamire, amit meg szeretnél mutatni neki, úgy irányítsd a közönség tekintetét a vonalak és a különféle formák meghatározott elrendezésével. Így érheti el a tervezés helyes felfogását.

Valószínűleg már ismeri az egyik leggyakoribb mutatótípust - sematikust. A diagramok vonalak segítségével vezetik a szemet egyik pontból a másikba, meglehetősen nyilvánvaló sorrendben. Vessen egy pillantást erre a dátumkártyára a Papír és csomagból. A tervező úgy döntött, hogy sematikus mutatókat használ az információk interaktív és szokatlan módon történő közvetítésére.

Ezen túlmenően jelezhetik a szöveg valamilyen összekötő elemét vagy apró információit. Mint említettük, először a fő témára kell összpontosítania; de hol fogsz vigyázni? A mutatók helyes elhelyezésével nemcsak a kulcsfontosságú elemekre irányíthatja a figyelmet, hanem irányíthatja a néző tekintetét is a tervezés során.

Vessünk egy pillantást például a Design By Day plakátjára, amely világos irányvonalak segítségével először a fő elemhez (címhez), majd a szöveg különböző szegmenseihez vezet.

Természetesen nincs értelme minden tervezésnél ilyen egyértelmű mutatókat használni, de ez nem jelenti azt, hogy ne lenne más kiút. Keressen néhány formát és vonalat a felhasznált képekben és grafikai elemekben, és használja ezeket a néző tekintetének irányának meghatározására.

Ez látható az 1. Trick Pony poszteren, ahol a férfi jobb kezével a képről a logóra, majd a kép aljára „tereli át” a tekintetét. Így a kép alakzatai mutatóként szolgálhatnak.

3. Hatály és hierarchia

A lépték és a vizuális hierarchia olyan kreatív alapok közé tartozik, amelyek vagy összezavarhatják a tervezést, vagy édesebbé tehetik azt. Ezért nagyon fontos, hogy helyesen használjuk őket egy sikeres kompozíció létrehozásához.

Röviden, a hierarchia az elemek fontossági sorrendbe állítása. Így a tervezés fontosabb tárgyát nagyobbá és világosabbá, a másodlagos elemeket pedig kisebbé és halványabbá teheti.

Szövegíráskor különösen fontos figyelembe venni a hierarchiát. A tipográfiai hierarchiával kapcsolatos további információkért tekintse meg a Miért van szükség minden tervnek három szintű tipográfiai hierarchiára című cikkben.

A léptéket gyakran használják a hierarchiatagok összekapcsolhatóságának jelzésére. A nagy méretarány felhívja a figyelmet bizonyos tárgyakra, hangsúlyozva azok fontosságát a helyes kommunikáció szempontjából.

Például Jessica Svendsen ezen posztere egy túlméretezett képet használ a legnagyobb elemként, hogy maximálisan felhívja a figyelmet a témára. A címsor a legnagyobb szövegelem, és egy adott kontextusban a legfontosabb információ, míg a szöveg többi része sokkal kisebb léptékben van írva. Így a skála azonosítja a fő tervezési objektumokat, és megőrzi a tipográfiai hierarchiát.

A méretarányok és a méretérzékelés terén is hihetetlenül hasznos eszköz. Bizonyos dolgokat a lehető legrészletesebbnek, bonyolultabbnak és kicsinynek tűnhet, vagy nagyokká, sőt nehézkessé is teheti őket.

Ha kontrasztot hoz létre egy kompozíció kis és nagy elemei között, sokféle hatást érhet el.

4. Az elemek közötti egyensúly fenntartása

Az egyensúly sok szempontból nagyon fontos dolog. És természetesen az Ön tervei sem különböznek egymástól.

De hogyan tudja fenntartani ezt az egyensúlyt a saját tervezésén belül? Nézzük gyorsan át az egyensúly két fő típusát és annak megtartását.

Először is szimmetrikus egyensúly van. Lényege nyilvánvaló - a tervezés egyensúlya a szimmetrián keresztül érhető el. Azáltal, hogy bizonyos elemeket mindkét oldalon (jobb-bal, fent-lent) tükröz, abszolút egyensúlyt ér el.

Íme egy példa a szimmetrikus egyensúlyra. Jennifer Wick esküvői meghívója szimmetrikus kompozíciót használ, ahol a szöveg és a grafika tükröződik. A szimmetriának köszönhetően a meghívó elegáns, rendezett és kiegyensúlyozott megjelenésű.

Jennifer Wick

A második típus, amely valószínűleg sokkal gyakoribb, az aszimmetrikus egyensúly. A neve is önmagáért beszél - az egyensúlyt az elemek aszimmetrikus elrendezésével érik el.

Íme egy példa az aszimmetrikus egyensúly sikeres használatára. Munchy Potato plakátján céltudatosan osztott szét különböző méretű köröket a tér különböző területein, ezzel is elérve az aszimmetriát.

A fenti példában a három középső kör a legnagyobb tervezési elem, de ennek ellenére kiegyensúlyozottak a helyes betűtípusnak, grafikának és a plakát alsó sarkában található kis texturált körnek köszönhetően.

Az aszimmetrikus egyensúly kialakításához szükséges készségek fejlesztéséhez minden elemet saját "súllyal" rendelkező egységként kell felfogni. Ennek megfelelően a kisebb objektumoknak kisebbnek kell lenniük, a textúrákkal telített elemeknek pedig nagyobb súlyúaknak kell lenniük, mint a homogéneknek. Bármi legyen is a tervezés célja, mindig egyensúlyt kell elérnie a felhasznált tárgyak között.

5. Használjunk egymást kiegészítő elemeket

Biztosan hallott már a kiegészítő színekről, de hallott már a kiegészítő dizájnelemekről? A sikeres és hatékony kompozíció egyik kulcseleme az egyes tervezési tárgyak gondos, célzott kiválasztása, amelyben mindennek egységes egésszé kell alakulnia.

Gyakori hiba kompozíció készítésekor, hogy olyan képeket használnak, amelyek nem egészítik ki egymást. Ezért, ha úgy dönt, hogy több képet használ, mindig ellenőrizze, hogy azok megfelelő hatással vannak-e a nézőre, és megvan-e a szükséges kapcsolat közöttük. Ezt a hatást többféleképpen is elérhetjük.

Használjon képeket egy fotózásról. Ez egy hihetetlenül egyszerű módja annak, hogy megbizonyosodjon arról, hogy a képek egységesek, mivel azonos stílusban és irányban készültek. Például Jekyll & Hyde és Elena Bonanomi tervezők ezt a technikát alkalmazzák a Must magazin egyik lapjában.

A képeknek azonos színtartományban kell lenniük. Manapság a különféle szűrők és képszerkesztő eszközök széles választéka áll rendelkezésre, amelyek segítségével a kiválasztott képeket ugyanabba a színskálaba helyezheti, és ezért összekapcsolhatóvá válik. Az A is a Name plakátját teljesen fekete-fehérre festette az objektumok közötti színkapcsolat elérése érdekében.

A egy név

Válasszon hasonló képeket. Próbáljon meg hasonló paraméterekkel és stílusú képeket kombinálni. Például, ha az egyik fénykép minimalista stílusban készült, használjon hasonló képeket. Az alábbiakban a Feint tervezési megoldása látható, ahol az összes kiválasztott képen megfigyelhető bizonyos "egyenetlenségek" - különféle textúrák, fa motívumok és hideg árnyalatok.

A jó elrendezés elkészítéséhez szükséges a szöveg és a grafika megfelelő keveréke is, ahol ezek az elemek kiegészítik egymást. A különböző környezetben minden betűtípusnak vannak bizonyos árnyalatai és asszociációi – például egy éles, kanyargós, sok fürtös betűtípus eleganciával és kifinomultsággal társítható. Ezért próbáljon meg a saját céljaitól és szándékaitól függően betűtípust választani.

6. Növelje (vagy csökkentse) a kontrasztot

A kontraszt egy hihetetlenül hasznos eszköz, mind a tervezés egyes elemeinek kiemelésére, mind pedig elrejtésére. A kontraszt fokozásával vagy egy nagy kontrasztú paletta használatával felhívhatja a figyelmet egy adott témára. Ugyanakkor a kontraszt csökkentésével bizonyos elemeknél az átlátszóság hatását érheti el, így azok kevésbé láthatóak.

Míg az előző terv rezonáns színt használ a figyelem felkeltésére, a következő példa egy adott elem elrejtésére használja.

Megismétel néhány betűstílust, grafikát és linearitást, hogy segítsen összekapcsolni az elemeket és elérni a kívánt hatást. Ha a terv írója hirtelen úgy döntene, hogy valahol középen valamilyen rajzos rózsaszín elemet használ félkövér vonalakkal, akkor szó sem lenne koherenciáról. De úgy döntött, hogy kis méretet használ a szöveghez, minimalizálta a színskálát és a grafikai elemeket kecses egyszerűségben tartotta, így a tervezés sikeresnek bizonyult.

A terv kidolgozásakor írjon fel minden információt a használt betűtípusokról, vonalakról, színekről stb., és próbálja meg újra felhasználni, hogy az elrendezést koherens egésszé egyesítse.

8. Ne feledkezzen meg a szóközről

A fehér tér megsértéséhez elég „üres térnek” nevezni. Az űr azt sugallja, hogy meg kell tölteni valamivel, és ezért nem "teszi a dolgát" megfelelően. De ezek nem ugyanazok.

Ha a fehér területeket célirányosan használjuk, ez segít a terv határozottságának és egyértelműségének javításában: amikor a kompozíció hangsúlyosabb és bonyolultabb részeit kiegyensúlyozzuk a fehér területtel, a design lélegzetet vesz.

Például vessen egy pillantást a Cocorrina tervezésére. A fehér terület segít egyensúlyt teremteni a kép, a textúra és a szöveg között, ami kifinomultságot és tisztaságot kölcsönöz a tervezésnek.

Tehát mi a legjobb módja a fehér tér használatának?

Csökkentse a grafika léptékét. Ez lehetővé teszi, hogy több fehér területet hozzon létre a középső darabok körül anélkül, hogy túllépne az eredeti kialakításon. Ennek egy pillantásához vessen egy pillantást a Serafini Creative receptkártya-designjára, ahol a kulcsfontosságú elemeket szándékosan kicsinyítették, hogy gyönyörű fehér keretet hozzon létre.

Ne próbálja meg kitölteni az összes üres helyet. Ahogy korábban is mondtuk, a fehér terület nem üres hely, hanem meghatározott célt szolgál, ezért ne próbálja meg minden darabját kitölteni.

Példa erre a Creative Web Themes webhelytervezése, amely egyetlen képet, félkövér címsort, két kis szövegsort és további információkra mutató hivatkozást használ a termék bemutatásához. Ilyen egyszerű elrendezéssel és rengeteg fehér területtel minden elemnek megvan a maga területe, és lélegezhet, ami lehetővé teszi, hogy a dizájn szépen nézzen ki, és a kívánt hatást fejtse ki a nézőre.

Tervezéskor mindig kérdezze meg magát, hogy minden elemre 100%-ban szükség van-e. Szükséges-e mindez a szöveg, világoskék címsor szükséges, mind a 3 kép szükséges? Ha eltávolítja a zűrzavart az elrendezésből, pontosabb tervezést hozhat létre, amely előnyben részesíti a fehér területeket.

9. Sorolja fel a design elemeket

Ha sok tárgyat tartalmazó kompozíciót hoz létre, ne véletlenszerűen helyezze el őket az oldalon, mert az elemek elrendezésével gyorsan és egyszerűen édességet varázsolhat a tervbe.

Nem tudsz tárgyakat építeni? A Canva egy dedikált automatikus és nagyon praktikus eszközzel egy másodperc alatt segíthet megszabadulni ettől a problémától. Csak húzza át az elemet az oldalon, és a Canva hozzáigazítja más tervezési objektumokhoz, és automatikusan a kívánt helyre helyezi. Varázslat!

Vessen egy pillantást a Huck tökéletesen összehangolt magazintervére. Az elemek áttekinthető szerkezetének köszönhetően a dizájn jól látható és precíz, nagyon jól olvasható és esztétikai szempontból is kellemes.

Az elemek következetes és világos igazítása segít abban is, hogy bizonyos sorrendet rendezzen sok objektum között. Tehát, ha sok képet, szöveget és/vagy grafikát használ, az igazítás legyen a legjobb barátja.

A szöveggel végzett munka során különösen fontos az igazítás lehetősége. Ennek számos módja van, de a balra igazítás továbbra is az egyik legjobb, mivel a legtöbb néző számára ez a legolvashatóbb és legérthetőbb lehetőség.

10. Osszuk a tervet harmadokra

A harmadszabály egy egyszerű technika, amellyel a tervezők az elrendezést 9 egyenlő részre oszthatják fel. A fókuszpontok azok, ahol a függőleges és vízszintes vonal metszi egymást.

William Beachy tervező úgy döntött, hogy ezzel a szabállyal játszik munkáiban (példa lent). Kialakítása szemet gyönyörködtető és szemet gyönyörködtető, minden kereszteződésben egy-egy speciális fókuszponttal. Beachy azt is megjegyzi, hogy "Ha az objektumokat a terv közepén kívülre, de a perifériára helyezi, a kép élénk és érdekes lesz."

A harmadszabály használata javítja a terv kompozícióját, mivel ez az egyik leggyorsabb és legegyszerűbb módja az elemek elhelyezésének és szerkezetének.

Ha a tervben a harmadszabályt szeretné használni, célszerű rácsozattal kezdeni. A rács lehetővé teszi a dolgok következetesebb sorba rendezését, és láthatja, hogyan kell elhelyezni a fókuszpontokat az elrendezésen. Megnézheti az oktatóanyagot arról, hogyan használhatja a Canva elrendezési eszközét a tervek felépítéséhez és rendszerezéséhez.

Ha hosszú órákon át tartó tervezés után végre hatékonynak tűnik számodra, próbáld meg gondolatban részekre bontani, és meglátni a mély szerkezetet. Létezik harmaddal való osztás? Vagy más jelölés alapján épül fel? Akárhogy is, böngészhet a különböző jelölési példák között, és ihletet meríthet belőlük.

Üzenet az olvasónak

Egy kompozíció elkészítésekor sok mindenre kell figyelni. Ha még kezdő tervező vagy, valószínűleg sok erőfeszítést kell tennie, és sok időt kell töltenie az objektumok rendszerezésével és átméretezésével, majd újra elrendezésével stb., de ez rendben van.

Van valami trükköd a kompozícióval való munkához? Vagy esetleg tud néhány példát rendkívül hatékony kompozíciós tervekre? Mindenesetre kommentben oszd meg ezzel kapcsolatos gondolataidat, ötleteidet!

A szerzőtől: Ma arról fogunk beszélni, hogy mi a kompozíció a webdizájnban, amiről a fotósok, művészek és webdesignerek szívesen beszélnek. Egy kezdőnek úgy tűnhet ezen a területen, hogy ez valamiféle titkos tudás, amelyhez csak néhány kiválasztott fér hozzá. De ma szerencséje van: segítek megoldani ezt a kérdést, olyannyira, hogy nemcsak az oldal látogatóinak hangulatát, hanem a vásárlási döntését is befolyásolhatja. Essünk neki?

Bizonyára gyakran kell ellátogatni olyan oldalakra, amelyek első ránézésre semmiségnek tűnnek - a képek is gyönyörűek, a szöveg is összehajtható, de hiányzik belőlük valamiféle összhang, teljesség vagy valami. És mindez azért, mert az ilyen webhelyek tulajdonosai valószínűleg nem foglalkoztak az összetétel törvényeinek betartásával - a webhely elemeinek rendszerezésének, kombinálásával és helyükre való elhelyezésével.

Ó, ez az agy...

Agyunk képes az információk azonnali észlelésére és vizuális kapcsolatok létrehozására. Hadd magyarázzam el példákkal. Lent két kör látható.

Azonnal megtaláltad a módját, hogy megkülönböztesd őket, igaz? És itt van egy nehezebb feladat az Ön számára.

A tárgyak sokfélesége ellenére határozottan leírhatja bármelyiket.
Mi köze ennek a webdizájnhoz, az egyensúlyhoz, a kompozíció alapjaihoz? - kérdezed. A helyzet az, hogy agyunk egyedülálló képességgel rendelkezik az információk azonnali osztályozására. Képes csoportokba csoportosítani a vizuálisan hasonló objektumokat. A legegyszerűbb vizuális eszközök segítségével nagy mennyiségű információt közölhet a felhasználókkal, és irányíthatja figyelmüket.

A kompozíció a webhely elemeinek sajátos kombinációja

A harmónia az egész részeinek arányában, a szépség és az építési logika nemcsak az emberi alkotások velejárója. A kompozíció jelei megtalálhatók az univerzum felépítésében, az állati szervezetekben és növényekben, a természeti formákban. Ezért a „kompozíció” kifejezés egyaránt alkalmazható a weboldal szerkezetére, a virág leírására és a nyilvános beszéd jellemzőire.
A webdizájnban a kompozícióról a legegyszerűbb akkor beszélni, ha azt nem követik. Mindannyian intuitívan érzik jelenlétét / hiányát: hogy az elemek harmonikus kölcsönhatásban vannak-e, alárendelve vannak-e a helyszín fő gondolatának, festményeknek, fényképeknek.

Annak érdekében, hogy webhelye természetesnek és harmonikusnak tűnjön anélkül, hogy különálló alkatrészekre hullana, kövesse az ebben a cikkben leírt alapvető tervezési elveket.

A megfelelő színek kiválasztása

A színválasztás határozza meg, hogy az emberek hogyan érzékelik webhelyét, és egyben a termékét is. A tompított színek lazának és nyugodtnak tűnnek számunkra, míg az élénk és kontrasztos színek lendületesnek és energikusnak.

Gondolja át, milyen érzelmet szeretne kiváltani az oldal látogatójában, majd válassza ki a megfelelő színvilágot. Jó példa erre az Orangina weboldal friss dizájnja, amely kiemeli a márka imázsát:

Színes akcentusokat kell használni a figyelem felkeltésére. Kontrasztos színekben megtervezheti például a legfontosabb gombokat - "Vásárlás" és "Kapcsolatfelvétel". Bemutatom a színek kiválasztásának és kombinálásának néhány legfontosabb alapelvét.

1. Kiegészítő színek. A színkörön lévő összes ellentét erős kontrasztot hoz létre, ezért használhatók, de csak óvatosan.

2. Analóg színek. Az ilyen "szomszédok" a színkörön nem rendelkeznek erős kontraszttal.

3. Triád. Gyakorlatilag win-win kombináció egy egyenlő szárú háromszög.

4. A tetrád. Két pár kiegészítő színt nagyon óvatosan kell használni, hogy ne keltsen káoszt a melegben.

A harmad szabálya – mit hova tegyen?

A harmadszabály a webdesign kompozíciójának alapjaira vonatkozik. Az aranymetszés szabályának értelmezése nyomán keletkezett (talán, ne feledjük, Leonardo da Vinci még ezt használta festményein).

Először a "Vitruvius Man" című festményt szerettem volna bemutatni példaként, de túlságosan leleplező öltözéke, vagy inkább hiánya miatt úgy döntöttem, hogy nem teszem. Hirtelen itt a gyerekek olvassák a cikket. Ezért csodáld meg a Madonnát:

Gondolatban rajzoljon két függőleges és két vízszintes vonalat az oldalra, és osszák fel a területet kilenc egyenlő részre. Úgy gondolják, hogy a legtöbb ember pontosan ezen vonalak metszéspontjaira összpontosítja a tekintetét. Gondoljon a harmadszabályra minden alkalommal, amikor meggondolja, hová helyezze el, például egy cselekvésre ösztönző gombot.

Valójában elég vicces, hogy egy ilyen matematikai szabály olyan szubjektív dolgokra vonatkozik, mint a webdizájn. Ez egyfajta esztétikai kompromisszum, amely anélkül teremt egyensúlyt a képernyőn, hogy túlterhelné, de szükségtelenül statikussá sem teszi.

A hely megtisztítása

Biztos gyerekkorodban kérték a szüleid, hogy tegyél rendet a szobádban, mert (idézem) "nincs szabad hely". Eh, arany szavak ... Üres hely, vagy ahogy a tervezők mondják, "levegő" - ez az alapja a webdesign kompozíciójának. Néha még a tartalomnál is fontosabb. Ezért, ha nincs elég szabad hely, végezzen általános "takarítást", és álljon ellen a kísértésnek, hogy minél több szöveget, ikont, képet stb.

Az oldalt nem szabad túlterhelni, különben az emberek szeme káprázik, és nem fogják tudni "elkapni" azt a gondolatot, amit át akartál adni nekik. Szigorúan korlátozza magát a szövegre, néhány képre és világosan felépített menükre.

Irányítsd a felhasználó tekintetét

Rengeteg kutatás folyik arról, hogyan böngésznek az emberek a webhelyeken, hogy megértsék, hogyan lehet a látogató tekintetét a legfontosabb elemekre irányítani. E vizsgálatok eredményeként kiderült, hogy az emberek egy olyan útvonalon pásztázzák a képernyőt, amely vagy a Z betűhöz vagy az F betűhöz hasonlít, azaz fentről lefelé és balról jobbra.

Ezen ismeretek birtokában képes lesz kihasználni a vizuális hierarchia előnyeit azáltal, hogy úgy tervezi meg oldalait, hogy maximalizálja nyereségét és megtérülését.

Helyezzen el képeket, színkombinációkat, betűtípusokat, vízszintes, átlós és függőleges vonalakat a vizuális normáknak megfelelően, és felhasználói boldogan követik az Ön által kitaposott utat, először a lényegeseket, majd a másodlagosakat tekintik meg.

Szeretné, ha látogatói ne hagyjanak ki egy adott gombot? Emelje ki egy kontrasztos színnel, és helyezze oda, ahol a szem azonnal törekszik. Szeretnéd megmutatni, milyen nagyszerű termékeid vannak? Jelölje ki őket a háttérben, és helyezze el őket az F-Z vagy a fentebb tárgyalt harmadszabály szerint.

Így a kompozíció elmélete a weboldaltervezésben nem egy titkos tudás, amely az egyének rendelkezésére áll, és mindenki tud önállóan szép és funkcionális weboldalt készíteni anélkül, hogy drága szakembereket kellene igénybe vennie. Az interneten számos videotanfolyam található weboldalak létrehozásához a semmiből. Hajrá és sikerülni fog!

Ezzel befejezem ezt a lenyűgöző, remélem, leckét. Iratkozzon fel blogfrissítéseinkre, és találkozunk a következő cikkekben!