Share
404 paginile de eroare reprezintă o ocazie excelentă de a arăta personalitatea unui site web, oferind în același timp ajutor utilizatorilor potențial confundați. Dacă ați lansat un site web fără a fi considerat pagini de eroare, trebuie să vă adresați imediat.
Acesta este un foc rapid și o privire distractivă la 404 de pagini de pe web - și le vom clasifica după cum urmează:
Pentru a afla mai multe despre cum să difuzați pagini personalizate de eroare, aruncați o privire la fișierele .htaccess pentru restul de noi de Dan Wellman. Pentru WordPress în mod specific, încercați să creați o pagină de eroare simplă 404 pentru teme WordPress.
Perfect funcțional, exact ceea ce doriți de la www.gov.uk/404.
Mesaj clar de la www.designernews.co/404.
Funcțional de la Foursquare foursquare.com/404.
Netflix, arătând că nu trebuie să se deranjeze cu clopote străine și fluiere www.netflix.com/404.
A fi brutal cinstit; M-aș fi așteptat ca uxpin.com/404 să ofere un traseu pentru a continua. Acestea oferă o modalitate pentru utilizatori de a raporta link-uri rupte, ceea ce este grozav, dar fluxul este încă întrerupt de lipsa unei căutări de intrare sau a unui link home.
Invisionul poate face o lucrare mai aprofundată a aceleiași abordări, inclusiv o cale de urmat cel puțin www.invisionapp.com/404.
Pagina 404 a paginii Airbnb oferă toate legăturile de care aveți nevoie în partea stângă, cu o animație simplă și minimalistă pe partea dreaptă. Curățată, clară și suficient de simplă pentru a vă ajuta să navigați pe utilizator înapoi pe site.
O abordare similară, minimalistă, dar creatoare de către Dropbox. dropbox.com/404
Știți că vine, dar vă garantez că veți mai pumni de câteva ori în comanda greșită pentru a-l auzi nouveller.com/404 (o treabă bună @BenjaminReid și @ iamkeir - mulțumesc pentru sugestia lui David Darnes).
Oh, nu, speram să găsesc - așteptați, sunt acele mânere bézier ?! www.figma.com/404.
Există într-adevăr un singur motiv pentru care ați vizita site-ul 1403 Vintage Mono Pro oricum, deci de ce să nu încercați textul dacă vi se dezlipesc? 1403.slantedhall.com/404.
Plasați cursorul peste această bufniță construită cu HTML și CSS ...
Amazon a creat această temă minunată, Faceți cunoștință cu câinii din Amazon și afișează acest link pe blogul lor pe pagina 404, amazon.com/404. De fiecare dată când aterizați pe pagina 404, este un câine diferit.
Vincent Vega se confruntă cu probleme în a afla unde ar trebui să se afle pe 9gag.com/404.
Animație excelentă de la marvelapp.com/404.
Dacă sunteți un fan al I.T. Mulțimea (ești, nu?) Nu va trebui să-ți spun ce se întâmplă în acest GIF. Consultați www.larkef.com/404 pentru original.
Zombie prezintă o mână frumoasă, animată, putrezitoare. Foarte atmosferic.
Mai multe GIF-uri, mai multe violențe, de la www.bloomberg.com/404. Mulțumită lui Luke Meehan pentru această sugestie.
Jură elefanți pe gradle.com/404.
Unele copie amuzantă de pe platforma de newsletter e-mail www.getrevue.co/404.
Teehan + Lax nu mai sunt activi ca o agenție, dar cei 404 trăiesc fericit pe ei. T + L a iubit injectarea de umor în produsele lor personale; această pagină de eroare nu face excepție, inspirându-se din "fotografii familiale incomode" www.teehanlax.com/404/.
Acum spune-mi că acest mesaj de la pixar.com/404 nu te-a făcut să zâmbești.
Păstrând identitatea mărcii, The New Yorker nu reușește niciodată. newyorker.com/404
Calming și atractiv, de la Studio Tubik.
Slack arată că această scenă delicioasă de defilare probabil nu este locul pe care îl urmărim. Deși cu iepurii lui gamboling și cu flora veselă nu prea am o problemă acolo fiind slack.com/404.
GIF magic și Pacman de la Arthur MB.
Colecția de pagini Emerald 404 cuprinde 24 de variante, toate fiind directe și ajung la punct.
RPZ este o colecție de două modele de pagini, fiecare cu patru alternative de culoare. Simplu și curat.
Ne cerem scuze de la echipa de la castle.io/404.
De asemenea, de la Litmus litmus.com/404.
O scuză cu motivul practic din Lego lego.com/404
Starbucks spune că îmi pare rău și oferă un motiv pentru ceea ce a mers prost și ce puteți face să renunțe. starbucks.com/404
Părtinitor? Poate, dar am iubit întotdeauna terminalul de calculator animat văzut pe propriul nostru 404 webdesign.tutsplus.com/404. Bine, un Iacov!
Fork CMS, profitând de o combinație clasică de mărci / piese www.fork-cms.com/404.
Recunoașteți aceste amprente? foundation.zurb.com/404
Acest bilet de zbor extrem de stilizat "pierdut în nori" este o modalitate excelentă de a prezenta o eroare de 404.
Mare sentiment din partea Adidas - ce altceva ați aștepta de la unul dintre cei mai mari motivați ai lumii? www.adidas.co.uk/404.
MailChimp, acei maeștri de a adăuga personalitate produselor, folosesc mascota lor Frederick von Chimpenheimer IV în cazul unei campanii de e-mail lipsă us1.campaign-archive1.com/404.
Cred că știm că este, bine? www.facebook.com/404.
IMDb.com/404 a transformat unele citate de film bine cunoscute pe citate de site. Există câteva acolo, de fiecare dată când aterizați pe 404, este un citat diferit.
Aceste exemple ar trebui să vă inspire să deveniți creativi cu propriile pagini de eroare 404. Tine minte:
Accentsconagua