Setka i vizual'naa ierarxia “Setka - eto razmetka
kolonok, poley, oblastey teksta i illustraciy. Setka - eto instrument, kotoriy
vnosit v dizaynerskoy re6enie poradok i jestkuu strukturu.” Devid Debner 6kola
grafi4eskogo dizayna.
Veb-stranica, kotoraa imeet 4etkuu vizual'nuu ierarxiu (primer ierarxii:
zagolovok stranici -> blok s glavnoy novost'u -> blok s drugimi novostami
i t.d.), uskoraet rabotu pol'zovatela, delaet ee bolee komfortnoy, priatnoy i
spokoynoy (poradok - sinonim spokoystvia - “vse v poradke” :).
Setka - eto kosti vizual'noy ierarxii, a cveta, razmer, kontrast (sm. stat'u
Pro kontrast), forma
elementov i pr. - eto ee plot'.
Dalee a rasskazivau o razli4nix funkciax setki i delus' s vami o4en'
poznavatel'noy prezentaciey, kotoruu a raskopal v Seti paru dney nazad.
Setka dla garmonii A uje
rasskazival pro prezentaciu Vlada Golova4a Iz grazi v knazi: Tri
pravila dizayna elegantnix interfeysov, v kotoroy on pokazivaet kak
vipolnenie vsego-li6' trex prostix pravil mojet sdelat' iz g… interfeysa
elegantnuu i akkuratnuu konfetku. Vot eti tri pravila:
Vse razmeri i vse proporcii doljni bit' vzaimosvazani (blagodara setke - sm.
prezentaciu nije).
Zagolovok ekrana/stranici doljen bit': a) vizual'no zna4imim i razbor4ivim;
b) kratkim i informativnim.
Fon doljen bit' ili belim ili 4ernim.
V prezentacii Vlad Golova4 primenaet eti tri pravila k desktopnomu prilojeniu
i bukval'no na na6ix glazax interfeys programmi menaetsa v lu46uu storonu,
stanovas' bolee garmoni4nim i celostnim.
Setka dla poradka Na dnax a na6el o4en' interesnuu
prezentaciu Khoi Vinh (Subtraction.com)
& Mark Boulton (MarkBoulton.co.uk),
kotoruu oni predstavlali na konferencii SXSW Interactive’2007.
V prezentacii v popularnoy forme rasskazivaetsa ob istorii setki, o ee celax
i t.d. No samaa interesnaa fi6ka prezentacii - eto primer raboti s setkoy.
Avtori vzali v ka4estve primera sayt (kstati, Yahoo.com) i razrabotali dla nego
novuu setku. V processe raboti avtori izmenili komponovku mnogix elementov
glavnoy stranici Yahoo.com. V rezul'tate polu4ilas' zna4itel'no bolee elegantnaa
i stil'naa glavnaa stranica.
Takje vi mojete
poslu6at' audio-podkast doklada.
Vlad Golova4 rassmotrel vtori4nuu funkciu setki, a imenno sposob privazat'
elementi interfeysa drug k drugu, dobavi6is' tem samim celostnosti (vseob6aa
vzaimosvaz'), prostoti (minimum raznix razmerov elementov i pauz) i, kak
sledstvie, garmoni4nosti v vospriatii kartinki. Dla togo, 4tobi dobit'sa takogo
rezul'tata nujno: viravnat' elementi drug otnositel'no druga, rasstavit'
proporcional'nie pauzi mejdu elementami , ispol'zovat' garmoni4nie proporcii v
pauzax i razmerax elementov.
Khoi Vinh & Mark Boulton rassmotreli v svoem doklade osnovnuu funkciu
setki:
The grid is the most vivid manifestation of the will to order in graphic
design.
Setka - naibolee nagladnoe proavlenie poradka v grafi4eskom
dizayne.
Setka nujna v pervuu o4ered' dla togo, 4tobi sozdat' poradok na stranice i
sformirovat' osnovu dla postroenia vizual'noy ierarxii, kotoraa pozvolit
pol'zovatelu “s4itivat'” dizayn tak je asno i bistro, kak mi po4ti instinktivno
s4itivaem bukvi v slovax - sleva-napravo.
Vivodi Daje esli vi - ne grafi4eskiy dizayner, a
proektirov6ik interfeysov i v va6i obazannosti vxodit razrabotka prototipov,
setka pomojet vam v sozdanii ne tol'ko bolee garmoni4nix, no i bolee
uporado4ennix prototipov.
Poradok na stranice - eto osnova dla sozdania 4etkoy vizual'noy ierarxii,
kotoraa pozvolaet upravlat' vnimaniem pol'zovatela i “vesti” ego po stranice i
saytu. Takoe nenavaz4ivoe sodeystvie ne tol'ko uskoraet rabotu pol'zovatela, no
i delaet ee bolee komofortnoy i priatnoy. s guicci.ru/2007/09/09/graficheskaya-setka/