www.romver.ru
/ Полный список статей / Графическая сетка

Как заказать сайт


АБРАКАДАБРА (Тоже самое но в читаемом виде)

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.

grid.jpg

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:

  1. Vse razmeri i vse proporcii doljni bit' vzaimosvazani (blagodara setke - sm. prezentaciu nije).
  2. Zagolovok ekrana/stranici doljen bit': a) vizual'no zna4imim i razbor4ivim; b) kratkim i informativnim.
  3. 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/

3
Создание эксклюзивных сайтов, юзибилити анализ и бесплатный анализ под запросы основных поисковых машин
Контактная информация :
тел. +7(812) 984 5721

Написать письмо на e-mail
icq 415547094  romverрейтинг на mail.ru сайта romverinbox.ru
© 1997 - 2020 romver.ru

Полная карта сайта Display Pagerank