Kuldse suhte kasutamine kaasaegsetes disainides

Ideaalne veebileht on nii funktsionaalne kui ka harmooniline, kuid isegi kõige kogenumad veebidisainerid võivad sulle probleeme öelda, mis annab loomulikule voolule. Hoolimata sealsetest värvi- ja navigatsiooniteooriatest tundub mõnikord, et täiusliku veebilehe esteetika kõige olulisem aspekt on mõeldamatu. Me ei tea, miks see toimib, kuid mõnikord see lihtsalt toimib. See kõik võib olla lihtne kontseptsioon.

Oma veebilehe kujunduse toetamisega sõna otseses mõttes on loomulik, et vaatajad võivad teie disaini huvitavamaks ja sisuliselt meeldivamaks. Seda mõistet nimetatakse kuldne suhe, matemaatiline kontseptsioon, mida iseloomustab ja mida me inimesed alateadlikult tunneme täiuslikkuse väljendusena.

Kuldne?

Lihtsamalt öeldes, kuldne suhe (tuntud ka kui jumalik proportsioon või kuldne keskmine) on matemaatiline konstant, mis ilmub korduvalt looduses ja kunstiteoses.

Väljendatakse võrrandina, millal a on suurem kui b, (a + b) jagatuna a on võrdne a jagatuna b (vaadake allpool olevat pilti), mis on võrdne umbes 1.618033987. See arv, mida sageli esindab kreeka täht "phi", on kuldne suhe.

(Pildi allikas: mathsisfun.com)

Sama teooriat saab kasutada ristküliku ehitamiseks kuldne ristkülik. Kuldset suhet järgivat pilti saab paigutada korralikult ristküliku sisse, mis järgib suhet.

(Pildi allikas: creativeautomaton.com)

Kuldse ristküliku ehitamiseks valige number, mis on ristküliku lühikese külje pikkus. Argumendi pärast, ütleme 500 pikslit. Korruta see 1.618-ga. Tulemus, 809 pikslit, on teie ristküliku pika külje pikkus. Seetõttu on ristkülik, mis on 500 pikslit 809 piksliga, kuldne ristkülik. See järgib kuldset suhet.

Loomulik ilu

Tegelikult ei ole teadlased kindlad, mis see on suhtest, mida inimesed nii palju. Mida nad on kindlad, kui palju me talle meeldib. Uuringud näitavad, et isegi minutiline muutus kujutises, mis muudab selle kuldse suhtega tõelisemaks, mõjutab suuresti nende inimeste aju, kes otsivad.

Inimese nägu järgib ka suhet ning leiame inimesi, kelle näod on suhtelisema suhtega atraktiivsemad. Seashellid, klassikalised renessanssist meistriteosed, antiikajast pärit arhitektuur ja isegi inimese kehaosad on proportsionaalsed, lähtudes suheest kuni sõrmedeni..

(Pildi allikas: in2visualdesign)

Midagi sügavast meie meele südamest registreeritakse kuldne suhe nii ilusaks, et kunstnikud ja arhitektid on teadlikult või mitte kasutanud neid tuhandeid aastaid. See on kujutiste esmane keel. Tulemuseks on orgaaniline, intuitiivne ja lihtsalt tunne.

Jumalik kompositsioon

Kuidas kasutate seda maagilist numbrit oma veebilehe koostises? Matemaatika võib tunduda lämmatava kastina, mida teie loovus võitleb, kuid kuldne suhe on lihtsalt kasulik juhend. Põhisuundade koostamine, mis võimaldab ehitada, võib lõppkokkuvõttes anda teile rohkem loomingulist ruumi, võttes mõningaid väljavaateid proportsioonidest ja paigutusest.

Mõelge sellele puuri asemel tööriistana. Kõige lihtsamal juhul saate kasutada kuldset suhet sisupiirkondade ja külgribade suuruse ja paigutuse määramiseks. Kindla laiusega paigutus on kõige lihtsam rakendus. Otsustage oma paigutuse üldsuurus kuldse ristküliku loomise meetodi abil.

Võrkude / plokkide jaoks

Ridade loodud ruut oleks teie sisu blokk. Väiksem ristkülik oleks külg- või navigeerimisriba. Kui olete oma ristküliku suuruse välja selgitanud, saate teada, kui lai teie navigeerimisriba peab olema, on lihtne matemaatika.

• Selle näite puhul ütleme, et teie ristkülik on 525 pikslit 850 pikslit.
• 525 on a ja 850 on (a + b), ja b on teie külgriba laius.
• Leidma b, me lihtsalt lahutame (a + b), mis on 325.
• Seetõttu on külgriba laius 325.

Pidage meeles, et teie ristkülikut saab oma eesmärkidel ümber pöörata, asetades külgriba üla-, ala- või vastasküljele. Niikaua kui suhe kehtib, tundub teie disain harmooniliselt.

Teksti jaoks

Teil on kiirem viis saada vajalikke mõõtmisi ja seda saab kasutada teksti sisuga.

• Oletame, et teie konteksttekst on suurus 12.
• Korruta 12 koos 1.618, kuldne suhe ja saad 19.416.
• Päise teksti suurus 19 või 20 järgib tihedalt kuldset suhet.

Kuldne suhe on teie meelest arusaadav keel ja sellega suhtlemisel hakkavad teie ideed tulemuslikumalt kokku puutuma. Te ei pea seda täpselt kinni pidama; piisab põhiprintsiibist. Rakendades kujutise suuruse suhet, on teksti ja pildi paigutuse vaheline suhe ja alarühmade loomine külgribades kõik võimalikud mõisted.

Grid Work: Kolmandate reegel

Kui matemaatika ei ole sinu tee, saab kuldse suhte mõistet lihtsustada. The kolmandat korda reguleerib huvipunktide paigutust stseenile. Jagage ükskõik milline pilt kolmandaks nii horisontaalselt kui ka vertikaalselt. Saad 9 võrku.

(Pildi allikas: digitaalne-fotograafia-school.com)

Kolmandate reeglite kohaselt on nende ridade tipud (kus jooned ületavad) ideaalsed paigad huvipunktide jaoks. Inimesed, kes skaneerivad lehekülge, märkavad tõenäolisemalt punktide lähedusse paigutatud asju ja jagamine on mugav vaadata. Keerulisem disain on võimalik, kaotades need kolmandad kolmandad riigid.

(Pildiallikas: net.tutsplus.com)

Lühidalt, silm võib olla laisk ja ei pea otsima olulisi üksikasju. Meie aju meeldib see. Peamiste piltide, uudiste kastide, otsinguribade ja muude huvipunktide kohta võib tippude juurde või nende lähedusse paigutada. See puhas väike otsetee annab sulle disaini, mis on nii lihtne kui silmad ja teeb inimesed võtmetähtsusega andmeteks.

Veerud ja fondi suurused: Fibonacci järjestused

Teine lihtne veebidisaini vahend, mis on seotud kuldse suhtega, on Fibonacci numbrid. Fibonacci järjestus algab 0 ja 1-ga. Eelmised kaks numbrit lisatakse kokku, et saada järgmine järjekorranumber: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… ja nii edasi.

Veidi matemaatika ütleb meile, et järjestikuste Fibonacci järjestuste numbrite suhe on kuldse suhe suhtes üllatavalt lähedane - jaga suvaline arv järjekorras selle ees oleva numbriga ja saad - sa arvasid seda - 1.618.

Nagu kuldsuhtes, saab Fibonacci numbreid kasutada ka päise ja sisu teksti suuruse vahelise suhte dikteerimiseks. Seda võib kasutada ka veergude laiuse tähistamiseks ja see on eriti tõhus blogide ja muude tekstitihedate paigutustega. Kompositsiooni võib ehitada ka Fibonacci plaatide kontseptsiooni alusel, kus plaatide suurus on ehitatud Fibonacci jada järgi.

(Pildi allikas: Wikipedia.org)

Kuldsed spiraalid ja sisu klastrid

Teine võimalik meetod nii kuldsuhte kui ka Fibonacci numbrite kasutamiseks on kuldsed spiraalid ja Fibonacci spiraalid. Kuldsed spiraalid laienevad iga kvartali pöörde kuldse suhtega võrdse teguriga ja Fibonacci spiraalid moodustuvad Fibonacci plaatide abil..

Spiraale on kasutatud kunsti jaoks nii kaua kui numbrid ja suhted ise on. Teooria seisneb selles, et negatiivse ruumi ja visuaalse huvi alad peaksid sobituma spiraali. Selle graatsilise paigutuse piires, nagu ka kolmandiku reeglina, tõmbub silma loomulikult spiraali keskele, et otsida üksikasju.

(Pildi allikas: fabiovisentin.com)

Spiraalid võivad olla suunised sisu tiheduse ja klastrite loomiseks. Need võivad olla aluseks teie veebisaidi päisekujutiste, otsinguribade ja tööriistaribade suhtele.

Suurele graafikale, näiteks poe kodulehtedele ja fotograafia veebilehtedele ehitatud esilehele, sobiva pildi valimisel saate kasutada ka kuldseid ja Fibonacci spiraale.

Võimas sõnumid on tihti alateadlikud ja kuldne suhe on üks looduse kõige viljakamaid allakirjutatavaid reklaame. Kasutades jumalikku proportsiooni, annate endale endale loomuliku loogika ja orgaanilise armu, mille kõik inimesed on teadvusel. Kuldne suhe on veel üks teie loomingulise tööriista vahend.

Rohkem lugemist:

• Kuldse suhte rakendamine veebiplaanidele ja objektidele

Toimetaja märkus: See postitus on kirjutatud Chris Pentago Hongkiat.com jaoks. Chris on kogenud veebiarendaja, disainer ja Interneti-turundaja, kes on huvitatud võtmetehnoloogiatest, et muuta teie online-äri teie jaoks toimivaks..