Примена Златног Односа у Модерним Дизајнима

Идеална веб страница је и функционална и складна, али чак и најискуснији веб дизајнери могу имати проблема да вам кажу шта даје природан ток дизајна. Упркос теоријама о боји и навигацији, понекад је најважнији аспект естетике савршене веб странице неизрецив. Не знамо зашто то ради, али понекад то једноставно ради. Све то може бити због једноставног концепта.

Ослањајући се на дизајн вашег веб сајта са дословно природним редоследом, гледаоци ће можда сматрати да је ваш дизајн занимљивији и уобичајенијим. Овај концепт се назива голден ратио, математички концепт који природа поштује и који ми људи подсвесно препознајемо као израз савршенства.

Златно?

Једноставно речено, златни омјер (познат и као божански однос или златна средина), је математичка константа која се понавља у природи и уметничком раду.

Изражено као једнаџба, када а је већи од б, (а + б) подељено са а је једнако а подељено са б (само погледајте слику испод), која је једнака око 1.618033987. Тај број, често представљен грчким знаком "пхи", јесте голден ратио.

(Извор слике: матхсисфун.цом)

Иста теорија се може користити за прављење правоугаоника, названог голден рецтангле. Слика која прати златни омјер може бити постављена уредно унутар правокутника који се покорава омјеру.

(Извор слике: цреативеаутоматон.цом)

Да бисте направили златни правоугаоник, изаберите број који ће бити дужина кратке стране правоугаоника. За аргументе, рецимо 500 пиксела. Помножите то са 1.618. Резултат, 809 пиксела, је дужина дугачке стране вашег правоугаоника. Дакле, правоугаоник од 500 пиксела по 809 пиксела је златни правоугаоник. Покорава се златном односу.

Природне лепоте

Истина, научници нису сигурни шта је то однос који људи толико воле. У то су сигурни колико нам се свиђа. Студије указују да чак и минималне промене слике које чине је истинитијом до златног односа имају велики утицај на мозак оних који гледају.

Људско лице прати и тај однос, а ми налазимо људе чија су лица истинитија у односу који је привлачнији. Шкољке, класична ренесансна ремек-дела, архитектура из антике, па чак и људски делови тела су пропорционални према односу према самим прстима.

(Извор слике: ин2висуалдесигн)

Нешто дубоко у сржи нашег ума региструје златни однос као леп, чињеница коју су уметници и архитекти користили хиљадама година, свесно или не. То је примарни језик у сликама. Резултат је органски, интуитиван и само се осећа добро.

Дивине Цомпоситион

Како онда користите овај магични број у саставу ваше веб странице? Математика може изгледати као загушљива кутија у којој ће се борити ваша креативност, али златни омјер је једноставно корисна смјерница. Постављањем основних смјерница за изградњу можете добити креативнију собу тако што ћете извадити неке од предвиђања из пропорција и положаја.

Замислите га као алат умјесто кавеза. На најосновнијем, можете користити златни омјер да одредите величину и положај подручја садржаја и бочних трака. Распоред фиксне ширине је најлакша апликација. Одлучите се о укупној величини вашег распореда путем методе за стварање златног правоугаоника.

За решетке / блокове

Квадрат који креирају линије би био ваш блок садржаја. Мањи правоугаоник би био бочна или навигациона трака. Када откријете величину правокутника, откријте колико широка мора бити навигацијска трака је лако математика.

За овај пример, рећи ћемо да је ваш правоугаоник 525 пиксела од 850 пикелс.
525 ис а и 850 је (а + б), и б ће бити ширина ваше бочне траке.
То финд б, једноставно одузимамо од (а + б), што је 325.
Према томе, ширина бочне траке је 325.

Запамтите да се ваш правоугаоник може преокренути како би одговарао вашим потребама, стављајући бочну траку на горњу, доњу или супротну страну. Докле год тај однос важи, ваш дизајн ће се осећати хармонично.

За текст

Постоји бржи начин добијања потребних мерења и може се применити са текстуалним садржајем.

Рецимо да је текст контекста величине 12.
Помножите 12 са 1.618, златни омјер, и добит ћете 19.416.
Текст заглавља од 19 или 20 ће блиско пратити златни однос.

Златни однос је језик који ваш ум разумије, а комуницирањем с њим ваше идеје ће наићи на боље. Не морате се тачно придржавати тога; основни принцип је довољан. Примена односа величине слика, однос између размака текста и слике и креирања подјела унутар бочних барова су сви могући концепти.

Грид Ворк: Правило трећина

Ако математика није ваша шалица чаја, концепт златног односа може се поједноставити. Тхе правило трећина регулише постављање тачака интересовања у сцени. Поделите било коју слику на трећину и хоризонтално и вертикално. Добит ћеш 9 мрежа.

(Извор слике: дигитал-пхотограпхи-сцхоол.цом)

Према правилу трећине, врхови тих линија (где се линије преклапају) идеални су за тачке интересовања. Људи који скенирају страницу вероватније ће приметити ствари постављене близу тачака, а подела је угодна за гледање. Сложенији дизајн је могућ разградњом тих трећина у даљње трећине.

(Извор слике: нет.тутсплус.цом)

Укратко, око може бити лењ и не мора тражити важне детаље. Наш мозак је такав. Главне слике, оквири за новости, траке за претрагу и све друге интересантне тачке могу се угнијездити на или близу врхова. Овај уредан мали пречац ће вам дати дизајн који је и лак за очи и чини људе привученим кључним подацима.

Колоне и величине фонтова: Фибоначијеве секвенце

Још један једноставан алат за веб дизајн повезан са златним омјером је Фибоначијеви бројеви. Фибоначијев низ почиње са 0 и 1. Претходна два броја се збрајају да би се добио следећи број у низу: 0, 1, 2, 3, 5, 8, 13, 21, 34… и тако даље.

Мало математике нам говори да је однос између секвенцијалних Фибоначијевих низова низа запањујуће близу златног омјера - подијелити било који број у низу с бројем прије њега и добит ћете - погодили сте - 1.618.

Као и код златног односа, Фибоначијеви бројеви се могу користити за диктирање односа између заглавља и величине текста садржаја. Такође се може користити за одређивање ширине колона и посебно је ефикасан у блоговима и другим текстуално густим распоредима. Композиција такође може бити изграђена на концепту Фибоначијеве плочице, у којој се величина плочице гради на Фибоначијевом низу.

(Извор слике: Википедиа.орг)

Златне спирале и груписање садржаја

Други могући метод коришћења и златног и Фибоначијевог броја је златне спирале и Фибоначијеве спирале. Златне спирале се шире фактором који је једнак златном односу за сваку четвртину окрета које они праве, а Фибоначијеве спирале се формирају користећи Фибоначијеве плочице.

Спирале су кориштене у умјетничким дјелима све док су сами бројеви и омјери. Теорија је да области негативног простора и визуелног интересовања треба да се уклопе у спиралу. У овом грациозном распореду, као и код правила трећине, око је природно привучено у центар спирале да би се тражили детаљи.

(Извор слике: фабиовисентин.цом)

Спирале могу послужити као смјерница за густоћу садржаја и групирање. Они могу послужити као основа за однос слика у заглављу вашег веб сајта, трака за претраживање и трака са алаткама.

Приликом одабира идеалне слике за насловну страницу изграђену око великих графика, као што су почетне странице трговина и веб-локације за фотографије, такође можете имати користи од златне и Фибоначијеве спирале.

Снажне поруке су често сублиминалне, а златни однос је једна од најплоднијих сублиминалних реклама природе. Користећи божанску пропорцију, дајете себи ивицу природне логике и органске милости да сви људи имају подсвесну привлачност. Златни омјер је још један алат на вашем креативном располагању.

Више читања:

Примена Златног Односа на Веб Лаиоутс и Објекте

Напомена уредника: Овај пост је написао / ла Цхрис Пентаго фор Хонгкиат.цом. Цхрис је искусан веб девелопер, дизајнер и интернет маркетер заинтересован за кључне технологије како би Ваше онлине пословање било успјешно..