4

Ką bendro turi Z-tipo interneto svetainės dizainas ir trikampiai?

2011/06/06 Autorius Kategorija Dizaino teorija

Trikampis yra vienas galingiausių įrankių web dizainerio arsenale,  padedančių
nukreipti žvilgsnį reikiama kryptimi. Šis kompozicijos įrankis vizualiuose menuose
naudojamas pakankamai ilgai. Tereikia prisiminti garsųjį Leonardo da Vinci
paveikslą „Paskutinė vakarienė“, kur trikampis buvo pagrindiniu kompoziciniu
elementu.

paveikslėlis iš designingfortheweb.co.uk

Kadangi mes pripratę skaityti tekstą iš kairės į dešinę, peršokdami į kairėje
žemiau esančią eilutę, žvilgsnis natūraliai išmoksta judėti trikampio forma.
Tokiu būdu trikampis tampa galingu vizualiniu įrankiu. Tačiau išlieka pavojus, jog
žvilgsnis šokinės tarp 3 trikampio taškų, praleidžiant informaciją esančią viduryje.

Svetainė codemonkeyforhire.com yra puikus trikampių panaudojimo web dizaine
pavyzdys.

codemonkeyforhire.com

Iš pradžių žvilgsnis natūraliai krypsta į logotipą, pažymėtą 1 numeriu. Toliau žvilgsnis
slysta prie „get started“ mygtuko, pažymėto 2 numeriu. Vėliau pastebime 3 numeriu
pažymėtą mygtuką.

Z-tipo dizaino išdėstymas

Z-tipo dizaino išdėstymas puikiai tinka interneto puslapio dizainui dėl anksčiau
minėto žmogaus pripratimo skaityti iš kairės į dešinę ir vėl kartojant procedūrą, kai
pereinama į žemiau esančią eilutę.
Z-tipo dizainas nėra universalus, tačiau puikiai pritaikomas. Svarbiausia suprasti, kaip
skirtingi interneto puslapių dizainai keičia interneto puslapio vartotojų patirtį.
Z-tipo interneto puslapio išdėstymas yra paprastas. Tereikia interneto puslapio
elementus išdėstyti Z raidės forma.

Z-tipo dizaino schema

Z linijų susikirtimo taškuose turime išdėlioti svarbius elementus. Akys savaime seks elementų išdėstymą.
Paskutiniame taške turėtume pridėti „vykdyti“ tipo mygtuką. Tarpuose tarp taškų turėtume patalpinti
informaciją, kuri ruoštų skaitytoją paspausti ant „vykdyti“ tipo mygtuko.

Z-tipo interneto puslapio pavyzdys

Šioje diagramoje svarbiausi, dėmesį pritraukiantys taškai sunumeruoti nuo 1 iki 4.
Paskutinis 4 taškas ir yra „vykdyti“ tipo mygtukas.
Iliustracijos zonoje turėtume patalpinti paveikslėlį ar paveikslėlių galeriją, padedančią
atskirti viršutinę ir apatinę puslapio dalis.
Teksto blokai, patalpinti 3 taške ir toliau akies judėjimo link 4 taško kryptimi, puikiai
tinka informacijai, padedančiai spustelti 4 taške esantį mygtuką, patalpinti.

Z-tipo interneto puslapio pavyzdys su žvilgsnio judėjimo kryptimi

Puslapio dizainas atrodo paprastas, dėl akies judėjimo nuo 1 iki 4 taško. Galutinis
taškas turi būti paryškintas ir atkreipiantis puslapio lankytojo dėmesį, taip padedant
šiam apsispręsti spustelėti ant mygtuko. 2 taškas taip pat turėtų išsiskirti. Antru
numeriu pažymėtas taškas puikiai tinka registracijos ar panašiam „vykdyti“ tipo
mygtukui patalpinti.

Z-tipo interneto puslapių pavyzdžiai:

medialoot.com

 

lionite.com

 

markmeup.co.uk

 

adflavor.net

 

 

Įkvėpta:
designingfortheweb.co.uk
webdesign.tutsplus.com

 

 

Tags: , , , , , , , ,

  • http://insaider.lt Tomas

    Įdomu kaip žydai įsisavina svetaines, nes kiek žinau jų knygos skaitosi iš kitos pusės :)
    (Gali būti, kad visai nusišnekėjau)

  • frogsign

    Žydai ir arabai skaito iš dešnės į kairę. Jiems turbūt reiktų apversto z-tipo dizaino, arba kažką kitą pritaikyti. Toks dizainas tinka tik lotynų ir dar kirilicos vartotojams

  • http://www.giedresblogas.lt Giedrė

    Aš lygiai tą patį pamaniau, kaip ir Tomas.

  • frogsign

    manau žydai gali sugalvoti kažką savo. Dauguma jų moka angliškai, todėl turėtų suprasti z-tipo dizainą :)