Tartalom
- 01. Használjon rácsot
- 02. Válasszon egyetlen fókuszpontot
- 03. Használd a Harmadok szabályát
- 04. Használjon szóközt
- 05. Ismételje meg a tervezési elemeket
- 06. Használja a hierarchiát
- 07. Használja a méretarányt, a kontrasztot és a harmóniát
Bármely Ön által tervezett oldalelrendezés elsődleges célja, legyen az nyomtatott prospektus vagy a legújabb webalkalmazás, az információk egyértelmű és hatékony közlése az olvasóval. A legfontosabb üzeneteknek az olvasóhoz történő eljuttatásának egyik legjobb módja a kiegyensúlyozott oldalelrendezés létrehozása.
Az oldalelrendezés általában sok elem elhelyezésével, átrendezésével és formázásával jár. Sok tervező organikusan közelíti meg ezt a folyamatot, érezve, hogy kellemes végeredményhez vezet. Bár ez kiváló boldog balesetekhez vezethet, fennáll annak a kockázata, hogy a szabad formában alkalmazott módszertan a vizuális egyensúly hiányát eredményezheti az oldalon.
A jó oldalkompozíciónak egyszerre kell kellemesnek lennie a szemnek, és ezen kulcsfontosságú üzeneteket világosan közölnie kell a tervezett közönséggel is. Összegyűjtöttünk néhány legfontosabb tippet, amelyek segítenek abban, hogy az oldal elrendezési tervei egyensúlyban legyenek (a jó weboldal-készítő is segít). Ezek a megközelítések jól működnek az egyensúly felépítéséhez, függetlenül attól, hogy milyen közeggel dolgozik.
További webspecifikus tanácsokért olvassa el a tökéletes weboldal-elrendezés létrehozásának útmutatóját.
01. Használjon rácsot
Az egyik legegyszerűbb módja annak, hogy az oldala egyensúlyban legyen, ha rácsos rendszert használ. Korábban a rácsok voltak a nyomtatott oldal egyedüli megőrzése, de az elmúlt években sok munkát végeztek az interneten annak érdekében, hogy elősegítsék a rács fogalmának a digitális adathordozóra való áttérését.
Ha rács segítségével tájékoztatja a különböző elemek helyzetét az oldalon, akkor kapcsolatot hoz létre az oldalát alkotó különböző elemek között. Ez elősegítheti az elrendezés rendezettségét, egyértelmű olvasási struktúrát adhat az olvasó számára, és visszatérhet az oldal sikeréhez.
Ez azért fontos, mert amikor az összes oldalelem összekapcsoltságot érez egymással, az összhatás kényelmesebbnek érzi az olvasót, elősegíti a könnyebbé tételt és megkönnyíti a fontos dolgokhoz: a tartalomhoz való hozzáférést.
02. Válasszon egyetlen fókuszpontot
Az egyensúlyérzet biztosításának egyik leghatékonyabb módja, ha egyetlen fókuszpontot választ az elrendezéshez. Jó példa erre a gyakorlatban a nagy kép használata az oldal legnagyobb egyedi elemeként.
Az erős látvány hatékony módot kínál arra, hogy az olvasót az oldalára vezesse (csakúgy, mint az ideális webtárhely-szolgáltatás szakértői elemzése), és hasznos szerkezeti elemet is kínál, amely köré rendezi az elrendezésben lévő fennmaradó tartalmat. Ha több vizuális eleme van, használja a Gestalt-elmélet közelségi elvét, hogy csoportosítsa őket, ugyanúgy igazítsa őket.
Azt is érdemes szem előtt tartani, hogy ugyanúgy használhat címsort vagy húzott idézetet; a jó megjelenítési címsor ugyanolyan vizuális érdeklődést kínálhat, mint egy kép, miközben továbbra is biztosítja a kiegyensúlyozott elrendezéshez szükséges struktúrát.
03. Használd a Harmadok szabályát
Az egyensúlyérzet biztosításának egyik legjobb módja a tervező kedvenc Harmadik szabálya vagy az Aranyarány használata. Egyszerűen fogalmazva: a harmadok szabálya azt mondja, hogy ha oldalát függőlegesen és vízszintesen is harmadokra osztja, akkor a rácsvonalak kereszteződésének pontjai biztosítják a kompozíció természetes fókuszpontjait.
Ha kulcselemeit ehhez a négy ponthoz igazítja, akkor kellemesebb kompozíciót érhet el, mintha például tökéletesen központosítaná az oldalakat.
Önmagában a harmadok szabálya nem fogja varázslatosan biztosítani az elrendezés egyensúlyát, de az elv kiterjesztésével könnyű ezt a természetes fókuszpont felé irányuló tendenciát felhasználni az elrendezés egyensúlyának tájékoztatásához.
Általános megközelítés az oldal legfontosabb elemeinek elhelyezése az oldal felső (vagy alsó) harmadában, az elsődleges fókuszpont igazításával az egyik kereszteződéshez. Sok eszközt kell tárolnia a webhelyén? Nézze meg ezeket a felhőalapú tárolási lehetőségeket.
04. Használjon szóközt
Gyakran előfordul, hogy a kezdő tervezők az oldal minden egyes helyét kihasználják, és addig töltik a tartalmat, amíg minden hiányosságot ki nem töltenek. A tapasztaltabbak tudják, hogy néha a tervezés legjobb része az elemek elhagyásával jár, nem pedig azzal, hogy cipelje őket.
A nyomtatott médiumban a szóköz kihasználásának leggyakoribb módja az oldal margóinak és az ereszcsatornák nagyítása. Az interneten egyszerűen elegendő lélegző hely biztosítása az elemek körül segíthet abban, hogy az elrendezés összetett és kiegyensúlyozott legyen.
A negatív tér használata akkor működik a legjobban, ha tiszta szerkezete van, amely a tartalmat összeköt (pl. Egy rács által), mivel a hasadék veszélye az oldalelemek közötti kapcsolat megszakadásának érzése lehet, ha véletlenül vezetjük be.
05. Ismételje meg a tervezési elemeket
Az ismétlés a kompozícióhoz való kapcsolódás és a kiegyensúlyozottság erős érzékét is biztosíthatja. Az elképzelés az, hogy egy motívum vagy tervkezelés azonosításával és újrafelhasználásával az egész elrendezésben referenciát adhat az olvasó számára, hogy az egymástól eltérő területek összekapcsoltnak érezzék magukat, és ugyanazon általános kompozíció részei legyenek.
Használhatja ezt a technikát arra is, hogy fókuszpontot biztosítson a tervezésben, az általános egyensúly megőrzése mellett, az ismétlés révén bevezetett hasonlóság mintázatának szándékos megtörésével.
06. Használja a hierarchiát
Az oldalelrendezés nirvana elérésének egyik kulcsfontosságú megközelítése a struktúra és a hierarchia egyértelmű érzése. Már foglalkoztunk a struktúrával, de fontos, hogy az oldaladon lévő különböző tartalmak viszonylagos fontosságát is átadd. Például a címsornak vizuálisan fontosabbnak kell lennie, mint a törzsszöveg tartalma.
Nézze meg az elrendezését alkotó különféle elemeket, és döntse el, melyik elem a legfontosabb. Ezzel az elemmel biztosíthat egy szerkezeti kampót az oldal többi eleméhez, megtartva a legfontosabbat.
07. Használja a méretarányt, a kontrasztot és a harmóniát
Végül a méretarány használata nagyon hatékony módszer lehet az elrendezés jó vizuális egyensúlyának elérésére. Ha egyes elemeket nagyobbá teszünk, mint másokat, kialakul a rend és a hierarchia érzése. Ez segít a kényelmes elrendezés megalkotásában, mert a néző először automatikusan megnézi az elrendezésen belüli nagyobb elemeket, és olvasás közben halad előre a kisebb elemekre.
Ez az elv megnövekedett kontrasztdal is működik, így ha egy elemet az oldalon kontraszt segítségével izolálunk, akkor a szem először erre a pontra koncentrál. Ez utat enged az oldalhoz, és ismét hasznos strukturális pontot ad az elrendezés kidolgozásához.
Mind a méretarány, mind a kontraszt akkor működik a legjobban, ha egy elemre vonatkozik, így kiemelkedik az elrendezés többi részéből. Használja a harmónia alapelveit, hogy a többiek összekapcsolódva érezzék magukat, és hangsúlyozzák a fókuszpontot.
