11 paskaita. Dizaino sistema. Spalvos.

Kas yra dizaino sistema?

• Dizaino sistema yra visų UI naudojamų elementų, vadinamų komponentais, hierarchinė struktūra.

• Dizaino sistema yra mūsų web dizainas - viskas kas bus sukurta Figmoje, įskaitant wireframus, puslapių dizainus ir visa kita.

• Sistema, kuri nurodo kaip kurti UX'ą.

Answer explanation

Dizaino sistema yra visų UI naudojamų elementų, vadinamų komponentais, hierarchinė struktūra.

Kas NEįeina į dizaino sistemą:

• Spalvos

• Mygtukai

• Konkurentų svetainių spalvos.

• Šriftai

Answer explanation

Į dizaino sistemą įeina:

1. Spalvos - spalvų paletė

2. Tekstai (labels) - tipografinė skalė

3. Mygtukai

4. Teksto įvedimo laukai (inputs)

5. Ikonos, iliustracijos

6. Ir kiti sudėtiniai komponentai.

Į dizaino sistemą įeina tik konkrečios svetainės/temos stiliai, kurie bus panaudojami dizaine. Konkurentų svetainių stiliai į dizaino sistemą neįeina.

Ar tiesa, kad dizaino sistemoje, spalvų dalį sudaro: 1. pirminės spalvos, 2. antrinės spalvos (įskaitant sistemines klaidų raudoną ir sėkmingų pranešimų žalią spalvas), 3. pilkų spalvų paletė.

• Taip

• Ne

Answer explanation

Taip, tiesa. Dizaino sistemoje, spalvų dalį sudaro: 1. pirminės spalvos, 2. antrinės spalvos (įskaitant sistemines klaidų raudoną ir sėkmingų pranešimų žalią spalvas), 3. pilkų spalvų paletė.

Ar reikia patikrinti spalvų kontrastą naudojantis įrankiais internete?

• Galima spalvų kontrastą patikrinti "iš akies" - tiesiog taip, kaip mums atrodo.

• Spalvų kontrasto nereikia tikrinti.

• Spalvų kontrastą būtina patikrinti, tam, kad tekstas būtų lengvai įskaitomas, o nedideli elementai (kaip ikonos), būtų gerai matomi.

Answer explanation

Spalvų kontrastą reikia patikrinti naudojant įrankius, pavyzdžiui, https://webaim.org/resources/contrastchecker/

Spalvų kontrastą būtina patikrinti, tam, kad tekstas būtų lengvai įskaitomas, o nedideli elementai (kaip ikonos), būtų gerai matomi.

Dėl per mažo spalvų kontrasto, pavyzdžiui, jeigu per tamsus tekstas užrašomas ant per tamsaus fono, bus sunku skaityti arba visai nesimatys tekstų, įžiūrėti elementus jeigu monitorius labai užtamsintas, į monitorių švies saulė.

Koks turi būti mažiausias spalvų kontrastas? (Patikslinimas: kai tikrinamas 16px teksto spalvos kontrastas)

• 2.5

• 3.5

• 4.5

• 5.5

Answer explanation

Pagal prieinamumo reikalavimus, spalvų kontrastas turi būti ne mažesnis negu 4.5.

Visos ikonos turi būti lygiuojamos:

• vienoje vertikalioje linijoje

• vienoje horizontalioje linijoje