Правило близости в дизайне.Разбираем на примере.
Если вы читали наши предыдущие статьи, наверно заметили, но повторюсь в сотый раз. В отличии от изобразительного искусства, эстетика в дизайне, это не цель, а средство достижения определенного результата: конверсии, продаж, прибыли и пр.
Задачей веб-дизайна является не навести марафет на странице, а максимально комфортно, удобно и доступно донести нужную информацию. В этой статье речь пойдет об одном из основных принципах восприятия информации, которыми пользуются дизайнеры.
Умение грамотно управлять вниманием пользователя является очень ценным качеством при проектировании страниц и сайтов. Какую реакцию вызовет то или иное оформление кнопки/блока/текста. Как на эту информацию отреагирует мозг пользователя?
Стало быть, дизайн и психология имеют крепкую взаимосвязь и способны влиять друг на друга. Так вот те самые принципы, именуемые Гельтрат-принципы способствуют пониманию этих взаимосвязей.
Гештальт – набор принципов визуального восприятия, основанные на теории о том, что «организованное целое, воспринимается как нечто большее, чем просто сумма его частей». Целое, это не просто совокупность неких элементов, а и тесная связь между ними.
Элементы, расположенные вблизи, воспринимаются более связанными, чем те, что находятся на расстоянии. Таким образом, мы чаще воспринимаем отдельные элементы группой целиком, а не разделяя на элементы.
Пример:
Однажды, выглядывая в окно, вы заметили, что машины на стоянке выстроены так, будто образовали форму сердца. Вы первым делом обратили внимание на целостную картину, а затем рассмотрели каждую машину в отдельности.
Отсюда следует такой вывод. Чтобы создать единую картину, внутреннее расстояние должно быть меньше внешнего. Это правило действует как в блоках, буквах, словах, картинках. Если же такое правило нарушено, могут появится забавные и казусные ситуации.
Рассмотрим ситуацию на примере текста. Расстояние между словами является внутренним, соответственно между строками (интерлиньяж) – внешним. Исходя из данного правила увеличиваем интерлиньяжа. Так текст смотрится намного аккуратнее и легче.
Теперь в наш пример добавим заголовок. Расстояние между строками должно быть меньше чем между текстом и заголовком. Правило близости заключается в том, что внешнее всегда больше внутреннего.
Чтобы придать компактности и выделить текст, увеличьте расстояние между заголовком и первой строкой.
Разберем ситуацию на примере текста:
В данном случае пространство внутри буквы является внутренним, между буквами – внешним. Сейчас буквы расположены близко, что делает слово сложным к восприятию, а буква O смотрится как дырка в слове.
Увеличиваем межбуквенное пространство, и получаем:
Так слово читается значительно легче. Теперь усложняем задачу:
Все слова фразы сливаются между собой, и создается впечатление, что это одно большое слово. Увеличиваем расстояние между буквами, и получаем:
А теперь еще возьмет шрифт, с более вытянутыми вверх буквами:
Теперь уменьшаем расстояние между буквами. Тададам..
В интерфейсе принцип близости можно применить практически везде: от навигации, карточек, галерей.
Фраза стала читабельной, компактной и красивой. Готово.
По материалам: www.webdesguru.com
excellenmt publish, very informative. I’m wondering why
the ther specialists of this sector do nnot notice this.
Yoou should proceed your writing. I am sure, you’ve a great readers’ bse already!
Hello! Do you know if they make any plugins to protect against hackers? I’m kinda paranoid about losing everything I’ve worked hard on. Any tips?
Very good article. I defiitely love thiss site. Stick with it!
Glad to be one of the visitants on this awful website : D.
You completed a number of fine points there. I did a search on the topic and found mainly folks will go along with with your blog.
Professional standards maintained, maintains highest standards. Professional excellence found. Professional standards.
besten sportwetten seiten
Here is my blog post — perfekte Wettstrategie (https://Www.indiegogo.Com/)
wettanbieter beste
Here is my website Buchmacher Gehalt (Pad.Fs.Lmu.De)
wettanbieter vergleich
Look into my site hohe quoten wetten (Lenore)
sportwetten strategie pdf
My site :: wettbüro anbieter
esport Wir Wetten App, https://Hackmd.Hub.Yt/S/Inao_Pjgj, strategie
wetten Live ergebnisse; 8O4py.mssg.me, england schweiz
My relatives every time say that I am wasting my time here at net, however I know I am getting know-how all the time
by reading such nice articles.
canadian approved online casinos, online casino uk reviews and united kingdom pokies no deposit bonus, or bet365 united statesn roulette betting
My webpage :: professional gambling ato (Abbey)
200 free spins no deposit united states, canadian slot
machines online and australian gambling transactions Monzo law, or online casino
with free signup bonus real money usa
casino in vancouver australia, free bonus casino no deposit required canada
and paypal bingo sites uk, or best canada poker sites
my web site … tips Bermain baccarat online
latest online casino uk, 100 united kingdom casino free keep online
spin winnings and 200 free spins no deposit canada, or top online pokies nz
My web page … Goplayslots.net
best casino games on william hill (Angeles) poker website
australia, 100 slots bonus uk and free casino bonus no deposit
required uk, or usa only online casinos
the best pa online casino bonus casino for usa,
free online pokies no downloads usa and best casino sites united states, or does the usa have casinos
usa gambling websites, gambling in ontario australia and online james bond casino royale castle
(Kelle) united statesn dollars, or top online pokies and casinos real money canada
casino in toronto ontario australia, mict tabs slot usage and canadian online pokies reviews, or best usa poker apps
Look at my website; restless leg syndrome medication gambling, Carl,
sportwetten schweiz
Feel free to visit my page :: baugenehmigung
wettbüro [Charla]
gute wett app
Also visit my homepage :: sportwetten schweiz steuern (figuig.cloorient.com)
ohne einzahlung basketball live wetten, Gennie,
sportwetten bonus anmeldung
My blog :: wetten prognosen heute; Deloras,
esport wettseiten
my website; muss man bei einer kombiwette alles richtig haben
sportwetten quoten vergleich
My webpage … online wetten kostenlos
die besten sportwetten tipps
Here is my page: kombiwetten [http://Www.dnld.org]
buchmacher esc wettquoten Deutschland spanien
wetten quoten erklärung
My site; kostenlos Sportwetten ohne einzahlung
sport bild wetten
Here is my webpage … deutschland ungarn wette (Shella)
wette halbzeit endstand
Here is my webpage quote bei wetten
österreich wetten
Here is my page sportwetten wo am besten (ifsccodeof.in)
wettbüro dortmund
my homepage … merkur sportwetten
besten sportwetten
my blog post; tipps Für wetten
wettstrategien forum
Also visit my blog :: xtip sport wetten [https://Wp.Itniuren.com]
top wettanbieter
Here is my web blog — wetten kostenlos
**mindvault**
mindvault is a premium cognitive support formula created for adults 45+. It’s thoughtfully designed to help maintain clear thinking
österreich türkei wetten
My web site — Anbieter sportwetten (https://zf.Szyouju.com/104825.html)
wettbüro saarbrücken
My web-site paysafecard sportwetten
sportwetten kombiwetten strategie
Feel free to surf to my web site — wett tipps heute (Angeline)
live Bedeutung Handicap Wetten heute
wetten gutschein ohne einzahlung
Here is my website: Sichere Wett Tipps Heute
sichere wett tipps morgen
my site … sportwetten bonus paypal
was ist ein handicap beim wetten
Look at my homepage WettbüRo Duisburg
sportwetten ohne oasis paypal
Also visit my blog … quote von wetten dass (Charissa)
sportwetten tipps vorhersagen [Christiane] einzelwetten strategie
online wetten mit gratis startguthaben
my web site :: Sport bild wett tipps
online pferderennen wetten Strategie [Buoiduonglacam.Net] gratis startguthaben
buchmacher online
Also visit my homepage; live wetten bonus Ohne einzahlung
sportwetten schweiz app
Feel free to visit my blog post … handicap bedeutung wetten
tour de france wettquoten
my homepage; bestes sportwetten portal (Clarissa)
Sportwetten Tipps FüR AnfäNger (Ny.Leksandstrand.Se) lizenz curacao
wetten bayern meister quote
Feel free to visit my web-site — tippen sportwetten
wettseiten bonus ohne einzahlung
My page … solingen wettbüro
bester wettanbieter mit live wetten bonus ohne einzahlung (Tamie)
vergleich Wettanbieter bester bonus (Afritribantiques.com) bonus
alle wettanbieter online
Here is my homepage ecken wetten Anbieter (Suncity7717.Dev34.info)
wettseiten mit paypal
Also visit my web page — besten quoten wettanbieter —
Ecoart.Tome.press —
wetten dass heute live stream
Feel free to visit my web blog :: Sportwetten Vergleich Quoten (http://Fgiluminacao.Com.Br)
internet wetten vergleich
Feel free to visit my web-site … wettbüro bergedorf — https://Www.Cortearrubia.com,
top sportwetten anbieter
Also visit my webpage; quotenvergleich surebets
beste wettanbieter app
my website :: sicher Wetten
internet wetten
My web page :: neue wettanbieter deutsche lizenz
welche wettanbieter sind die besten
Here is my page; sportwetten tipps — Shoshana,
deutsche wettanbieter online
Feel free to visit my web-site; Kombiwette
euro wetten
Here is my web blog — Sportwetten online neu
WOW just what I was searching for. Came here by searching for number patterns best casino in Goa for beginners roulette
wettanbieter vergleich
Feel free to surf to my page: Wett app Freunde
free $100 casino chip 2021 uk, what online casinos are legal in australia and vancouver australia casinos, or new zealandn online pokies min $5 bingo no deposit bonus 2022 [Tracie]
Stunning quest there. What happened after? Thanks!
my web site; online roulette apple pay (Joie)
tipps live wetten bonus ohne einzahlung heute
wettanbieter vergleich paypal
Here is my webpage; wettquoten em spiele
Wow, maths іs the foundation block оf primary schooling,
aiding children ѡith dimensional analysis fоr design careers.
Оh dear, lacking strong mathematics іn Junior College, no
matter leading establishment kids mіght falter with high school algebra, thеrefore
develop that іmmediately leh.
Victoria Junior College cultivates creativity ɑnd management, firing
up enthusiasms fⲟr future production. Coastal campus facilities support arts, liberal arts, аnd sciences.
Integrated programs ѡith alliances offer smooth,
enriched education. Service ɑnd international efforts construct caring, resilient individuals.
Graduates lead ᴡith conviction, achieving impressive success.
Eunoia Junior College embodies thee peak ᧐f modern educational development, housed іn a striking high-rise campus tһat flawlessly incorporates
communal knowing ɑreas, green ɑreas, and advanced technological hubs t᧐
develop an inspiring atmosphere f᧐r collective and experiential education. The
college’ѕ unique philosophy оf » lovely thinking»
encourages students tо blend intellectual interest
wіth compassion and ethical reasoning, supported ƅy
vibrant academic programs in tһe arts, sciences, and interdisciplinary studies tһat pronote imaginative
рroblem-solving аnd forward-thinking. Geared up ѡith t᧐p-tier
centers ѕuch as professional-grade performing adts theaters,
multimedia studios, ɑnd interactive science labs, trainees
ɑre empowered to pursue theiг enthusiasms
аnd establish exceptional skills іn a holistic
ᴡay. Thrоugh strategic partnerships ԝith leading universities ɑnd industry
leaders, tһe college useѕ enriching chances for
undergraduate-level rеsearch study, internships, and mentorship
tһat bridge classroom learning ᴡith real-world applications.
As а result, Eunoia Junior College’ѕ trainees evolve
into thoughtful, resistant leaders ѡho are not
ϳust academically accomplished һowever also deeply committed t᧐ contributing favorably tօ
a diverse and eνｅr-evolving global society.
Wah lao, еven though school proves high-end, math serves аs the critical subject fοr
building confidence regаrding figures.
Aiyah, primary mathematics educates everyday սses suϲһ aѕ money management,thereforeensure уour kid masters it correctly starting ʏoung.
Mums and Dads, fearful ⲟf losing approach engaged lah,
strong primary mathematics guides tօ Ьetter science comprehension ɑs well as construction goals.
Listen սp, Singapore moms ɑnd dads, math is liҝely tһe highly important primary discipline, promoting imagination fоr issue-resolving fⲟr innovative careers.
Ɗօn’t play play lah, link ɑ reputable Junior College wіth mathematics proficiency
fоr ensure hiɡh ALevels scores ⲣlus seamless transitions.
Kiasu peer pressure іn JC motivates Math revision sessions.
Aiyo, mіnus robust mathematics in Junior College,
ｒegardless prestigious institution youngsters ⅽould stumble аt high school
calculations, tһerefore cultivate tһat immediately leh.
my blog :: Sembawang Secondary School Singapore
Oh my goodness! Impressive article dude! Thank you so much,
However I am having difficulties with your RSS.
I don’t understand why I cannot join it. Is there anyone else getting the same
RSS issues? Anyone that knows the answer can you kindly respond?
Thanks!! http://mttee.com/member.asp?action=view&memName=GerardoRountree
online Quote Wetten Dass erfahrung