Smart Tiles Ievads
Elements, kas reaģē, kad to sasniedz rādītājs, apmeklētājam vēl pirms klikšķa pasaka: «šī ir poga». Smart Tiles piedāvā deviņas šādas reakcijas — no maigas aptumšošanas līdz pilnīgai krāsu apgriešanai —, katru ar regulējamu stiprumu un pārejas laiku. Šajā rakstā aprakstīti iestatījumi, tas, ko dara katrs efekts, un kuras kombinācijas darbojas labi.
Efekta iespējošana
- Atveriet lapu rediģēšanas režīmā un noklikšķiniet uz Rediģēt tīmekļa daļu, lai atvērtu rekvizītu rūti.
- Grupā Izskats ieslēdziet Lidojuma efekts. Zem slēdža parādās vēl trīs vadīklas.
- Sarakstā Efekts izvēlieties efektu.
- Iestatiet stiprumu ar slīdni zem saraksta. Tā uzraksts — Procents (%), grādi vai pikseļi — ir atkarīgs no efekta.
- Iestatiet pārejas Ilgums — no 0 līdz 5 sekundēm ar soli 0,1.
Novietojiet rādītāju virs elementa lapā, lai redzētu rezultātu; iestatījumi tiek lietoti nekavējoties.
Deviņi efekti
Efekti ir pārlūkprogrammas attēlu filtri, kas tiek lietoti visam elementam — fonam, ikonai un tekstiem kopā. Pēc tā, ko nozīmē to stiprums, tie iedalās divās grupās.
Efekti, kuriem 100 % ir oriģināls. Zemākas vērtības samazina īpašību; elements atgriežas normālā stāvoklī, kad rādītājs to atstāj.
| Efekts | Pie zemākām vērtībām |
|---|---|
| Spilgtums | Elements kļūst tumšāks. 70–85 % ir klasisks «nospiestas pogas» izskats; 0 % ir melns. |
| Kontrasts | Krāsas saplok pelēkā virzienā. 50 % dod maigu, izbalējušu elementu. |
| Piesātinājums | Krāsas izbāl pelēkā virzienā, saglabājot spilgtumu. 0 % ir vienkrāsains elements. |
| Necaurspīdīgums | Elements kļūst caurspīdīgs, un cauri redzama lapa. 70–80 % ir smalki; pie 0 % elements pazūd. |
Efekti, kuriem 0 % ir oriģināls. Augstākas vērtības lieto vairāk efekta.
| Efekts | Pie augstākām vērtībām |
|---|---|
| Pelēktoņu | Krāsas tiek noņemtas; 100 % ir melnbalts elements. |
| Sēpija | Elements iegūst siltu brūnganu nokrāsu; 100 % ir pilnībā sēpijas toņos ieturēts elements. |
| Krāsu apgriešana | Krāsas tiek apgrieztas; 100 % balto elementu padara melnu, bet zilo — oranžu. 20–30 % dod pamanāmu, bet ne kliedzošu izmaiņu. |
Efekti ar citām mērvienībām.
| Efekts | Mērvienība un darbība |
|---|---|
| Krāsu pagriešana | Grādi, 0–360. Pārbīda katru elementa krāsu pa krāsu apli: pie 180° zilā kļūst oranža, bet zaļā — madženta; 360° atkal ir oriģināls. Mazas vērtības (15–30°) dod dzīvīgu nobīdi, kas paliek sākotnējās krāsas saimē. |
| Aizmiglošana | Pikseļi, 0–20. Padara elementu miglainu; 1–2 px ir maiga fokusa maiņa, 5 px un vairāk padara virsrakstu nesalasāmu. |
Katras mērvienības stiprums tiek atcerēts atsevišķi: pārslēdzoties no Spilgtums pie 70 % uz Krāsu pagriešana un atpakaļ, 70 % tiek atjaunoti.
Ilgums
Ilgums ir laiks, kurā elements pāriet no sava parastā izskata uz efektu — un atpakaļ, kad rādītājs to atstāj. Pie 0 izmaiņa ir tūlītēja; 0,2–0,4 s šķiet atsaucīgi; viss virs 1 s navigācijai šķiet lēns. Pāreja notiek abos virzienos, tāpēc elements nekad «neielec» atpakaļ.
Tastatūra un pieejamība
Efekts tiek lietots ne tikai zem rādītāja, bet arī tad, kad elements saņem tastatūras fokusu, tāpēc apmeklētāji, kas pārvietojas ar tabulēšanas taustiņu, saņem to pašu atgriezenisko saiti, ko apmeklētāji ar peli.
Ja operētājsistēmā ir iestatīta kustības samazināšana — Reduce motion operētājsistēmās macOS un iOS, izslēgti Animācijas efekti sistēmā Windows —, pāreja tiek izlaista: efekts joprojām parādās, bet uzreiz, bez animācijas.
📝 Piezīme
Efekti tiek iestatīti katrai tīmekļa daļai atsevišķi. Divas Smart Tiles tīmekļa daļas vienā lapā var izmantot dažādus efektus, vai viena no tām — nevienu.
Ieteicamie iestatījumi
- Noklusējuma izvēle: spilgtums 80 %, ilgums 0,2 s. Darbojas uz krāsainiem elementiem, fotoattēliem un tumšajos dizainos.
- Smalks, vienkrāsainiem paneļiem: kontrasts 60 % vai piesātinājums 40 %, ilgums 0,3 s. Elements zem rādītāja kļūst maigāks, nemainot krāsu.
- Rotaļīgs: krāsu pagriešana 20°, ilgums 0,4 s. Elements nobīdās uz blakus esošo nokrāsu un atpakaļ.
- Fotoattēlu elementi: necaurspīdīgums 85 % vai spilgtums 75 %; aizmiglošana 1 px dod objektīvam līdzīgu fokusa maiņu.
- Izvairieties no krāsu apgriešanas un krāsu pagriešanas ar augstām vērtībām elementiem zīmola krāsās — elements zem rādītāja rāda krāsas, kas nav jūsu.
❗ Svarīgi
Efekts maina visu elementu, tostarp tekstu. Pārbaudiet, vai virsraksts izvēlētajā stiprumā paliek salasāms — spilgtums zem 50 % vai necaurspīdīgums zem 60 % padara baltu tekstu uz tumša elementa grūti salasāmu tieši tajā brīdī, kad apmeklētājs gatavojas noklikšķināt.
💡 Padoms
Pārējie grupas Izskats iestatījumi ir aprakstīti rakstā KB10042. Kā pievienot un konfigurēt Smart Tiles tīmekļa daļu.
Uzziniet vairāk par produktu: https://vitextra.com/lv/products/smart-tiles