Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Невидимите сили: Размер, Контраст и Баланс

by
Length:ShortLanguages:
This post is part of a series called Invisible Forces in Design.
Invisible Forces: Alignment, Direction, and Focus
Invisible Forces: Spacing and Shape

Bulgarian (Български) translation by Steliana Kozareva (you can also view the original English article)

Това е втората от три части статии посветени на "невидимите сили" в дизайна. В предишната статия научихме как подравняването може да се използва, за да се създаде посока и фокус. В тази статия ще научим как промяната на размера може да създаде констраст и баланс и да спомогне за по-ясен дизайн. 

Големите неща изглеждат по-важни

Очевидно е, че когато направите даден елемент по-голям, той изглежда по-важен от по-малките елементи.

Но това трябва да се има предвид заедно с други фактори, които засягат визуалната йерархия. Например, тези два елемента имат приблизително едно и също ниво на важност, защото са един и същ размер:

Ако не друго, то ще видите горния елемент преди долния.

Но ако направите долния елемент по-голям от горния, то той ще изглежда по-важен.

Обаче други неща като видимата ширина (дали използвате потъмнен или наклонен шрифт) или цветния контраст могат да обърнат ефектите на по-големия размер.

На тази илюстрация по-светлия елемент изглежда по-малко важен, въпреки че е по-голям.

Но само чрез смяна на фона на същата илюстрация с по-тъмен, сега по-светлия (и по-голям) елемен е доминиращ, благодарение на факта, че контрастира с фона повече отколкото малкия елемент.

Правете смислени промени на размерите

Особено, когато правите дизайна за малките екрани в днешно време, трябва да използвате промяната на размерите с цел.  Няма смисъл да правите даден шрифт по-голям и следователно той да заема важна част от екрана, ако това не е необходимо.

Когато е възможно, можете да използвате горе споменатите фактори, за да промените визуалната йерархия, но рано или късно, ще ви се наложи да направите едно нещо по-голямо от друго. Просто не го правете на случаен принцип.

Погледнете тези различни елементи, всеки от които по-голям от предишния.

Сега, кой от двата се чете по-лесно според вас: този или другият?

Елементите от втория пример са оразмерени спрямо скала. Всеки размер на шрифта се отнася към следващия най-малък размер със същата математическа зависимост, както се отнася и към следващия по-голям размер.

Различните размери в скалата са пропорционално взаимосвързани. Пропорциите ви помагат вашите дизайни да изглеждат сякаш си принадлежат.

Можете да видите как работят пропорциите на практика при логото на пощальона маймунка.

Всеки от кръговете, който изгражда шимпанзето, се отнася към останалите с коефициент 0.75. Кръгчето, което съставя частта на корема, е 0.75 от размера на кръга, който прави тялото, например. Hicks Design - фирмата, изготвила дизайна на това лого, го е направила така нарочно!

Не се залъгвайте от блясъка на фалшивото злато

Много от вас най-вероятно се мислят за така наречените "Златни пропорции", които получават доста внимание. Златната пропорция е приблизително 1:1.618. Да, шимпанзето щеше да изглежда добре, ако беше базирано на тези пропорции, но нямаше да изглежда по-добре от сега. Въпреки славата си, няма доказателство, че Златните пропорции изглеждат по-привлекателно от други известни отношения като 0.75 или 0.67.

За да илюстрирам това, попитах email контактите си кой от следните правоъгълници намират за най-привлекателен. Един от тях е квадрат, следващият е 0.75 правоъгълник, другият - 0.67 правоъгълник и последния е "Златния" правоъгълник. Кой от тях ви допада най-много?

Ето резултатите от проучването:

  • горе ляво (Квадрат): 8%
  • горе дясно (3:4 правоъгълник): 29%
  • долу ляво (2:3 правоъгълник): 37%
  • долу дясно ("Златната" пропорция): 25%

Както виждате, така наречения златен правоъгълник се е справил доста добре, но все пак не е най-привлекателният.

2:3 правоъгълникът спечели в този спучай, но не се вглеждайте прекалено много в това. Идеята е, че всичко от Златните пропорции до 3:4 е по приятно за окото от квадрат.

Можете да използвате това знание, за да направите вашата топография красива и да спестите време, ако работите с предварително зададена скала.

Например това са размерите шрифт, които винаги използвам. Всеки размер е приблизително 0.75 от големината на предишния (с малко закръгляне).

Допълнителна полза от работата с 0.75 скалата вместо със златното отношение е, че сметките наум са много по-лесни: Колко е 75% от 16? Лесно! Колко е 61.8% от 16? Ъъъъ.

Заключение

Като взимате предвид промените в размера, които правите, вашите дизайни ще изглеждат по-чисти и по-ясни, като същевременно са по-лесни за употреба и конвертиране.  Ако използвате оразмерителна скала, ще можете да създавате страхотни дизайни по-бързо!

Оглеждайте се за последната статия, където ще научим как оформянето на страницата чрез подравняване и оразмеряване, като мислите и за празното пространство, помага на дизайна ви да бъде още по ясен.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.