5 būdai, kaip naudoti perdangas

Autorius: Monica Porter
Kūrybos Data: 19 Kovas 2021
Atnaujinimo Data: 17 Gegužė 2024
Anonim
PERDANGA
Video.: PERDANGA

Turinys

Persidengimai yra puikus sprendimas, suteikiant vartotojui tikslingos sąveikos akimirką arba modalų atveju paprašant vartotojo priimti sprendimą dėl veiksmo arba įspėjant jį apie atsakymą ar klaidą. Dizaineriai pasirinko šį įrankį bet kokiems kitiems scenarijams, įskaitant portfelius, kontaktines formas, reklamą, išsamią informaciją apie krepšelį ir dar daugiau.

Gulintis policininkas

Perdangos pašalina vartotoją iš įprasto srauto. Jie panašūs į greitį. Vieno naudojimas veiksmui žiniatinklio programoje gali būti puikus būdas išlaikyti vartotojus centre ir sumažinti skambučius į serverį. Naujas „Twitter“ tai puikiai atlieka įgyvendindamas „tweet“ langą, kuris uždengia turinį, bet gali būti lengvai perkeltas, kad vis tiek būtų galima pasiekti toliau pateiktą turinį.

Tada yra modalinė perdanga, kuri yra daugiau stabdymo žiburys nei greičio mažinimas. Jie naudojami, kai svarbu padėti vartotojui sutelkti dėmesį į veiksmą, kurį reikia atlikti, kad jis galėtų judėti pirmyn arba gilintis į svetainę. Jie gali būti pateikiami kaip prisijungimo langelis, įspėjimas apie klaidą ar kažkas panašaus, pavyzdžiui, nuostatų tvarkytuvas. Perdangų ir modalų samprata yra gerai paaiškinta www.patternry.com/p=overlay.


Modalai dažnai yra per daug naudojami, nes juos galima taip lengvai įgyvendinti, o vartotojams jie kartais gali būti kliūtys. Paklauskite savęs, kodėl turinys neturėtų būti atskirame puslapyje. Ar tai padės vartotojui pamatyti modalo turinį? Jei ne, kodėl turėtumėte modalą? Kai kurios alternatyvos, kurias reikia apsvarstyti, yra stalčiai arba skaidrios. Kaip ir bet kuris interaktyvus elementas, pagalvokite prieš diegdami.

Penki pavyzdžiai, kuriuos reikia patikrinti

01. Relės maistas

„Relayfoods.com“ teikia el. Prekybos naudojimą modalinei perdangai, kuri padeda vartotojams pasiekti išsamią informaciją apie gaminius, apžvalgas ir kitas produkto miniatiūras.

02. Obuolys

Nuolat sumanūs „Apple“ žmonės sukūrė puikų pristatymą savo priekabų vaizdo įrašams. Jei užveskite pelės žymeklį virš vaizdo įrašo, pamatysite valdiklius ir miniatiūrų parinktis, kad galėtumėte peržiūrėti kitus vaizdo įrašus. Jei nesvyruojate, visa tai nukreipta į vaizdo įrašą.


03. WPkoderis

„WPcoder“, „mažos kūrėjų grupės, mėgstančių„ WordPress “, svetainė savo DUK turinį pateikia modalinėje perdangoje. Tai puikus pavyzdys, kai nedidelis kiekis turinio labiau tinka perdangoje nei atskirame puslapyje.

04. „Twitter“

„Twitter.com“ savo naujajai „tweet“ funkcijai naudoja perdangą, o vartotojams leidžia perkelti „tweet“ langą, kad pasiektų puslapio turinį.

05. Meno versija

Ši Čikagos dizaino bendrovės „Art Version“ perdanga padeda vartotojams įsitikinti, kad jų naujoji „Versions“ programa buvo pradėta atsisiųsti: puikus į pranešimą orientuoto modalo pavyzdys.


Naudokite atsargiai

Tikimės, kad šie pavyzdžiai gali padėti jums pasirinkti geriausią būdą įgyvendinti savo projektų perdangas ir galiausiai nuspręsti, ar perdangos yra netgi būtinos. Gerai naudojami perdangos gali suteikti papildomų funkcijų ir dėmesio programai ar svetainei, tačiau jas naudoti atsargiai. Jie gali įkąsti!

Žodžiai: Matthew Smithas

Šis straipsnis iš pradžių buvo rodomas internetinio žurnalo svetainėje.

Nauji Pranešimai
Suprasti fotoaparatą: 4 ekspertų patarimai
Skaityti.

Suprasti fotoaparatą: 4 ekspertų patarimai

Vieninteli varbiau ia įrenginy , kurį 3D menininka turi upra ti, yra ne kompiuteri ar pa irinkta 3D programinė įranga - tai kamera.Kai me matome pa aulį, ji linkę būti per fotoaparato objektyvą, ir tu...
Galutinis „Creative Cloud 2014“ vadovas
Skaityti.

Galutinis „Creative Cloud 2014“ vadovas

2013 m. „Adobe“ ukrėtė dizaino pa aulį užbaigdama avo tradicinį programinė įrango pardavimo modelį „Creative uite“. Taigi, nor , pavyzdžiui, vi dar galėtų nu ipirkti „Photo hop C 6“, C 7 nebūtų. Jei n...
Pateikite savo meną „ZBrushCore“
Skaityti.

Pateikite savo meną „ZBrushCore“

Jei jum at ibodo kelia valanda laukti 3D meno atvaizdavimo, turėtumėte patikrinti „ZBru hCore“ ir jo perteikimo proce ą, „Be t Preview Render“ arba BPR. Ja naudoti taip pat papra ta, kaip pa pau ti BP...