Siatka

Wstęp

Forma, struk­tura, syme­tria, logika, bliskość, spójność. Syn­on­imów stanu rzeczy, którą możemy osiągnąć dzięki niej, jest wiele. Siatka jest prosta, ale nie prymi­ty­wna, w pro­jek­towa­niu WWW — obowiązkowa.

Rozsz­erze­nie

Z ang. grid, czyli siatka, to dwuwymi­arowa struk­turą linii poziomych i pio­nowych przeci­na­ją­cych się w określony sposób. Typografom offline’owym znana z lat 30’tych ubiegłego wieku, mimo iż na początku wieku XXI znacze­nie siatki, szczegól­nie w żółtej prasie, spada. W web desig­nie zaczyna nabierać znaczenia (mam nadzieję, że w Polsce również). Siatkę znamy z zeszytów, siatkę znamy z papieru milimetrowego, sto­su­jemy ją w życiu codzi­en­nym (np. wiesza­jąc obraz w ramce na ścianie). Z kolei pro­gramiści Java poz­nają grid lay­out już na etapie wprowadza­nia w język.

Grid w Internecie

Siatka jest po to, by być “high class”. Dlaczego tak piszę? Mało kto w Webie zwraca na nią szczególną uwagę. Cieszy mnie to, że blogerzy zaczy­nają coraz poważniej do niej odnosić się. Jeśli widz­imy wyrów­nane mar­gin­esy, poprawnie zas­tosowany white­space, praw­idłowe log­icznie pogrupowane ele­menty zaczy­namy się tym zach­wycać, lub mówić, że “to jest to!”, a prze­cież tak powinno być…
Zdarzała się sytu­acja, że klient zamaw­ia­jący design, w momen­cie wery­fikacji celu kręci nosem bur­cząc, że “Coś jed­nak jest nie tak, ale nie wiem co. Spróbu­jmy może inne położe­nie tego ele­mentu czy zwiększmy/zmniejszmy czcionkę”. Zami­ast tego wystar­czyło wrzu­cić pro­jekt na siatkę i wszys­tko poustaw­iać zgod­nie z przez­nacze­niem, na swoje miejsca.

(Zły) przykład

Ten widok mi mówi “roz­jeżdża się”.
Cza­sami to się wyda pedan­tyzmem dla pro­gramistów, web­mas­terów czy innych pra­cown­ików, ale tak MUSI BYĆ.

Rozsz­er­zona treść dostępna dla sub­skry­ben­tów RSS. Zapisz się, by wiedzieć więcej.

Pod­sumowanie

Min­i­mal­isty­cznie: włącz­cie grida w Pho­to­shopie przed akceptacją/oddaniem pro­jektu.
Maksy­mal­isty­cznie: prze­jdźmy przez mozolny etap przy­porząd­kowa­nia wszys­tkim ele­men­tom swo­jego równego miejsca — zaowocuje przy każdej kole­jnej iter­acji real­iza­cji pro­jektu.
Chyba czas zatrud­nić grid-designera z offline’u

Be Socia­ble, Share!

•