Použitie zlata v moderných vzorkách

Ideálna webová stránka je funkčná aj harmonická, ale aj najpostihavejšie webové dizajnérky môžu mať problémy s tým, čo vám prináša dizajn prirodzeného toku. Napriek farbám a navigačným teóriám, niekedy je najdôležitejším aspektom perfektnej webovej stránky estetický vzhľad nevyhovujúci. Nevieme, prečo to funguje, ale niekedy to jednoducho robí. Mohlo by to byť kvôli jednoduchému konceptu.

Podporovaním dizajnu vašich webových stránok s doslova prirodzeným poriadkom môžu diváci nájsť svoj dizajn zaujímavejší a vrodene príjemný. Tento koncept sa nazýva Zlatý pomer, matematický pojem príroda spĺňa a že my, ľudia, podvedome rozpoznáme ako prejav dokonalosti.

Zlaté čo?

Zjednodušene povedané, zlatý pomer (známy tiež ako božský podiel alebo zlatý priemer), je matematická konštanta, ktorá sa objavuje opakovane v prírode a umeleckých dielach.

Vyjadruje sa ako rovnica, kedy je väčší než b, (a + b) deleno rovná sa deleno b (len pozrite obrázok nižšie), ktorá sa rovná približne 1,618033987. Toto číslo, často reprezentované gréckym znakom "phi", je Zlatý pomer.

(Image Source: mathsisfun.com)

Rovnaká teória môže byť použitá na vytvorenie obdĺžnika nazývaného zlatý obdĺžnik. Obraz, ktorý nasleduje po zlatom pomere, môže byť umiestnený úhľadne v obdĺžniku, ktorý zodpovedá pomeru.

(Zdroj obrázku: creativeautomaton.com)

Ak chcete vytvoriť zlatý obdĺžnik, vyberte číslo, ktoré bude dĺžkou krátkej strany obdĺžnika. Pre argumentáciu, povedzme 500 pixelov. Vynásobte to číslom 1,618. Výsledok, 809 pixelov, je dĺžka dlhej strany obdĺžnika. Preto obdĺžnik, ktorý je 500 pixelov o 809 pixeloch, je zlatý obdĺžnik. Spĺňa zlatý pomer.

Prirodzená krása

V skutočnosti vedci nie sú istí, čo je o pomere, ktorý sa ľudia páčia toľko. To, čo sú si istí, je, ako veľmi sa nám to páči. Štúdie naznačujú, že dokonca aj malé zmeny obrazu, ktoré robia pravdivosť zlatého pomeru, majú veľký vplyv na mozog tých, ktorí hľadajú.

Ľudská tvár sleduje pomer rovnako a nájdeme ľudí, ktorých tváre sú pravdivé k pomeru atraktívnejšie. Seashells, klasické renesančné diela, architektúra zo staroveku a dokonca aj časti ľudského tela sú pomerné na základe pomeru až k samotným prstom.

(Image Source: in2visualdesign)

Niečo hlboko v jadre našej mysle zaznamená zlatý pomer ako krásny, fakt umelci a architekti využili tisícky rokov, či už vedome alebo nie. Je to primárny jazyk v zobrazovaní. Výsledok je organický, intuitívny a cítia sa správne.

Božské zloženie

Ako potom používate toto magické číslo v zložení vašej webovej stránky? Matematika môže vyzerať ako škrtiaca krabica, s ktorou sa vaša kreativita bude snažiť, ale zlatý pomer je jednoducho užitočným usmernením. S základným návodom na budovanie z môže skončiť dáva vám viac kreatívnej miestnosti tým, že niektoré z dohady z proporcií a umiestnenia.

Zamyslite sa nad tým ako s nástrojom namiesto klietky. Na najzákladnejšom mieste môžete použiť zlatý pomer na označenie veľkosti a umiestnenia obsahových oblastí a postranných pruhov. Usporiadanie s pevnou šírkou je najjednoduchšia aplikácia. Rozhodnite sa o celkovej veľkosti rozloženia pomocou metódy vytvorenia zlatého obdĺžnika.

Pre mriežky / bloky

Štvorec vytvorený riadkami a by bol váš blok obsahu. Menší obdĺžnik by bol bočný alebo navigačný panel. Akonáhle ste zistili veľkosť obdĺžnika, zistiť, ako široký je navigačný panel potrebný, je ľahké matematické.

V tomto príklade budeme hovoriť o vašom obdĺžniku 525 pixelov podľa 850 pixely.
525 je a 850 je (a + b), a b bude šírka bočného panela.
Nájsť b, jednoducho odčítavame (a + b), čo je 325.
Preto je šírka postrannej lišty 325.

Nezabudnite, že váš obdĺžnik môže byť otočený tak, aby vyhovoval vašim účelom, a dal bočný panel na hornej, spodnej alebo protiľahlej strane. Tak dlho, kým tento pomer platí, váš dizajn sa bude cítiť harmonicky.

Pre text

Existuje rýchlejší spôsob, ako získať potrebné merania a môže sa použiť aj s textovým obsahom.

Povedzme, že kontextový text má veľkosť 12.
Vynásobte 12 1.618, zlatý pomer a dostanete 19.416.
Veľkosť hlavičky textu 19 alebo 20 bude pozorne sledovať zlatý pomer.

Zlatý pomer je jazyk, ktorý vaša myseľ rozumie, a tým, že s ňou komunikujete, vaše nápady sa stretnú efektívnejšie. Nemusíte sa s tým presne držať; základný princíp je dosť. Použitie pomeru k veľkosti obrázkov, vzťah medzi textom a umiestnením obrázka a vytváranie podradení v bočných pruhoch sú všetky možné koncepty.

Práca v sieti: Pravidlo tretích

Ak matematika nie je váš šálka čaju, koncept zlata môže byť zjednodušený. pravidlo tretích upravuje umiestnenie bodov záujmu v scéne. Rozdeľte akýkoľvek daný obrázok na tretiny tak horizontálne, ako aj vertikálne. Dostanete 9 mriežok.

(Image Source: digital-photography-school.com)

Podľa pravidiel tretiny sú vrcholy týchto čiar (kde sú čiary prekročené) ideálnym umiestnením pre zaujímavé body. Ľudia, ktorí skenujú stránku, pravdepodobne zaznamenávajú veci umiestnené v blízkosti bodov a rozdelenie je pohodlné na zobrazenie. Komplexnejšia konštrukcia je možná rozdelením tých tretín na ďalšie tretiny.

(Image Source: net.tutsplus.com)

Stručne povedané, oko môže byť lenivé a nemusí hľadať dôležité detaily. Naše mozgy takto. Najdôležitejšie obrazy, spravodajské okná, vyhľadávacie pruhy a všetky ostatné body záujmu môžu byť umiestnené na vrcholoch alebo v ich blízkosti. Táto úhľadná malá skratka vám poskytne dizajn, ktorý je ľahký aj pre oči a prináša ľuďom atraktívne kľúčové dáta.

Stĺpce a veľkosti písma: Sekvencie Fibonacci

Ďalším jednoduchým nástrojom pre návrh webových stránok spojený so zlatým pomerom je Čísla Fibonacciho. Sekvencia Fibonacci začína číslicami 0 a 1. Predchádzajúce dve čísla sa pridajú dohromady, aby sa vytvorilo nasledujúce číslo v poradí: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34 ... a tak ďalej.

Trocha matematiky nám hovorí, že vzťah medzi postupnými číslami Fibonacciho čísla je prekvapujúco blízky zlatému pomeru - rozdeliť akékoľvek číslo v poradí s číslom pred ním a dostanete - uhádli ste to - 1.618.

Podobne ako v prípade zlata, čísla Fibonacci sa dajú použiť na diktovanie vzťahu medzi veľkosťou hlavičky a obsahového textu. Mohol by sa tiež použiť na označenie šírky stĺpcov a je obzvlášť účinný v blogoch a iných textovo-hustých usporiadaniach. Zloženie by mohlo byť založené aj na koncepcii obkladov Fibonacci, v ktorých je veľkosť dlaždíc postavená na použití sekvencie Fibonacci.

(Zdroj obrázku: Wikipedia.org)

Zlaté špirály a zhlukovanie obsahu

Ďalšou možnou metódou používania zlata a čísla Fibonacciho je zlaté špirály a špirály Fibonacci. Zlaté špirály sa rozširujú o faktor, ktorý sa rovná zlatému pomeru za každú štvrtinu, ktorú robí, a spirály Fibonacci sa vytvárajú pomocou obkladov Fibonacci.

Špirály sa používajú v umeleckých dielach tak dlho, ako samotné čísla a pomery. Teória spočíva v tom, že oblasti negatívneho priestoru a vizuálneho záujmu by sa mali zapadnúť do špirály. V tomto elegantnom usporiadaní, rovnako ako v treťom štádiu, je oko prirodzene priťahované do stredu špirály, aby hľadalo podrobnosti.

(Image Source: fabiovisentin.com)

Špirály môžu slúžiť ako usmernenie pre hustotu obsahu a zhlukovanie. Môžu slúžiť ako základ pre pomer vašich hlavičkových obrázkov, vyhľadávacích panelov a panelov nástrojov.

Pri výbere ideálneho obrázka pre titulnú stránku založenú na veľkých grafikách, ako je napríklad ukladanie domovských stránok a webových stránok s fotografiami, môžete využiť aj zlaté a špirály Fibonacci.

Výkonné správy sú často sublimačné a zlatý pomer je jednou z najproduktívnejších podprahových reklám v prírode. Použitím božského podielu si dávate prednosť prírodnej logike a organickej milosti, ktoré všetci ľudia majú podvedomú príťažlivosť. Zlatý pomer je ďalším nástrojom k dispozícii.

Viac čítania:

Použitie pomeru zlato k rozloženiam webu a objektom

Poznámka redaktora: Tento príspevok je napísaný používateľom Chris Pentago pre Hongkiat.com. Chris je skúsený webový vývojár, dizajnér a internetový obchodník, ktorý sa zaujíma o kľúčové technológie, aby vaše online podnikanie fungovalo.Môžete ho nájsť na Twitteri.