Obsah
- 01. Použite mriežku
- 02. Vyberte jeden kontaktný bod
- 03. Použite pravidlo tretín
- 04. Využite prázdne miesto
- 05. Opakujte dizajnové prvky
- 06. Použite hierarchiu
- 07. Používajte mierku, kontrast a harmóniu
Primárnym cieľom každého rozloženia stránky, ktoré navrhnete, či už ide o tlačenú brožúru alebo najnovšiu webovú aplikáciu, je jasne a efektívne komunikovať informácie s čitateľom. Jedným z najlepších spôsobov, ako zabezpečiť, aby sa kľúčové správy doručili čitateľovi, je vytvorenie vyváženého rozloženia stránky.
Návrh rozloženia stránky zvyčajne vyžaduje veľa umiestnenia, zmeny usporiadania a formátovania prvkov. Mnoho dizajnérov pristupuje k tomuto procesu organicky a cíti svoju cestu k príjemnému konečnému výsledku. Aj keď to môže viesť k vynikajúcim šťastným nehodám, existuje riziko, že použitie metodiky voľného tvaru môže viesť k nedostatku vizuálnej rovnováhy na stránke.
Kvalitné zloženie stránky by malo byť príjemné pre oči a zároveň by malo tieto kľúčové správy jasne oznámiť zamýšľanému publiku. Zhromaždili sme spolu niekoľko najlepších tipov, ktoré vám pomôžu zabezpečiť rovnováhu medzi návrhmi rozloženia stránky (pomôže vám aj dobrý nástroj na tvorbu webových stránok). Tieto prístupy budú dobre slúžiť na zabezpečenie rovnovážnej štruktúry bez ohľadu na to, s akým médiom pracujete.
Ďalšie rady týkajúce sa webu nájdete v našom sprievodcovi vytváraním dokonalých rozložení webových stránok.
01. Použite mriežku
Jedným z najjednoduchších spôsobov, ako zabezpečiť, aby bola vaša stránka vyvážená, je použitie mriežkového systému. Mriežky boli predtým výhradnou rezerváciou vytlačenej stránky, ale v posledných rokoch sa dokončilo veľa práce online, ktorá pomohla pri migrácii konceptu mriežky na digitálne médium.
Použitím mriežky na informovanie polohy rôznych prvkov na stránke vytvoríte spojenie medzi rôznymi prvkami, ktoré tvoria vašu stránku. To môže pomôcť zaistiť usporiadanie vášho rozloženia, poskytnúť čitateľovi jasný štrukturálny odkaz, na ktorý sa môže vrátiť, a zvýšiť úspešnosť vašej stránky.
Je to dôležité, pretože keď majú všetky prvky vašej stránky pocit vzájomného prepojenia, celkový efekt bude pre čitateľa pohodlnejší, pomôže im to uľahčiť a uľahčí im prístup k dôležitým veciam: obsahu.
02. Vyberte jeden kontaktný bod
Jedným z najefektívnejších spôsobov zabezpečenia rovnováhy je výber jedného kontaktného bodu pre návrh rozloženia. Dobrým príkladom toho v praxi je použitie veľkého obrázka ako najväčšieho samostatného prvku na stránke.
Silný vizuál môže poskytnúť silný spôsob, ako priviesť čitateľa na vašu stránku (rovnako ako odborná analýza ideálnej webhostingovej služby), a tiež poskytuje užitočný štrukturálny prvok, okolo ktorého je možné usporiadať zostávajúci obsah vo vašom rozložení. Ak máte viac vizuálnych prvkov, zoskupte ich pomocou princípu blízkosti Gestaltovej teórie a zarovnajte ich rovnakým spôsobom.
Je tiež potrebné mať na pamäti, že rovnakým spôsobom môžete použiť nadpis alebo citát; dobrý nadpis displeja môže ponúknuť toľko vizuálneho záujmu ako obrázok, pričom naďalej poskytuje štruktúru, ktorá vám pomôže zabezpečiť vyvážené rozloženie.
03. Použite pravidlo tretín
Jedným z najlepších spôsobov zabezpečenia rovnováhy je použitie návrhárovho obľúbeného Pravidla tretín alebo Zlatého pomeru. Zjednodušene, pravidlo tretín hovorí, že ak stránku rozdelíte na tretiny vertikálne aj horizontálne, body, v ktorých sa pretínajú čiary mriežky, poskytujú prirodzené ohniská kompozície.
Zarovnaním svojich kľúčových prvkov s týmito štyrmi bodmi dosiahnete príjemnejšiu kompozíciu, ako keby ste napríklad dokonale vycentrovali prvky na svojej stránke.
Pravidlo tretín samo o sebe magicky nezabezpečí vyváženie vášho rozloženia, ale rozšírením princípu je ľahké využiť túto tendenciu k prirodzenému ohnisku, aby ste pomohli informovať o vyváženosti vášho rozloženia.
Bežným prístupom je umiestniť najdôležitejšie prvky vašej stránky do hornej (alebo dolnej) tretiny stránky tak, aby bol hlavný kontaktný bod zarovnaný tak, aby zodpovedal jednej z križovatiek. Máte pre svoj web veľa podkladov? Vyskúšajte tieto možnosti cloudového úložiska.
04. Využite prázdne miesto
Pre začínajúcich dizajnérov je bežné, že využívajú každý kúsok miesta na stránke a vypĺňajú obsah, kým nebudú vyplnené všetky medzery. Skúsenejší ľudia vedia, že niekedy je najlepším dizajnom skôr vynechanie prvkov, ako ich obutie.
Na tlačenom médiu je najbežnejším spôsobom, ako využiť biele miesto, zväčšenie okrajov a odkvapov. Jednoduché poskytnutie dostatku priestoru na dýchanie na webe na webe vám môže pomôcť, aby bol váš návrh rozloženia vyvážený a vyvážený.
Používanie záporného priestoru funguje najlepšie, ak máte jasnú štruktúru, ktorá ukotvuje obsah pohromade (napríklad štruktúru poskytovanú mriežkou), pretože riziko bieleho priestoru môže predstavovať pocit odpojenia medzi prvkami stránky, ak sa zavedie náhodne.
05. Opakujte dizajnové prvky
Opakovanie môže tiež poskytnúť kompozícii silný zmysel pre prepojený dizajn a rovnováhu. Ide o to, že identifikáciou a opätovným použitím motívu alebo dizajnovej úpravy v celom svojom rozložení môžete poskytnúť čitateľovi odkaz, aby sa rôzne oblasti cítili prepojené a boli súčasťou rovnakej celkovej kompozície.
Túto techniku môžete tiež použiť na poskytnutie ústredného bodu vo svojom dizajne pri zachovaní celkovej rovnováhy zámerným narušením modelu podobnosti zavedeného opakovaním.
06. Použite hierarchiu
Jedným z kľúčových prístupov k dosiahnutiu rozloženia stránky nirvany je jasný zmysel pre štruktúru a hierarchiu. Už sme sa zmienili o štruktúre, ale je tiež potrebné poukázať na relatívny význam rôznych častí obsahu na vašej stránke. Napríklad nadpis by mal byť takmer vždy vizuálne dôležitejší ako obsah základného textu.
Prezrite si rôzne prvky, ktoré tvoria váš návrh rozloženia, a rozhodnite, ktorý prvok je najdôležitejší. Tento prvok slúži na zabezpečenie štruktúrneho háku pre zvyšné prvky na stránke, pričom je najdôležitejší.
07. Používajte mierku, kontrast a harmóniu
Nakoniec, použitie mierky môže byť veľmi účinnou metódou na dosiahnutie dobrej vizuálnej rovnováhy v rozložení. Ak niektoré prvky zväčšíte ako iné, vznikne zmysel pre poriadok a hierarchiu. To pomáha vytvárať pohodlné rozloženie, pretože prehliadač najskôr automaticky prezerá väčšie prvky v rámci rozloženia a pri čítaní postupuje k menším prvkom.
Tento princíp funguje aj so zvýšeným kontrastom, takže izoláciou prvku na stránke prostredníctvom kontrastu sa oko najskôr zameria na tento bod. Toto poskytuje cestu na stránku a znova poskytuje užitočný štrukturálny bod, z ktorého bude možné vyvinúť svoje rozloženie.
Mierka aj kontrast fungujú najlepšie, keď sa uplatňujú na jeden prvok, vďaka čomu vyčnievajú z ostatných častí vášho rozloženia. Využite princípy harmónie na to, aby ostatní cítili spojenie a zdôraznili ústredný bod.
