Az arany arány alkalmazása a modern formatervezési mintákban

Az ideális weblap egyaránt funkcionális és harmonikus, de még a legtöbb tapasztalt webes tervezőnek is nehézségei vannak a tervezési természetes áramlásról. A szín- és navigációs elméletek ellenére a tökéletes weblap esztétikájának legjelentősebb aspektusa néha hatástalan. Nem tudjuk, miért működik, de néha csak így van. Mindez egy egyszerű koncepció miatt lehet.

A nézők az Ön weboldalának szó szerinti természeti rendelésének alátámasztásával érdekesebb és leginkább tetszetősnek találják a tervezést. Ezt a koncepciót a aranymetszés, a matematikai koncepció természetét engedelmeskedik, és azt, hogy emberek, tudatosan felismerjük a tökéletesség kifejeződését.

Az Arany Mi?

Egyszerűen fogalmazva, az arany arány (más néven a isteni arány vagy a arany átlag) egy matematikai állandó, amely a természetben és a műalkotásokban ismétlődően jelenik meg.

Amikor egyenletként fejezzük ki, mikor egy nagyobb, mint b, (a + b) osztva egy egyenlő egy osztva b (nézd meg az alábbi képet), ami kb 1,618033987. Ez a szám, amelyet gyakran a "phi" görög karakter jelent, a aranymetszés.

(Képforrás: mathsisfun.com)

Ugyanez az elmélet használható egy téglalap létrehozására is, amelyet a arany téglalap. Az arany arányt követő kép szépen elhelyezhető egy olyan téglalapon belül, amely az arányt betartja.

(Képforrás: creativeautomaton.com)

Egy arany téglalap létrehozásához válasszon egy számot, amely a téglalap rövid oldalának hossza lesz. Az érvelés kedvéért mondjuk 500 pixelt. Szorozzuk ezt 1.618-al. Az eredmény, 809 pixel, a téglalap hosszú oldalának hossza. Ezért egy négyszög, amely 500 pixel 809 pixel, egy arany téglalap. Az arany arányt engedelmeskedik.

Természetes szépség

Igazából a tudósok nem biztosak abban, hogy mi az az arány, amit az emberek nagyon szeretnek. Amit biztosak vagyunk abban, hogy mennyire tetszik. A tanulmányok arra utalnak, hogy még egy percenkénti változás egy képben is, ami az arany arányhoz igazodik, nagy hatással van a keresőkre.

Az emberi arc követi az arányt is, és olyan embereket találunk, akiknek az arcai sokkal vonzóbbak az arányhoz. A tengeri kagylók, a klasszikus reneszánsz remekművek, az ókori építészet és az emberi testrészek aránya az ujjaikhoz viszonyított arány alapján történik..

(Képforrás: in2visualdesign)

Az elménk magjában mélyen nyilvánvaló, hogy az aranyarány szép, az a tény, hogy a művészek és az építészek több ezer évet használnak, tudatosan vagy nem. Ez a képek elsődleges nyelve. Az eredmény szerves, intuitív és csak jól érzi magát.

Isteni összetétel

Hogyan használod ezt a mágikus számot a weblapod összetételében? A matematika egy fékező doboznak tűnhet, amit a kreativitásod küzd, de az arany arány egyszerűen hasznos útmutató. Ha alapkövetelményeket kívánunk építeni, akkor több kreatív teret adhatsz azáltal, hogy az arányoktól és elhelyezésektől elveszíti a találgatást.

Gondolj rá, mint egy ketrec helyett. A legalapvetőbb módon az arany arányt használhatja a tartalomterületek és az oldalsávok méretének és elhelyezésének meghatározására. A rögzített szélességű elrendezés a legegyszerűbb alkalmazás. Döntse el az elrendezés teljes méretét az arany téglalap létrehozásának módszerével.

Rácsok / tömbök esetén

A sorok által létrehozott négyzet a tartalomblokk lenne. A kisebb téglalap oldal vagy navigációs sáv lenne. Miután rájöttél a téglalap méretére, megtudhatod, hogy a navigációs sávnak milyen szélesnek kell lennie a könnyű matematika.

• Ebben a példában azt mondjuk, hogy a téglalap 525 pixelek szerint 850 képpont.
• 525 az egy és 850 a (a + b), és b lesz az oldalsó sáv szélessége.
• Megtalálni b, egyszerűen kivonjuk (a + b), ami 325.
• Ezért az oldalsó sáv szélessége 325.

Ne feledje, hogy a téglalap körülfordítható, hogy megfeleljen az Ön céljainak, az oldalsávot a felső, alsó vagy ellenkező oldalra helyezve. Amíg az arány megmarad, a design harmonikus lesz.

A szöveghez

Gyorsabb módja van a szükséges mérések megszerzésének, és szöveges tartalommal is alkalmazható.

• Tegyük fel, hogy a kontextus szövege 12.
• Szorozzuk 12-gyel 1.618, az arany arány, és 19,416 lesz.
• A 19 vagy 20 fejléc szöveg mérete szorosan követi az arany arányt.

Az arany arány az az értelem, amit az elméd megért, és az ezzel való kommunikáció révén az ötletei hatékonyabban fognak találkozni. Nem kell pontosan betartanod; elég az alapelv. A képméretekhez viszonyított arány alkalmazása esetén a szöveg és a kép elhelyezése közötti kapcsolat és az oldalsávok alcsoportjainak létrehozása minden lehetséges fogalom.

Grid Work: A hármasok szabálya

Ha a matematika nem az Ön csésze teát, az arany arány fogalmát egyszerűsíteni lehet. A harmadik szabály szabályozza az érdeklődési pontok elhelyezését egy jelenetben. Az egyes képeket vízszintesen és függőlegesen osztja fel harmadikra. 9 rácsot kapsz.

(Képforrás: digital-photography-school.com)

A harmadik felek szabálya szerint ezeknek a vonalaknak a csúcsai (ahol a vonalak keresztezik) az ideális hely az érdeklődési pontok számára. Az oldalakat szkennelő emberek nagyobb valószínűséggel észreveszik a pontok közelében elhelyezett dolgokat, és a megosztás kényelmes. Bonyolultabb kialakítás lehetséges, ha ezeket a harmadokat további harmadokká bontjuk.

(Képforrás: net.tutsplus.com)

Röviden, a szem lusta lehet, és nem kell fontos részleteket keresnie. Agyunk ilyen. A főbb képek, hírdobozok, keresősávok és egyéb érdekes pontok a csúcsokon vagy azok közelében helyezhetők el. Ez a kicsi gyorsbillentyű egy olyan dizájnt biztosít, amely egyszerre könnyű a szemre, és az embereket a legfontosabb adatokra vonja.

Oszlopok és betűméretek: Fibonacci szekvenciák

Egy másik egyszerű eszköz a web designhoz, amely az arany arányhoz kapcsolódik Fibonacci számok. A Fibonacci-szekvencia 0-val kezdődik és 1. Az előző két szám összeadódik a következő szám előállításához: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… stb.

Egy kis matematika azt mondja nekünk, hogy a szekvenciális Fibonacci-sorszámok közötti kapcsolat elképesztően közel áll az arany arányhoz - a sorszámban lévő számokat az előtte lévő számmal megosztja, és megkapja - kitaláltad - 1.618.

Az arany arányhoz hasonlóan a Fibonacci számok is használhatják a fejléc és a tartalomszövegek közötti kapcsolatot. Azt is fel lehet használni az oszlopok szélességének kijelölésére, és különösen hatékony a blogokban és más szöveges sűrű elrendezésekben. A kompozíció a Fibonacci csempézés koncepciójára épülhet, amelyben a csempe mérete a Fibonacci-sorozat használatán alapul.

(Képforrás: Wikipedia.org)

Arany spirálok és tartalmi klaszterezés

Az arany arány és a Fibonacci számok egy másik lehetséges módja a arany spirálok és Fibonacci spirálok. Az arany spirálok az általuk gyártott minden negyedévben az arany aránygal egyenlő tényezővel szélesednek, és a Fibonacci-spirálokat Fibonacci csempével alakítják ki..

A spirálokat a műalkotásokban mindaddig használják, amíg maguk a számok és arányok. Az elmélet szerint a negatív tér és a vizuális érdeklődésre számot tartó területeknek be kell illeszkedniük a spirálba. Ezen a kecses elrendezésen belül, mint a harmadikok szabályában, a szem természetesen a spirál középpontjába húzódik, hogy részleteket keressen.

(Képforrás: fabiovisentin.com)

A spirálok a tartalomsűrűség és a klaszterezés iránymutatásaként szolgálhatnak. Ezek alapul szolgálhatnak a webhely fejlécképei, a keresősávok és az eszköztárak arányához.

A nagy grafika köré épített első oldalak, például az otthoni oldalak és a fotós weboldalak ideális képének kiválasztásakor az arany- és a Fibonacci-spirálok is előnyösek lehetnek.

Az erőteljes üzenetek gyakran tudatalattiak, és az arany arány az egyik legtermékenyebb, tudatos hirdetés. Az isteni arány felhasználásával természetes logikát és szerves kegyelmet adsz magadnak, hogy minden embernek tudatos vonzereje van. Az arany arány egy újabb eszköz az Ön kreatív rendelkezésére.

További olvasmányok:

• Az arany arány alkalmazása a webes elrendezésekre és objektumokra

A szerkesztő megjegyzése: Ezt a bejegyzést írta Chris Pentago Hongkiat.com részére. Chris egy tapasztalt webes fejlesztő, tervező és internetes marketingszakértő, aki érdeklődik a kulcsfontosságú technológiák iránt, hogy online üzleti tevékenységét elvégezhesse..