Kultaisen suhteen soveltaminen nykyaikaisiin malleihin

Ihanteellinen web-sivu on sekä toiminnallinen että harmoninen, mutta kaikkein kokeneimmilla web-suunnittelijoilla voi olla vaikeuksia kertoa sinulle, mikä antaa luonnollisen suunnittelun. Värillisistä ja navigointiteorioista huolimatta joskus kaikkein tärkein osa täydellisen verkkosivun esteettisyydestä tuntuu väistämättömältä. Emme tiedä miksi se toimii, mutta joskus se vain tekee. Se voisi olla yksinkertaisen käsitteen takia.

Aloittamalla sivuston suunnittelun kirjaimellisesti luonnollisella tavalla katsojat voivat löytää suunnittelusi mielenkiintoisemmaksi ja miellyttävämmäksi. Tätä käsitettä kutsutaan nimellä kultainen leikkaus, matemaattinen käsite luonne täyttää ja että me ihmiset tiedostamme tietoisesti täydellisyyden ilmentymänä.

Golden What?

Yksinkertaisesti sanottuna kultainen suhde (tunnetaan myös nimellä jumalallinen osuus tai kultainen keskitie) on matemaattinen vakio, joka näkyy toistuvasti luonnossa ja taideteoksessa.

Ilmaistuna yhtälönä, milloin on suurempi kuin b, (a + b) jaettuna on yhtä suuri kuin jaettuna b (katso vain alla olevaa kuvaa), joka on noin +1,618033987. Tämä luku, jota usein edustaa kreikkalainen merkki "phi", on kultainen leikkaus.

(Kuvan lähde: mathsisfun.com)

Sama teoria voidaan käyttää rakentamaan suorakulmio, jota kutsutaan nimellä kultainen suorakulmio. Kultaista suhdetta noudattava kuva voidaan sijoittaa siististi suorakulmioon, joka noudattaa suhdetta.

(Kuvalähde: creativeautomaton.com)

Jos haluat rakentaa kultaisen suorakulmion, valitse numero, joka on suorakulmion lyhyen sivun pituus. Argumenttien vuoksi sanotaan 500 pikseliä. Kerro tämä 1,618: lla. Tulos, 809 pikseliä, on suorakulmion pitkän sivun pituus. Siksi suorakulmio, joka on 500 pikseliä 809 pikselin verran, on kultainen suorakulmio. Se noudattaa kultaista suhdetta.

Luonnollinen kauneus

Todellisuudessa tiedemiehet eivät ole varmoja siitä, mitä se on suhteessa ihmisiin niin paljon. Mitä he ovat varmoja siitä, kuinka paljon pidämme siitä. Tutkimukset viittaavat siihen, että jopa minuutin muutokset kuvaan, joka tekee siitä todellisemman kultaiselle suhteelle, vaikuttavat suuresti niiden etsimiseen.

Ihmisen kasvot noudattavat myös suhdetta, ja löydämme ihmisiä, joiden kasvot ovat suotuisampia. Seashellit, klassiset renessanssin mestariteokset, antiikin arkkitehtuuri ja jopa ihmiskehon osat ovat oikeassa suhteessa suhteessa sormiin itse.

(Kuvalähde: in2visualdesign)

Jotain syvällä mielen ytimessä rekisteröidään kultainen suhde niin kauniiksi, että taiteilijat ja arkkitehdit ovat käyttäneet tuhansia vuosia tietoisesti tai ei. Se on kuvien ensisijainen kieli. Tulos on orgaaninen, intuitiivinen ja vain tuntuu oikeassa.

Jumalallinen kokoonpano

Miten sitten käytät tätä maagista numeroa verkkosivustosi kokoonpanossa? Matematiikka saattaa tuntua tukahduttavalta laatikosta, jonka luovuutesi kamppailee, mutta kultainen suhde on yksinkertaisesti hyödyllinen ohje. Perussuuntaviivojen rakentaminen voi lopulta antaa sinulle enemmän luovaa huonetta ottamalla joitakin arvailusta mittasuhteista ja sijoittelusta.

Ajattele sitä työkaluna häkin sijasta. Tavallisimmillaan voit käyttää kultaista suhdetta sisältöalueiden ja sivupalkkien koon ja sijoittelun määrittämiseen. Kiinteän leveyden asettelu on helpoin sovellus. Päätä ulkoasun kokoa käyttämällä kultaisen suorakulmion luomista.

Ristikot / lohkot

Rivien luoma neliö olisi sisällön lohko. Pienempi suorakulmio olisi sivu- tai navigointipalkki. Kun olet havainnut suorakulmion koon, selvittää, kuinka laaja navigointipalkin on oltava, on helppo matematiikka.

• Tässä esimerkissä sanomme, että suorakulmio on 525 pikseliä 850 pikseliä.
• 525 on ja 850 on (a + b), ja b on sivupalkin leveys.
• Löytää b, me yksinkertaisesti vähennämme (a + b), joka on 325.
• Siksi sivupalkin leveys on 325.

Muista, että suorakulmio voidaan kääntää ympärille sopivaksi tarkoituksiinsi asettamalla sivupalkki ylä-, ala- tai vastakkaiselle puolelle. Niin kauan kuin suhde säilyy, muotoilu tuntuu harmoniselta.

Teksti

Tarvitset nopeamman tavan saada tarvittavat mittaukset ja sitä voidaan käyttää tekstisisällön kanssa.

• Oletetaan, että kontekstiteksti on koko 12.
• Kerro 12: lla 1,618, kultainen suhde, ja saat 19.416.
• Otsikkoteksti 19 tai 20 seuraisi tarkasti kultaista suhdetta.

Kultainen suhde on kieli, jota mieltäsi ymmärtää, ja kommunikoimalla sen kanssa ideoita tulee tehokkaammin. Sinun ei tarvitse noudattaa sitä tarkasti; Perusperiaate riittää. Sovellettaessa suhdetta kuvakokoon, tekstin ja kuvan sijoittelun välinen suhde ja sivupalkkien alaryhmien luominen ovat kaikki mahdollisia käsitteitä.

Ruudukko: kolmansien sääntö

Jos matematiikka ei ole teekuppi, kultaisen suhteen konsepti voidaan yksinkertaistaa. kolmasosaa ohjaa kiinnostavien kohteiden sijoittamista paikalle. Jaa kaikki kuvat kolmansiksi sekä vaaka- että pystysuunnassa. Saat 9 verkkoa.

(Kuvalähde: digital-photography-school.com)

Kolmansien sääntöjen mukaan näiden viivojen huipput (joissa linjat ylittävät) ovat ihanteellinen paikka kiinnostaville paikoille. Ihmiset, jotka skannaavat sivua, havaitsevat todennäköisemmin asioita, jotka on sijoitettu pisteiden läheisyyteen, ja jako on mukava katsella. Monimutkaisempi suunnittelu on mahdollista hajottamalla nämä kolmannet kolmannekset.

(Kuvalähde: net.tutsplus.com)

Lyhyesti sanottuna silmä voi olla laiska eikä sen tarvitse etsiä tärkeitä yksityiskohtia. Aivomme ovat näin. Tärkeimmät kuvat, uutiset-ruudut, hakupalkit ja muut kiinnostavat kohteet voidaan sijoittaa pisteiden päälle tai lähelle. Tämä siisti pieni pikanäppäin antaa sinulle muotoilun, joka on sekä silmien kannalta helppoa että saa ihmiset piirtämään keskeiset tiedot.

Sarakkeet ja fonttikoot: Fibonacci-sekvenssit

Toinen yksinkertainen työkalu web-suunnitteluun liittyy kultaiseen suhteeseen Fibonacci-numerot. Fibonacci-sekvenssi alkaa 0: lla ja 1. Edelliset kaksi numeroa lisätään yhteen seuraavan numeron tuottamiseksi sekvenssissä: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… ja niin edelleen.

Vähän matematiikka kertoo meille, että peräkkäisten Fibonacci-sekvenssinumerojen välinen suhde on hämmästyttävän lähellä kultaista suhdetta - jaa mikä tahansa numero sekvenssissä numerolla ennen sitä ja saat - arvasit sen - 1,618.

Fibonacci-numeroita voidaan käyttää otsikko- ja sisällötekstien koon sanelemiseen, kuten kultaisen suhteen suhteen. Sitä voitaisiin käyttää myös sarakkeiden leveyden osoittamiseen ja se on erityisen tehokas blogeihin ja muihin tekstin tiheisiin asetteluihin. Koostumus voitaisiin rakentaa myös Fibonacci-laattojen käsitteeseen, jossa laattojen koko perustuu Fibonacci-sekvenssiin..

(Kuvan lähde: Wikipedia.org)

Kultaiset spiraalit ja sisällön klusterointi

Toinen mahdollinen tapa käyttää sekä kultaista suhdetta että Fibonacci-numeroita ovat kultaiset spiraalit ja Fibonacci-spiraalit. Kultaiset spiraalit laajenevat kertoimella, joka vastaa kultaista suhdetta neljännesvuosittain, jonka he tekevät, ja Fibonacci-spiraalit muodostetaan käyttäen Fibonacci-laatoitusta.

Spiraaleja on käytetty taideteollisuudessa niin kauan kuin numerot ja suhteet itse. Teoria on, että negatiivisen tilan ja visuaalisen kiinnostuksen kohteena olevat alueet sopivat spiraaliin. Tämän kauniin ulkoasun, kuten kolmansien sääntöjen mukaan, silmä vedetään luonnollisesti spiraalin keskelle etsimään yksityiskohtia.

(Kuvan lähde: fabiovisentin.com)

Spiraalit voivat toimia ohjeena sisällön tiheydelle ja klusteroinnille. Ne voivat toimia perustana verkkosivustosi otsikkokuvien, hakupalkkien ja työkalurivien suhteelle.

Kun valitset ihanteellisen kuvan suurelle grafiikalle rakennetulle etusivulle, kuten myymälän kotisivuille ja valokuvaus-sivustoille, voit myös hyötyä kulta- ja Fibonacci-spiraaleista.

Tehokkaat viestit ovat usein alitajuisia, ja kultainen suhde on yksi luonnon tuottavimmista alitajuisista mainoksista. Käyttämällä jumalallista osuutta annat itsellesi luonnollisen logiikan ja orgaanisen armon reunan, jota kaikilla ihmisillä on alitajuntaan. Kultainen suhde on vielä yksi työkalu luovassa käytössäsi.

Lisää lukemista:

• Kullan suhteen soveltaminen Web-asetteluihin ja kohteisiin

Toimittajan huomautus: Tämä viesti on kirjoittanut Chris Pentago varten Hongkiat.com. Chris on kokenut web-kehittäjä, suunnittelija ja internet-markkinoija, joka on kiinnostunut avainteknologioista, jotta online-liiketoimintaa voidaan tehdä. Voit löytää hänet Twitterissä.