Zelta attiecības piemērošana mūsdienu dizainos

Ideāla mājas lapa ir gan funkcionāla, gan harmoniska, bet pat visprasmīgākajiem tīmekļa dizaineriem var būt grūti stāstīt, kas dod dabisku dabisko plūsmu. Neskatoties uz krāsu un navigācijas teorijām, dažreiz ideāls mājas lapas estētikas svarīgākais aspekts šķiet neizbēgams. Mēs nezinām, kāpēc tas darbojas, bet dažreiz tas vienkārši notiek. Tas viss varētu būt vienkāršas koncepcijas dēļ.

Atbalstot jūsu mājas lapas dizainu ar burtiski dabisku kārtību, skatītāji var atrast jūsu dizainu interesantāku un patiesi patīkamāku. Šo koncepciju sauc par zelta attiecība, matemātiska jēdziena būtība paklausa un ka mēs, cilvēki, neapzināti atpazīstam kā pilnības izpausmi.

Zelta ko?

Vienkārši izsakoties, zelta attiecība (pazīstama arī kā dievišķā proporcija vai zelta vidējais) ir matemātiska konstante, kas atkārtoti parādās dabā un mākslas darbos.

Izteikti kā vienādojums, kad a ir lielāks par b, (a + b) dalīts ar a ir vienāds ar a dalīts ar b (apskatiet zemāk redzamo attēlu), kas ir aptuveni vienāds ar 1.618033987. Šis skaitlis, ko bieži attēlo grieķu burts "phi", ir zelta attiecība.

(Attēla avots: mathsisfun.com)

To pašu teoriju var izmantot, lai izveidotu taisnstūri, ko sauc par zelta taisnstūris. Attēlu, kas seko zelta proporcijai, var kārtīgi ievietot taisnstūrī, kas pakļaujas šai attiecībai.

(Attēla avots: creativeautomaton.com)

Lai izveidotu zelta taisnstūri, izvēlieties numuru, kas būs taisnstūra īsās malas garums. Par argumentu, pieņemsim, ka 500 pikseļi. Reiziniet to ar 1.618. Rezultāts, 809 pikseļi, ir garuma garums jūsu taisnstūrim. Tāpēc taisnstūris, kas ir 500 pikseļi ar 809 pikseļiem, ir zelta taisnstūris. Tas pakļaujas zelta proporcijai.

Dabas skaistums

Patiesībā zinātnieki nav pārliecināti par to, kāda ir tā attiecība, ko cilvēki patīk tik daudz. Ko viņi ir pārliecināti par to, cik tas mums patīk. Pētījumi liecina, ka pat minūtes izmaiņas attēlā, kas padara to patiesāku par zelta attiecību, lielā mērā ietekmē to cilvēku smadzenes, kas meklē.

Cilvēka seja seko arī attiecībai, un mēs atrodam cilvēkus, kuru sejas ir daudz pievilcīgākas. Seashells, klasiskie renesanses šedevri, arhitektūra no senatnes un pat cilvēka ķermeņa daļas ir proporcionāli, pamatojoties uz attiecību līdz pašiem pirkstiem.

(Attēla avots: in2visualdesign)

Kaut kas dziļi mūsu prāta kodolā reģistrē zelta attiecību kā skaistu, fakts, ka mākslinieki un arhitekti ir lietojuši tūkstošiem gadu, apzināti vai nē. Tā ir primārā valoda attēlos. Rezultāts ir organisks, intuitīvs un vienkārši jūtas labi.

Dievišķais sastāvs

Kā tad jūs izmantojat šo maģisko numuru jūsu tīmekļa lapas sastāvā? Matemātika var likties kā apslāpējošs lodziņš, kas radīs jūsu radošumu, bet zelta attiecība ir vienkārši noderīga vadlīnija. Pamatvirziena izstrāde, no kuras veidot, var beigties ar radošāku telpu, ņemot vērā dažus minējumus no proporcijām un izvietojuma.

Domājiet par to kā rīku būrī. Visvienkāršākajā veidā varat izmantot zelta attiecību, lai apzīmētu satura apgabalu un sānu joslu izmēru un izvietojumu. Fiksētā platuma izkārtojums ir vienkāršākais pielietojums. Izlemiet par jūsu izkārtojuma kopējo izmēru, izmantojot zelta taisnstūra veidošanas metodi.

Režģiem / blokiem

Rindu radītais laukums būtu jūsu satura bloks. Mazāks taisnstūris būtu sānu vai navigācijas josla. Kad esat sapratuši savu taisnstūra lielumu, noskaidrojiet, cik lielā mērā jūsu navigācijas joslai ir jābūt viegli matemātikai.

• Šajā piemērā mēs teiksim, ka jūsu taisnstūris ir 525 pikseļi ar 850 pikseļi.
• 525 ir a un 850 ir (a + b), un b būs jūsu sānu joslas platums.
• Atrast b, mēs vienkārši atņemam (a + b), kas ir 325.
• Tāpēc sānu joslas platums ir 325.

Atcerieties, ka jūsu taisnstūris var tikt pagriezts apkārt, lai tas atbilstu jūsu vajadzībām, liekot sānjoslu augšpusē, apakšā vai pretējā pusē. Kamēr šis rādītājs ir spēkā, jūsu dizains būs harmonisks.

Teksts

Ir ātrāks veids, kā iegūt nepieciešamos mērījumus, un to var izmantot ar teksta saturu.

• Teiksim, ka jūsu konteksta teksts ir izmērs 12.
• Reiziniet ar 12 1.618, zelta attiecība, un jūs saņemsiet 19.416.
• Virsraksta teksta lielums 19 vai 20 būtu cieši saistīts ar zelta attiecību.

Zelta attiecība ir jūsu prāta izpratne, un, sazinoties ar to, jūsu idejas būs efektīvākas. Jums tas nav precīzi jāievēro; pietiek ar pamatprincipu. Piemērojot proporciju attēla izmēriem, attiecības starp teksta un attēlu izvietojumu un apakšgrupu izveidi sānu joslās ir visas iespējamās koncepcijas.

Grid Work: Trešo valstu noteikums

Ja matemātika nav tējas tase, var vienkāršot zelta attiecības koncepciju. The trešdaļu noteikums regulē interešu punktu izvietošanu skatuves. Sadaliet jebkuru konkrēto attēlu trešās daļās gan horizontāli, gan vertikāli. Jūs saņemsiet 9 tīklus.

(Attēla avots: digital-photography-school.com)

Saskaņā ar trešo valstu noteikumiem šo līniju virsotnes (kur līnijas šķērso) ir ideāla vieta interesējošiem punktiem. Cilvēki, kas skenē lapu, visticamāk, pamanīs lietas, kas atrodas pie punktiem, un nodaļa ir ērti apskatāma. Sarežģītāka konstrukcija ir iespējama, sadalot šīs trešās daļas tālāk par trešām.

(Attēla avots: net.tutsplus.com)

Īsāk sakot, acs var būt slinks un nav jāmeklē svarīgas detaļas. Mūsu smadzenes tāda. Galvenos attēlus, ziņu kastes, meklēšanas joslas un citus interesējošos punktus var novietot uz virsotnēm vai to tuvumā. Šis nelielais īsceļš sniegs jums dizainu, kas ir gan viegls uz acīm, gan liek cilvēkiem pievērsties galvenajiem datiem.

Kolonnas un fontu izmēri: Fibonacci sekvences

Vēl viens vienkāršs rīks tīmekļa dizainam, kas saistīts ar zelta attiecību, ir Fibonacci numuri. Fibonacci secība sākas ar 0 un 1. Iepriekšējie divi numuri tiek pievienoti kopā, lai iegūtu nākamo kārtas numuru: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… un tā tālāk.

Nedaudz matemātika stāsta mums, ka sakarība starp secīgiem Fibonacci sērijas numuriem ir pārsteidzoši tuvu zelta attiecībai - sadaliet jebkuru numuru secībā ar numuru pirms tā un jūs saņemsiet - jūs to uzminējāt - 1.618.

Tāpat kā ar zelta attiecību, Fibonacci numurus var izmantot, lai diktētu saikni starp galvenes un satura teksta izmēriem. To var izmantot arī, lai apzīmētu kolonnu platumu un ir īpaši efektīvs blogos un citos teksta blīvajos izkārtojumos. Kompozīciju varētu veidot arī uz Fibonacci flīžu koncepcijas, kurā flīžu izmērs ir balstīts uz Fibonacci secību..

(Attēla avots: Wikipedia.org)

Zelta spirāli un satura klasterizācija

Vēl viena iespējamā metode gan zelta attiecības, gan Fibonacci numuru izmantošanai ir zelta spirāli un Fibonacci spirāli. Zelta spirāles kļūst plašākas par faktoru, kas vienāds ar zelta attiecību katram ceturkšņa pagriezienam, un Fibonacci spirāles tiek veidotas, izmantojot Fibonacci flīzes.

Spirāli ir izmantoti mākslas darbos tik ilgi, cik vien paši skaitļi un attiecības. Teorija ir tāda, ka negatīvās telpas un vizuālās ieinteresētības jomām ir jāatrodas spirālē. Šajā graciozajā izkārtojumā, tāpat kā trešdaļu noteikumos, acs dabiski tiek vērsta uz spirāles centru, lai meklētu sīkāku informāciju.

(Attēla avots: fabiovisentin.com)

Spirāles var kalpot kā vadlīnijas satura blīvumam un kopu veidošanai. Tie var kalpot par pamatu jūsu vietnes galvenes attēlu, meklēšanas joslu un rīku joslu attiecībai.

Izvēloties ideālu attēlu priekšējai lapai, kas veidota ap lielu grafiku, piemēram, veikalu mājas lapām un fotogrāfiju vietnēm, varat izmantot arī zelta un Fibonacci spirāles.

Jaudīgi ziņojumi bieži ir zemapziņas, un zelta attiecība ir viena no visproduktīvākajām zemūdens reklāmām. Izmantojot dievišķo proporciju, jūs dodat sev dabiskās loģikas un organiskās žēlastības malu, ka visiem cilvēkiem ir zemapziņas piesaiste. Zelta attiecība ir vēl viens instruments jūsu radošajā rīcībā.

Lasīt vairāk:

• Zelta attiecības piemērošana tīmekļa izkārtojumiem un objektiem

Redaktora piezīme: Šo ziņu raksta Chris Pentago par Hongkiat.com. Chris ir pieredzējis tīmekļa izstrādātājs, dizainers un interneta tirgotājs, kas interesē galvenās tehnoloģijas, lai padarītu jūsu tiešsaistes biznesu par izpildāmu..