7 paskaita. Puslapio erdvė ir prisitaikantis dizainas

Pažymėkite teisingą atsakymą apie prisitaikantį dizainą (responsive design)?

• Prisitaikantis dizainas yra fiksuotas (fixed) dizainas.

• Prisitainkančiame dizaine turinys atvaizduojamas patogiai ir įskaitomai nepriklausomai nuo naudojamo ekrano dydžio.

• Prisitaikantis dizainas yra dizainas, kuris neprisitaiko prie naudojamo ekrano dydžio.

Answer explanation

Prisitaikančiame (responsive) dizaine turinys atvaizduojamas patogiai ir įskaitomai nepriklausomai nuo naudojamo ekrano dydžio.

Prisitaikantis dizainas yra adaptive (adaptyvus) + fluid (takus) dizainas.

Adaptyvus dizainas yra tada kai dizainas keičia savo dizaino dydį priklausomai nuo ekrano dydžio, tačiau nekeičia išdėstymo.

Takus (fluid) dizainas yra tada, kai elementai dizaine keičia savo išdėstymą, pavyzdžiui, vietoje 3 stulpelių dideliame monitoriaus ekrane, mažesniame mobilaus telefono ekrane , informacija yra nukeliama į 1 stulpelį.

Kas yra tinklelis (grid) web dizaine:

• Vertikalios linijos, sudarančios svetainės turinio struktūrą.

• Vertikalios ir horizontalios linijos sudarančios dizaino turinio struktūrą.

• Vertikalios, horizontalios ir įstrižos linijos sudarančios dizainio turinio struktūrą.

Answer explanation

Web dizaine tinklelis (grid) yra vertikalios linijos, sudarančios svetainės turinio struktūrą.

Margins (paraštės) reikšmė yra:

• Atstumas objekto viduje.

• Stulpelio plotis.

• Atstumas nuo objekto išorinių kraštų (arba border (rėmelio) iki tėvinio elemento (arba šalia esančių elementų).

• Atstumas tarp stulpelių.

Answer explanation

Paraštės (margin) yra atstumas nuo objekto išorinių kraštų (arba border (rėmelio) iki tėvinio elemento (arba šalia esančių elementų).

Ką reiškia gutters?

• Atstumas nuo objekto išorinių kraštų (arba border (rėmelio) iki tėvinio elemento (arba šalia esančių elementų).

• Atstumas objekto viduje.

• Stulpelio plotis.

• Atstumas tarp stulpelių. Arba tarpelis tarp stulpelių.

Answer explanation

Gutters yra tarpeliai tarp stulpelių/kolonėlių.

Web dizaine beveik visada naudojamas grid (tinklelio) tipas yra:

• Rankraščio

• Stulpelių

• Bazinės linijos

• Modulinis

Answer explanation

Web dizaine beveik visada naudojamas grid (tinklelio) tipas yra: Stulpelių.

Kas yra tinklelio lūžio taškas:

• Maksimalūs ir minimalūs ekrano (naršyklės) dydžiai, kuriuos pasiekus keičiasi tinklelio struktūra - kolonų skaičius.

• Dizainas, kuriame tekstas užeina ant nuotraukos.

Answer explanation

Kas yra tinklelio lūžio taškas yra maksimalūs ir minimalūs ekrano (naršyklės) dydžiai, kuriuos pasiekus keičiasi tinklelio struktūra - kolonų skaičius.

Desktop (monitoriaus ekrano) dydžio web dizaine naudojamas stulpelių skaičius:

• 16

• 12

• 8

• 6

• 4

Answer explanation

Desktop (monitoriaus ekrano) dydžio web dizaine naudojamas stulpelių skaičius: 12

8 px taisyklė nusako, kad fiksuoto dydžio elementai (konteinerio aukštis, plotis, atstumas, paraštė, tekstų dydis, eilutės aukštis ir pan.) turėtų būti skaičiaus 8 kartotinis.

• Taip

• Ne

Answer explanation

Taip. 8 px taisyklė nusako, kad fiksuoto dydžio elementai (konteinerio aukštis, plotis, atstumas, paraštė, tekstų dydis, eilutės aukštis ir pan.) turėtų būti skaičiaus 8 kartotinis.

8 px taisyklė svarbesnė už elementų išdėstymą tinklelyje (grid).

• Taip

• Ne

Answer explanation

Teisingas atsakymas - Ne. Pirmiausia remiamės elementų išdėstymu į gridą, o tik tada kitus elementų parametrų dydžius skaičiuojame remdamiesi 8 px taisykle.

8 px taisyklė apsunkina UI/UX Web dizainerio darbą, nes reikia daugiau skaičiuoti.

• Taip

• Ne

Answer explanation

Teisingas atsakymas - Ne. 8 px taisyklė padeda UI/UX Web dizaineriui apskaičiuoti vienodus atstumus tarp elementų, išlaikant vienodą ritmą. O galutinis dizainas bus tvarkingesnis ir turės vientisumo jausmą.