Auksinio santykio taikymas šiuolaikiniuose dizainuose
Idealus tinklapis yra funkcionalus ir harmoningas, bet net patys patyrę interneto dizaineriai gali turėti sunkumų pasakyti, kas suteikia natūralų dizaino srautą. Nepaisant spalvų ir navigacijos teorijų, kartais svarbiausias tobulo tinklalapio estetikos aspektas atrodo neįmanomas. Mes nežinome, kodėl jis veikia, bet kartais tai tiesiog. Visa tai gali būti dėl paprastos koncepcijos.
Palaikydami savo svetainės dizainą tiesiogine natūralia tvarka, žiūrovai gali atrasti jūsų dizainą įdomesnį ir nepaprastai malonų. Ši sąvoka vadinama auksinis santykis, matematinė koncepcija prigimtis ir kad mes, žmonės, nesąmoningai pripažįstame tobulumo išraišką.
Auksinė?
Paprastai, aukso santykis (taip pat žinomas kaip dieviškoji proporcija arba aukso vidurkis), yra matematinė konstanta, kuri kelis kartus pasirodo gamtoje ir meno kūriniuose.
Išreikštas kaip lygtis, kada a yra didesnis nei b, (a + b) padalytą a yra lygus a padalytą b (žiūrėkite žemiau esantį vaizdą), kuris yra lygus maždaug 1.618033987. Šis skaičius, dažnai atstovaujamas graikų kalbos simboliu "phi", yra auksinis santykis.
(Vaizdo šaltinis: mathsisfun.com)
Ta pati teorija gali būti naudojama statant stačiakampį, vadinamą auksinis stačiakampis. Auksinį santykį atitinkantis vaizdas gali būti tvarkingai išdėstytas stačiakampyje, kuris laikosi santykio.
(Vaizdo šaltinis: creativeautomaton.com)
Norėdami sukurti auksinį stačiakampį, pasirinkite numerį, kuris bus trumpo stačiakampio ilgio. Dėl argumentų, tarkime, 500 taškų. Padauginkite iš 1.618. Rezultatas, 809 pikseliai, yra ilgos jūsų stačiakampio pusės ilgis. Todėl stačiakampis, kuris yra 500 pikselių iki 809 taškų, yra auksinis stačiakampis. Jis paklūsta auksiniam santykiui.
Natūralus grožis
Tiesą sakant, mokslininkai nėra tikri, kokie yra santykiai, kuriuos žmonės mėgsta tiek daug. Tai, ką jie tiki, yra tai, kiek mums patinka. Tyrimai rodo, kad net ir minutės pasikeitimai vaizde, kad jis būtų aiškesnis už auksinį santykį, turi didelę įtaką tų, kurie ieško.
Žmogaus veidas taip pat atitinka santykį, ir mes randame žmonių, kurių veidai yra patrauklesni santykiui. Jūrų kevalai, klasikiniai renesanso šedevrai, architektūra nuo senovės ir net žmogaus kūno dalys yra proporcingi pagal santykį iki pat pirštų.
(Vaizdo šaltinis: in2visualdesign)
Kažkas giliai mūsų proto centre užregistruoja auksinį santykį kaip gražų, tai, kad menininkai ir architektai jau tūkstančius metų suvokė ar ne. Tai yra pirminė kalba vaizduose. Rezultatas yra ekologiškas, intuityvus ir tiesiog jaučiasi teisus.
Dieviškoji sudėtis
Kaip jūs naudojate šį magijos numerį savo tinklalapio sudėtyje? Matematika gali atrodyti kaip slopinanti dėžutė, kurioje jūsų kūrybiškumas kels, bet auksinis santykis yra tiesiog naudinga gairė. Atsižvelgiant į pagrindines gaires, kurias norite sukurti, gali būti suteikta daugiau kūrybinės patalpos, nes kai kurie atspėti iš proporcijų ir vietos.
Pagalvokite apie tai kaip įrankį vietoj narvo. Pagrindiniu atveju galite naudoti auksinį santykį, kad nustatytumėte turinio sričių ir šoninių juostų dydį ir vietą. Fiksuoto pločio išdėstymas yra paprasčiausias taikymas. Nuspręskite, koks yra jūsų išdėstymo bendras dydis, sukuriant auksinį stačiakampį.
Tinklams / blokams
Linijų sukurta aikštė būtų jūsų turinio blokas. Mažesnis stačiakampis būtų šoninė arba naršymo juosta. Išsiaiškinę savo stačiakampio dydį, išsiaiškinkite, kaip platus jūsų naršymo juosta turi būti lengva matematika.
- Šiuo pavyzdžiu pasakysime, kad jūsų stačiakampis yra 525 pikselių 850 pikselių.
- 525 yra a ir 850 yra (a + b), ir b bus jūsų šoninės juostos plotis.
- Rasti b, mes tiesiog atimame iš (a + b), kuris yra 325.
- Todėl jūsų šoninės juostos plotis yra 325.
Atminkite, kad jūsų stačiakampis gali būti apverstas, kad atitiktų jūsų poreikius, įdėjus šoninę juostą viršuje, apačioje arba priešingoje pusėje. Tol, kol santykis bus išlaikytas, jūsų dizainas jaustis harmoningai.
Tekstui
Yra greitesnis būdas gauti reikiamus matavimus ir jį galima taikyti su teksto turiniu.
- Tarkime, kad jūsų kontekstinis tekstas yra 12 dydžio.
- Padauginkite 12 su 1.618, aukso santykis, ir gausite 19.416.
- Antraštės teksto dydis 19 arba 20 atidžiai stebėtų auksinį santykį.
Auksinis santykis yra kalba, kurią supranta jūsų protas, ir bendrauti su ja, jūsų idėjos bus veiksmingesnės. Jūs neturite to tiksliai laikytis; pakanka pagrindinio principo. Taikant santykį su vaizdo dydžiais, teksto ir vaizdų rodymo santykis ir poskyrių kūrimas šoninėse juostose yra visos galimos sąvokos.
Tinklo darbas: Trečiųjų taisyklė
Jei matematika nėra jūsų puodelis arbatos, aukso santykio sąvoka gali būti supaprastinta. The trečdalių taisyklė reglamentuoja lankytinų vietų išdėstymą scenoje. Padalinkite bet kurį vaizdą į trečdalius tiek horizontaliai, tiek vertikaliai. Jūs gausite 9 tinklus.
(Vaizdo šaltinis: digital-photography-school.com)
Pagal trečdalių taisyklę šių linijų viršūnės (kur linijos kerta) yra ideali vieta lankytinoms vietoms. Žmonės, kurie nuskaito puslapį, greičiausiai pastebės, kas yra šalia taškų, ir skyrius yra patogus peržiūrėti. Sudėtingesnis dizainas yra įmanoma, suskirstant tuos trečdalius į kitus trečdalius.
(Vaizdo šaltinis: net.tutsplus.com)
Trumpai tariant, akis gali būti tingus ir neturi ieškoti svarbių detalių. Mūsų smegenys taip yra. Pagrindiniai vaizdai, naujienų dėžutės, paieškos juostos ir kiti įdomūs taškai gali būti pritvirtinti prie viršūnių. Šis tvarkingas mažas spartusis klavišas suteiks jums paprastą akių vaizdą ir leidžia žmonėms pritraukti pagrindinius duomenis.
Stulpeliai ir šrifto dydžiai: Fibonacci sekos
Kitas paprastas įrankis, skirtas web dizainui, susijęs su auksiniu santykiu Fibonacci numeriai. Fibonacci seka prasideda nuo 0 ir 1. Ankstesni du skaičiai yra sudedami, kad būtų pateiktas kitas sekos numeris: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… ir taip toliau.
Truputį matematika sako, kad ryšys tarp nuoseklių Fibonacci sekos numerių yra pernelyg artimas auksiniam santykiui - padalinkite bet kokį skaičių seka su prieš tai buvusiu skaičiumi ir jūs gausite - jūs jį atspėjote - 1.618.
Kaip ir aukso santykio atveju, Fibonacci numeriai gali būti naudojami diktuojant ryšį tarp antraštės ir turinio teksto dydžio. Jis taip pat gali būti naudojamas stulpelių pločiui žymėti ir ypač veiksmingas dienoraščių ir kitų teksto tankių išdėstymų srityje. Sudėtis taip pat galėtų būti grindžiama „Fibonacci“ plytelių koncepcija, kurioje plytelių dydis yra pastatytas naudojant „Fibonacci“ seką.
(Vaizdo šaltinis: Wikipedia.org)
Aukso spiralės ir turinio klasterizavimas
Kitas galimas metodas naudoti tiek auksinį, tiek Fibonacci skaičių yra aukso spiralės ir Fibonacci spiralės. Auksinės spiralės tampa platesnės, lyginant su kiekvienos ketvirčio ruožtu aukso santykiu, o Fibonacci spiralės formuojamos naudojant Fibonacci čerpę.
Sparnai buvo naudojami meno kūriniuose tol, kol numeriai ir santykiai patys. Teorija yra ta, kad neigiamos erdvės ir vizualiai suinteresuotos sritys turi tilpti spirale. Šioje gražioje maketoje, kaip ir trečdalių taisyklėje, akis natūraliai patenka į spiralės centrą ir ieškoma išsamesnės informacijos.
(Vaizdo šaltinis: fabiovisentin.com)
Spiralės gali būti gairės turinio tankumui ir klasterizacijai. Jie gali būti pagrindu jūsų svetainės antraštės vaizdų, paieškos juostų ir įrankių juostų santykiui.
Renkantis idealų vaizdą pirmajam puslapiui, pastatytam aplink didelę grafiką, pvz., Parduotuvių pagrindinius puslapius ir fotografijos svetaines, taip pat galite pasinaudoti aukso ir Fibonako spiralėmis.
Efektyvūs pranešimai dažnai yra pasąmonę, o auksinis santykis yra vienas iš gamtos labiausiai gaminamų pasąmonių skelbimų. Naudodamiesi dieviškąja proporcija, jūs sau suteikiate natūralios logikos ir organinės malonės kraštą, kad visi žmonės turi pasąmonę. Auksinis santykis yra dar vienas jūsų kūrybiško įrankio įrankis.
Daugiau skaitymo:
- Aukso santykio taikymas žiniatinklio išdėstymams ir objektams
Redaktoriaus pastaba: Šį įrašą parašė Chris Pentago už Hongkiat.com. „Chris“ yra patyręs žiniatinklio kūrėjas, dizaineris ir interneto rinkodaros atstovas, besidomintis pagrindinėmis technologijomis, kad jūsų verslas internete taptų populiarus..
