Принсипҳои иерархияи визуалӣ барои тарроҳон

Принсипҳои иерархияи визуалӣ барои тарроҳон консепсияи тарроҳӣ мебошанд, ки барои роҳнамоӣ кардани чӣ гуна чашмони бинанда тавассути тарроҳӣ ҳаракат мекунанд ва муайян кардани кадом унсурҳо муҳимтар ё ҷолибтаранд.

Дар аввал лавҳаҳои сангин, варақаҳои папирус ва коғаз буданд. Пас аз он экранҳои компютерӣ ва планшетҳои электронӣ пайдо шуданд. Вақте ки технологияи намоиши саҳифа инкишоф меёбад, тарроҳон роҳи равшани ташкили мундариҷаро доранд. Аммо кадомаш беҳтар аст? Дар кӯтоҳ , иерархияи визуалӣ.

Ин аст таърифи иерархияи визуалӣ: иерархияи визуалӣ ин тартиб аст унсурҳои графикӣ дар тарҳрезӣ аз рӯи аҳамияти ҳар як элемент. Вазни визуалӣ муайян мекунад аҳамияти элемент дар иерархияи тарроҳӣ, ба тамошобин нақл мекунад, ки ба чӣ диққат додан лозим аст ва бо кадом тартиб.

Сарчашмаҳо барои дизайнерҳо. 50 ройгон

Ин як масъалаи муҳимтар мегардад, зеро чаҳорчӯбаҳои ҷавобгӯ тарроҳонро маҷбур мекунанд, ки якбора дар бораи саҳифаҳои гуногун фикр кунанд. Бо матни зич ва таваҷҷуҳи кӯтоҳ рӯбарӯ шуда, тарроҳон 6 принсипро таҳия карданд, то чашми хонандаро ба маълумоти муҳимтарин равона кунанд.

Ин 6 принсипи иерархияи визуалӣ ба шумо кӯмак мекунад, ки ҳама чизро аз брошураҳо то барномаҳо тарҳрезӣ кунед ва кафолат диҳед, ки корбари ниҳоӣ барои тарроҳон таҷрибаи мусбати хониш дошта бошад.

Ҳама фарҳангҳо аз боло ба поён хонда мешаванд ва аксари фарҳангҳо аз чап ба рост хонда мешаванд. Аммо гарчанде ки ин дониш барои тарҳрезии саҳифа, конструкторон медонанд, ки вазифа хеле душвортар аст.

Тадқиқотҳои ахир нишон доданд, ки одамон аввал саҳифаро скан мекунанд, то бубинанд, ки пеш аз хондани он ба он таваҷҷӯҳ доранд ё не. Намунаҳои скан одатан яке аз ду шакл, "F" ва "Z" -ро мегиранд ва шумо метавонед аз ин дар тарҳрезии худ истифода баред.

Намунаҳои F. Принсипҳои иерархияи визуалӣ

Шаблонҳои F ба саҳифаҳои матнии анъанавӣ ба монанди мақолаҳо ё паёмҳои блог муроҷиат кунед. Хонанда тарафи чапро скан мекунад саҳифаҳо Ҷустуҷӯи калимаҳои ҷолиб дар сарлавҳаҳои ба чап мувофиқатшуда ё ҷумлаҳои ибтидоии мавзӯъ, пас вақте ки ӯ бо чизи ҷолиб рӯ ба рӯ мешавад, таваққуф мекунад ва мехонад (ба рост). Натиҷа ба F (ё E ё чизе бо рахҳои боз ҳам уфуқӣ монанд аст; аммо истилоҳи "F" часпидааст).

Чӣ тавр шумо инро истифода бурда метавонед? Маълумоти муҳимро ба тарафи чап мувофиқ кунед ва сарлавҳаҳои кӯтоҳ, ғафс, тирҳо ва дигар унсурҳои шабеҳи таваҷҷӯҳро барои шикастани блокҳои параграф истифода баред.

Модели Z. Принсипҳои иерархияи визуалӣ

Намунаҳои Z ба дигар намуди саҳифаҳо, ба монанди таблиғ ё вебсайтҳое, ки дар он маълумот ҳатман дар параграфҳои блок пешниҳод карда намешавад, татбиқ кунед. Хонанда аввал қисми болои саҳифаро, ки эҳтимоли пайдо шудани маълумоти муҳим аст, скан мекунад, сипас ба кунҷи муқобил ба таври диагоналӣ мегузарад ва дар поёни саҳифа ҳамин корро мекунад.

Дизайнерҳои веб маъмулан саҳифаҳои худро тарҳрезӣ мекунанд, ки ба таври возеҳ ба ин рафтор мувофиқат кунанд, муҳимтарин иттилоотро дар кунҷҳо ҷойгир мекунанд ва дигар иттилооти муҳимро дар сутунҳои боло ва поён ва пайваст кардани диагоналӣ равона мекунанд.

Дар зер Дар тарҳрезии маҷлиси конфронси соли 2010 унсурҳои муҳим логотип мебошанд (аз чапи боло), тугмаи "Ҳозир ба қайд гирифтан" (аз рости боло) ва рӯйхати баромадкунандагон (поён), ки ба таври стратегӣ дар ҷойҳои зебои намунаи Z ҷойгир шудаанд.

2. Андоза муҳим аст. Принсипҳои иерархияи визуалӣ
_

Ин хеле оддӣ аст: одамон аввал чизҳои калонро мехонанд. Агар пеш аз он ки шумо ба таблиғи зер барои Вик ҷавон "тақсим" кунед, чашмони шумо ба "иҷрои кор" ҷалб карда шаванд, шумо бояд фавран ба равоншиноси дарккунанда муроҷиат кунед: эҳтимол шумо метавонед тавассути санҷиш ҳамчун аномалияи нодир пули хуб ба даст оред.

Ҷолиб он аст, ки ин тамоюл воқеан ба қадри кофӣ қавӣ аст, ки қоидаҳои аз боло ба поёнро рад кунад. Дар тасвири боло, "хак" "вақти амал"-ро ​​барҳам медиҳад, зеро он калонтар ва ба чап аст (аз ин рӯ, қоидаи аз чап ба рост кӯмак мекунад).

Аммо дар саҳифаи навбатии Ҳисоботи солона: Маъракаи ҳуқуқи башар 2012 (дар сутуни панҷуми ВАО таҳия шудааст) мо ба таври васеъ мехонем. шрифт "Мубориза барои баробарӣ дар пайраҳаи маърака" пеш аз матни бевосита дар болои он "Интихобот 2012". Принсипҳои иерархияи визуалӣ

"Интихобот 2012" дараҷаи баландтарини иттилоот аст: он ба мо мавзӯи умумиеро, ки маълумоти дар поён овардашуда ба он марбут аст, нақл мекунад. Аммо тарроҳон тасмим гирифт, ки унвони мақола барои хонандагон ҷолибтар бошад ва аз ин рӯ онро баҳогузорӣ кард, ки аввал хонда шавад.

3. Фазо ва матн. Принсипҳои иерархияи визуалӣ

Роҳи дигари ҷалби таваҷҷӯҳ аст ба мундариҷа барои нафаскашӣ фазои кофӣ диҳед . Агар дар атрофи тугма фазои назарраси манфӣ мавҷуд бошад ё сатрҳои блоки матнӣ ба таври васеъ пайгирӣ карда шаванд, ин унсурҳо ба хонандагон осонтар хоҳанд буд.

Тавре ки шумо дар тасвири зер мебинед (қисми сайти DrawtoClick), фосила метавонад алтернативаи шево ё иловаи истифодаи андоза бошад. Дар ин ҷо нуқтаи фурӯш, "Notre agence vouscompagne..." бо чопи хеле хурд навишта шудааст, аммо дар атрофи он фазои фаровони сафед иҳота шудааст, ки аҳамияти онро нишон медиҳад. Дар зер ибораҳои “Le Compendre”, “Le Réaliser” ва “Le Partager” таъкиди иловагӣ мегиранд, ки аз фазои атроф ҷудо шудаанд.

Вақте ки одамон дар бораи "текстура" дар робита бо иерархияи визуалӣ сӯҳбат мекунанд, онҳо таъсири графикии матнро дар назар надоранд. Баръакс, ин навъи "текстура" ба тартиб ё сохтори умумии фазо, матн ва ҷузъиёти дигар дар саҳифа ишора мекунад. Ин мисол аз Bright Pink консепсияро хуб нишон медиҳад:

Дар тасвири аввал калимаи "Варзиш" дар зинанизоми баландтар аз "бадминтон" аст, зеро он баландтар, калонтар ва далертар аст. Дар тасвири 2, ду калима тақрибан баробаранд, ба шарофати росткунҷаи сиёҳ, ки "бадминтон"-ро фарқ мекунад ва онро дар фазои худ мегузорад.

Дар тасвири сеюм, скриптҳои пасзамина фазои "Варзиш"-ро қатъ мекунад, аммо фазои "бадминтон"-ро қатъ мекунад ва аз ин рӯ боиси баръакс мешавад, ки дар он "бадминтон" баландтарин дар иерархия аст. Ин рушдро пешгӯӣ кардан душвор аст, аз ин рӯ дизайнерҳо аксар вақт онро бо ҳисси ҳамаҷонибаи "текстура" алоқаманд мекунанд.

4. Вазни ҳарф ва ҷуфтшавӣ. Принсипҳои иерархияи визуалӣ

Интихоби шрифт барои таъсиси иерархияи визуалӣ муҳим аст. Аз муҳимтарин сифатҳои ҳуруф вазн, паҳнои хатҳое, ки ҳарфҳои онро ташкил медиҳанд ва сабк, аз қабили сериф ва sans serif мебошанд. Дигар дигаргуниҳо, ба монанди курсив, низ метавонанд нақш бозанд.

Аҳамият диҳед, ки чӣ тавр гӯшмонак ба тартиби иерархияи калима дар тарроҳии веб дар поён барои Фабрикаи чой таъсир мерасонад: "Чойҳои комил барои гарм шудан ба шумо" номи бозӣ аст, аммо фарқият дар вазни ҳуруф ва курсив, ба ғайр аз ҷойгиркунии калимаҳо, бештар эҷод мекунанд. динамикӣ, камтар хатӣ, таҷрибаи хониш. "://azbyka.com.ua/foto/tea-factory.jpg" />

Дар баъзе мавридҳо, ҳадаф пешниҳоди иттилооти гуногун аст, ки якхела таъхирнопазир аст. Муқаррар кардани ҳама ба як андоза ва вазн баробарӣ таъмин хоҳад кард, аммо онро якранг месозад. Фарқияти шрифт як роҳи пешгирӣ аз ин аст, ба монанди муқоваи маҷаллаи Trendi дар зер. Принсипҳои иерархияи визуалӣ

Омода кардани брошюра барои чоп.

Дар ин ҷо, панҷ тизер дар атрофи саҳифа дар иерархия якхелаанд, аммо бо иваз кардани ду шрифти хуб ҷуфтшуда ба гуногунӣ ноил мешаванд - яке серифи миёнавазни ва дигаре санс-серифи сабук, вале баланд.

5. Ранг ва соя. 

Ин аст, ки боз як чизи ғайриоддӣ: рангҳои равшан аз рангҳои хомӯшшуда ё сояҳои хокистарӣ фарқ мекунанд, дар ҳоле ки сояҳои сабуктар "дуртар" пайдо мешаванд ва аз ин рӯ дар иерархия нисбат ба сояҳои бойтар ва ториктар пасттар меафтанд. Вебсайти "Дар куҷо ҳастанд онҳо" равшании дурахшон ва равшании рангинро бо эффекти шабакаи сиёҳ ва сафед ба таъсири равшанӣ муқоиса мекунад:

Вебсайти Guggenheim рангро барои таъкид кардани иттилооти муҳим, аз қабили интихоби макон, рӯйхати намоишгоҳҳои ҳозиразамон ва истинод ба намоишгоҳҳои махсус истифода мебарад. Принсипҳои иерархияи визуалӣ

Беҳтарин шрифт барои бастабандии фармоишӣ

Вебсайти Осорхонаи Уитни, аз тарафи дигар, иерархияро дар як ҳуруф, вазн ва оҳанг (сиёҳ) бо истифода аз ранг (яъне маънои илова кардани сафед ба оҳанги асосӣ ва сабуктар кардани онро дорад) муқаррар мекунад. "Кори Архангел дар фарҳанги поп" дар зинанизоми визуалӣ ба таври возеҳ дар зер "Нав дар Ҳикояҳои Уитни" ҷойгир аст, на танҳо аз сабаби он ки он пасттар аст, балки инчунин аз он сабаб, ки сояаш сабуктар аст ва онро дар заминаи сафед камтар намоён мекунад. Принсипҳои иерархияи визуалӣ

Дар ранг маънои махсус дорад тарҳи мобилӣ барномаҳое, ки андозаи экрани хурд қобилияти шуморо барои истифодаи стратегияҳои дигар, ба монанди тағирёбии андоза ва фосилаи васеъ маҳдуд мекунад. Дар барномаи Grainger Industrial Supply, тугмаи "Идома ба Checkout" сурх буда, онро дар ҳама саҳифаҳое, ки пайдо мешавад, фарқ мекунад. Панели натоиҷи ҷустуҷӯ, баръакс, хокистарранг буда, онро тақрибан дар иерархия ба унсурҳои дигар, ба монанди сатри ҷустуҷӯ ва истинодҳои маҳсулот баробар мекунад.

6. Роҳнамо барои тарроҳон.

Тарҳбандии саҳифаҳо одатан барои пайравӣ кардани шабакаи хатҳои амудӣ ва уфуқӣ тарҳрезӣ шудаанд, ҳам аз рӯи конвенсия ва ҳам азбаски он формати хондашаванда аст. Дар чунин система рохи нави барпо намудани иерархия мавчуд аст: вайрон кардани тор.

Матне, ки дар қади каҷ ё диагоналӣ ҷойгир шудааст, ба таври худкор дар муқобили матни блоки шабакавӣ ҷойгир шуда, марҳилаи марказиро мегирад. Ин дер боз як стратегияи муассир дар таблиғ буд, ба монанди плакати истгоҳи автобусҳои Frost Design.