Uplatnění zlatého poměru v moderních vzorech

Ideální webová stránka je funkční i harmonická, ale i ti nejzkušenější weboví designéři mohou mít problémy s tím, co vám dává přirozený design. Navzdory barevným a navigačním teoriím se někdy zdá, že nejdůležitější aspekt estetické webové stránky je nepostradatelný. Nevíme, proč to funguje, ale někdy to prostě dělá. Všechno to mohlo být díky jednoduchému konceptu.

Tím, že diváci mohou podpořit design svých webových stránek doslova přirozeným pořádkem, mohou divákům nabídnout zajímavý a vrozený design. Tento koncept se nazývá Zlatý řez, matematický koncept přírody poslušnosti a že my lidé podvědomě uznáváme jako výraz dokonalosti.

Zlaté Co?

Zjednodušeně řečeno, zlatý poměr (také známý jako božský poměr nebo zlatá střední cesta), je matematická konstanta, která se objevuje opakovaně v přírodě a uměleckých dílech.

Vyjádřeno jako rovnice, kdy A je větší než b, (a + b) děleno A je rovný A děleno b (podívejte se na obrázek níže), který je roven asi 1.618033987. Toto číslo, často reprezentované řeckým znakem "phi", je Zlatý řez.

(Zdroj obrázku: mathsisfun.com)

Stejnou teorii lze použít k vytvoření obdélníku, tzv zlatý obdélník. Obraz, který následuje zlatý poměr, může být umístěn úhledně do obdélníku, který odpovídá poměru.

(Zdroj obrázku: creativeautomaton.com)

Chcete-li vytvořit zlatý obdélník, vyberte číslo, které bude délkou krátké strany obdélníku. Pro argumentaci, řekněme 500 pixelů. Vynásobte to 1.618. Výsledkem je 809 pixelů, což je délka dlouhé strany obdélníku. Obdélník, který je 500 pixelů po 809 pixelech, je tedy zlatý obdélník. Dodržuje zlatý poměr.

Přírodní krásy

Vědci ve skutečnosti nejsou si jisti, co to je o poměru, který lidé tak moc mají. O čem jsou si jisti, jak moc se nám to líbí. Studie naznačují, že i nepatrné změny v obraze, díky nimž je opravdový zlatý poměr, mají velký dopad na mozek těch, kteří hledají.

Lidská tvář sleduje také poměr a najdeme lidi, jejichž tváře jsou do tohoto poměru přitažlivější. Mušle, klasická renesanční mistrovská díla, architektura ze starověku, a dokonce i části lidského těla, jsou úměrné poměrům dolů k samotným prstům.

(Obrázek Zdroj: in2visualdesign)

Něco hluboko v jádru naší mysli zaznamenává zlatý poměr tak krásný, fakt, že umělci a architekti využívali tisíce let vědomě nebo ne. Je to prvotní jazyk v obrazech. Výsledek je organický, intuitivní a cítí se dobře.

Božské složení

Jak tedy můžete použít toto magické číslo ve složení vaší webové stránky? Matematika se může jevit jako dusivá krabice, ve které se vaše kreativita bude potýkat, ale zlatý poměr je prostě užitečným vodítkem. Mít základní vodítko, ze kterého se můžete postavit, může skončit tím, že vám poskytne více kreativního prostoru tím, že některé z odhadů vyřadíte z proporcí a umístění..

Přemýšlejte o tom jako o nástroji místo klece. Na své nejzákladnější úrovni můžete použít zlatý poměr k určení velikosti a umístění oblastí obsahu a postranních pruhů. Uspořádání s pevnou šířkou je nejjednodušší aplikace. Rozhodněte o celkové velikosti rozvržení pomocí metody pro vytvoření zlatého obdélníku.

Pro mřížky / bloky

Čtverec vytvořený řádky by byl vaším blokem obsahu. Menší obdélník by byl boční nebo navigační panel. Jakmile zjistíte velikost svého obdélníku, zjistíte, jak široká je navigační lišta potřebná.

• Pro tento příklad řekneme, že váš obdélník je 525 pixelů podle 850 pixelů.
• 525 je A a 850 je (a + b), a b bude šířka vašeho postranního pruhu.
• Najít b, jednoduše odečítáme od (a + b), což je 325.
• Šířka postranní lišty je tedy 325.

Nezapomeňte, že obdélník lze otočit tak, aby vyhovoval vašim cílům, a umístěte postranní panel na horní, dolní nebo opačnou stranu. Dokud bude tento poměr platit, váš design se bude cítit harmonicky.

Pro text

K dispozici je rychlejší způsob, jak získat potřebná měření a lze ji použít s obsahem textu.

• Řekněme, že váš text kontextu je velikost 12.
• Vynásobte 12 pomocí 1.618, zlatý poměr, a dostanete 19,416.
• Velikost záhlaví textu 19 nebo 20 by přesně odpovídala zlatému poměru.

Zlatý poměr je jazyk, kterému vaše mysl rozumí, a tím, že s ním komunikujete, se vaše nápady dostanou efektivněji. Nemusíte to přesně dodržovat; základní princip je dostačující. Vztah mezi umístěním textu a obrázku a vytvořením dělení v postranních lištách je možné aplikovat na velikost obrazu.

Práce s mřížkou: Pravidlo Třetí

Pokud není matematika vaším šálkem čaje, může být zjednodušen koncept zlatého poměru. pravidlo třetiny řídí umístění bodů zájmu ve scéně. Rozdělte daný obraz na třetiny horizontálně i vertikálně. Dostanete 9 mřížek.

(Zdroj obrázku: digital-photography-school.com)

Podle pravidla třetin jsou vrcholy těchto čar (kde čáry kříží) ideálním místem pro zajímavá místa. Lidé, kteří skenují stránku, si s větší pravděpodobností všimnou věcí umístěných v blízkosti bodů a rozdělení je pohodlné. Komplexnější design je možný rozdělením těchto třetin na další třetiny.

(Zdroj obrázku: net.tutsplus.com)

Stručně řečeno, oko může být líné a nemusí hledat důležité detaily. Takovéto mozky. Hlavní obrazy, zpravodajské schránky, vyhledávací lišty a další zajímavé body mohou být zasazeny na vrcholech nebo v jejich blízkosti. Tato elegantní malá zkratka vám dá design, který je na očích snadno přístupný a umožňuje lidem přitahovat klíčová data.

Sloupce a velikosti písma: Fibonacciho sekvence

Další jednoduchý nástroj pro web design spojený se zlatým poměrem je Fibonacciho čísla. Fibonacciho sekvence začíná 0 a 1. Předchozí dvě čísla se sčítají, aby vytvořily další číslo v pořadí: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… a tak dále.

Trocha matematiky nám říká, že vztah mezi sekvenčními čísly Fibonacciho je překvapivě blízko zlatého poměru - rozdělte libovolné číslo v pořadí s číslem před ním a dostanete - to jste uhádli - 1.618.

Jak se zlatým poměrem, Fibonacci čísla mohou být používána diktovat vztah mezi hlavičkou a velikostmi textu textu. To by mohlo být také použito k označení šířky sloupců a je zvláště efektivní v blogy a jiné text-husté rozložení. Složení může také být stavěno na pojetí Fibonacci obkládání, ve kterém velikost dlaždice je stavěna na používat Fibonacci posloupnost \ t.

(Zdroj obrázku: Wikipedia.org)

Zlaté spirály a shlukování obsahu

Další možnou metodou použití zlatého i fibonacciho čísla jsou zlaté spirály a Fibonacciho spirály. Zlaté spirály se zvětšují o faktor rovný zlatému poměru pro každou čtvrtinu otáčení, kterou dělají, a Fibonacciho spirály se tvoří pomocí Fibonacciho obkladu.

Spirály byly použity v kresbě tak dlouho, jak čísla a poměry sami. Teorie je, že oblasti negativního prostoru a vizuálního zájmu by měly zapadnout do spirály. V rámci tohoto půvabného rozložení, stejně jako pravidlo třetiny, je oko přirozeně přitahováno do středu spirály, aby hledalo podrobnosti..

(Zdroj obrázku: fabiovisentin.com)

Spirály mohou sloužit jako vodítko pro hustotu obsahu a klastrování. Mohou sloužit jako základ pro poměr obrázků na vašich webových stránkách, vyhledávacích lištách a nástrojových lištách.

Při výběru ideálního obrazu pro titulní stránku postavenou na velké grafice, jako jsou domovské stránky a webové stránky s fotografiemi, můžete také využít zlaté a fibonacci spirály.

Výkonné zprávy jsou často podprahové a zlatý poměr je jednou z nejplodnějších podprahových reklam přírody. Využíváním božského podílu si dáte hranu přirozené logiky a organické milosti, kterou mají všichni lidé podvědomí. Zlatý řez je dalším nástrojem při vaší kreativní likvidaci.

Další čtení:

• Použití zlatého poměru na webové rozvržení a objekty

Poznámka editora: Tento příspěvek je napsán Chris Pentago pro Hongkiat.com. Chris je zkušený vývojář webu, návrhář a internetový obchodník se zájmem o klíčové technologie, aby vaše online podnikání perform.You můžete najít na Twitteru.