timpul de încărcare a paginii depinde de mai mulți factori. Unii dintre acești factori includ viteza conexiunii la Internet utilizat de dispozitivul sau elemente care alcătuiesc un site web pe care utilizatorii introduc. Oricare ar fi motivul pentru care, treaba ta ca un web designer pentru a face toate eforturile pentru a menține atenția vizitatorilor.
Cât timp utilizatorii sunt dispuși să aștepte un site pentru a încărca înainte de a părăsi pagina, uneori, în funcție de modul în care va fi capabil să-i distreze în timp ce așteaptă. O modalitate foarte bună de a atrage atenția utilizatorilor, în timp ce pagina este încărcată, este de a demonstra pagina de descărcare atractivă.
Iată câteva idei de efecte pe care le puteți aplica pentru a crea un web design de încărcare.
1. Indicator de descărcare melc (Helixbar)
Ai văzut vreodată că melc se mișcă foarte repede? Poate că văzut dacă au văzut Cartoon Turbo.
Dar dacă nu, și vrei să vezi ceva de genul asta, ca aceasta, utilizați indicatorul de încărcare cu un melc (sau Helixbar. Așa cum el a numit dezvoltator). Este o metodă foarte creativ pentru a înveseli timpul de așteptare al site-ului.
2. Bara de progres detaliat vertical
Personal, am ales acest indicator deoarece foloseste titluri creative pentru a distra vizitatorii în timp ce el asteapta pentru un site de download.
Folosind remarci extrem de spirituale pentru a ridica temperatura într-adevăr de pe site-ul tau. Sper doar că indicatorul ajunge la punctul de fierbere și încărcați site-ul dvs. înainte de a va face auto-vizitator.
3. cioburile: Piese plugin
Bucăți este un foarte creativ, dar, de asemenea, și chiar descărca un plug-in simplu, care oferă o gamă de peste 300 de animații descărcare. Vei vedea ce se poate produce transformarea magică cu pagina dvs. în timp ce utilizatorul este în așteptare pentru conținut rece de la tine!
4. CutJs motorului
Utilizarea CutJs motorului se va adăuga un pic jucăuș în design. Cu o schemă de culori cum ar fi de la Google. ecranul de boot va fi cu siguranță distractiv de a proiecta Google „disprețuitor“.
5. Animație descărcare de la Joakim Nilsson
Dacă sunteți în căutarea pentru download de animație care va da site-ul dvs. o atmosfera unica, acest lucru este ceea ce ai nevoie. Cu efectul nivelurilor de sarcină ca un sistem stereo, site-ul dvs. nu va fi similar cu altcineva.
6. Gears
Gears! Aceasta este ceea ce arată mișcarea! Acest efect de încărcare exact pentru cei care dezvolta site-uri web pentru companii de automobile și un joc de curse.
7. Tot la ultima picătură
Aceasta este o animație rece, puteți încerca să se adapteze la site-ul dvs. web. Ca și în rotație efectul de încărcare în animație utilizează simplu, și, în același timp, imagini creative, combinate cu culori pastelate. rotație simplă poate servi în continuare ca un efect de descărcare foarte distractiv.
8. Animation descărcare bazată pe CSS3
S-ar putea crede că acest lucru este pur și simplu un plagiat greșit icoane descărca Windows 8. Dar nu, te înșeli. Acesta este un alt aspect la această animație.
În dragoste cu efectul de încărcare pe site-ul Flickr.com. Iată o copie exactă a acestui efect! Întoarce-l în site-ul dvs. și de a lua flickr -cum ar fi starea de spirit!
10. Ricochet descărcare
Aceasta este, probabil, cel mai ușor de boot animație prezentat în această listă, dar chiar nu a venit cu ideea de a fi scos din acest articol. Nepretențioasă deoarece poate părea, animația va fi eficientă, deoarece este mai ușor și mai rapid pentru a descărca decât cele mai multe în acest articol animații.
concluzie
Puteți transforma întotdeauna un efect plictisitor orizontal de descărcare în ceva care va face vizitatorii gâfâie. Și dacă ești un web designer, creând acest efect este în mâinile tale!
Pe ea va trebui să-și petreacă ceva timp. Veți avea nevoie pentru a pune o mulțime de efort și răbdare. Dar, precum și animație de boot, trebuie doar să lucreze și să aștepte. Și, la urma urmei, ceva minunat.
Traducerea articolului „10 Page Se încarcă efectele pe care dvs. de captură Viewer Atenție» a fost pregătit de o echipă de proiect prietenos Web design de la A la Z.