+359 2 850 53 64

Златното сечение в уеб дизайна

Как да използвате златното сечение в уеб дизайна?

За да постигнете чист и балансиран вид на Вашия дизайн, трябва да му придадете усещане за ред и хармония, които потребителите да усетят интуитивно.

За тази цел можете да използвате концепцията за златното сечение.

Златно сечение (известно още като златна пропорция, златен коефициент или божествена пропорция) е ирационално число в математиката, което изразява отношение на части, за които по-голямата част се отнася към по-малката така, както цялото към по-голямата. То се отбелязва с гръцката буква φ и има стойност приблизително равна на 1,618.

Златното сечение е не само математическо понятие, но е символ за красота, хармония и съвършенство в изкуството, науката и природата. Терминът "златно сечение" е въведен от Леонардо да Винчи като пропорция за "идеалното човешко тяло".

Източник: Уикипедия.

Пример

Да кажем, че искате да създадете дизайн с фиксирана ширина от 960 px. Решилите сте да отделите два блока – един по-голям за поместване на съдържанието и един по-малък за страничната лента. Как да изчислите колко да са широки двете колони?

1. Трябва да изчислите ширината на блока за съдържанието. Трябва да се уверите, че съотношението между този блок и целия дизайн е 1.62. За целта, разделете 960 px на 1.62, резултатът е приблизително 593 px.

2. Извадете 593 px от ширината на целия дизайн (960 px) и ще получите 367 px.

3. Сега, трябва да пресметнете двете съотношения.Първо, съотношението между колоната със съдържанието и страничната лента (593 px:367 px) – получава се 1.615. Второто е съотношението между ширината на целия дизайн и ширината на блока за съдържанието (960 px: 593 px) – получава се 1.618. Двете съотношения са почти равни, така че сте успели да постигнете целта си.

По аналогичен начин, концепцията за „златното сечение” може да бъде приложена и при дизайните с не-фиксирани ширини.

В някои случаи, "златното сечение" може да подобри не само комуникацията на Вашия дизайн, но и последващата изработка на останалите елементи.

Дизайн и редизайн на уеб сайтове и онлайн магазиниПовече...

Свързани статии

  • КЪМ СТАТИЯТА HTML5 анимации - по лесния начин
    HTML5 анимации - по лесния начин
    HTML5 е един от най-популярните инструменти за създаване на уеб сайтове и впечатляващо визуално съдържание, включително анимации.
  • КЪМ СТАТИЯТА Повече конверсии от Вашето мобилно приложение?
    Повече конверсии от Вашето мобилно приложение?
    Много бизнеси и компании използват мобилни приложения, за да увеличат броя на реализациите си. Ако и Вие сте сред тях, имайте…
  • КЪМ СТАТИЯТА Тестване на ползваемостта на сайт
    Тестване на ползваемостта на сайт
    Най-добрият начин да разбере как потребителите взаимодействат с Вашия уеб сайт е посредством тестване на неговата ползваемост…
  • КЪМ СТАТИЯТА Професионални дизайнерски съвети за непрофесионалисти
    Професионални дизайнерски съвети за непрофесионалисти
    Ако сте от хората, на които често им се налага да изработват презентации или електронни обучения, но не притежават професионални…