19 Uimitoare site-Uri Interactive pentru Inspirație

În tehnologia de azi, designerii au fost creativ adăugarea de elemente interactive pentru a site-uri web în bizară și moduri unice, în acest articol, vă vom arăta 20 de site-uri interactive care le-am colectat pentru doar pentru tine. Deci, apuca un scaun confortabil, stai pe spate și să aruncăm o privire la 20 de site-uri interactive se răcească.,Wava este un blog de artă dedicat promovării muncii creațiilor vizuale emergente, primul design al site-ului care mi-a atras atenția a fost navigarea.

explorarea site-ului se simte ca și cum ai merge la o bibliotecă sau căutați prin dosare într-un dulap de evidență.

chiar și atunci când faceți clic pe un profil al unui artist nu vă duce la o altă pagină în mod tradițional ca alte site-uri web, în schimb, se schimbă și portofoliul artistului începe să se estompeze, dând un efect de tranziție frumos.,partea interactivă a web design – ului este subtilă, dar în același timp îmbunătățește aspectul profesional al site-ului în sine cu tweenings simple. O metodă excelentă atunci când vine vorba de aranjarea blogurilor individuale, aspectul îngrijit și ordonat face ca Wava să iasă în evidență de alte site-uri de blog.

ghid de Crăciun polonez

aflați tradiția poloneză de Crăciun cu acest site interactiv în cazul în care vă controlați Moș Crăciun și să colecteze cadouri care reprezintă tradițiile.,

stilul site-ului un desen animat prietenos pentru copii, folosind forme simple pentru a crea un stil atrăgător.scopul în site-ul este de a controla Mos Craciun de defilare sau folosind tastele săgeată pentru a explora și de a găsi cadouri pentru a afla mai multe despre modul în care Polonia sărbătorește vacanță, de fiecare dată când colecta un element se declanșează o animație a elementului sărind în sania ta.animația lui Moș Crăciun însuși este mai degrabă desen animat atunci când trage și împinge sania în funcție de direcția pe care o luați.,odată ce colectați toate datele despre vacanță, acesta trimite un mesaj pentru a ajuta la răspândirea conștientizării despre copiii care nu ajung niciodată să aibă Crăciunul cu o linie de asistență.

un site distractiv cu o cauză emoționantă pentru a ajuta pe cei nefericiți în timpul vacanței, care este vorba despre dăruire.

jargonul bunicii mele:

acest site vă învață cuvinte despre Marra, o limbă aborigenă australiană care este încet uitată. Folosind microfonul, înveți cum să vorbești fraze în marra pentru a progresa prin intermediul site-ului web.,

pe măsură ce aflați mai multe despre marra, aflați și despre povestea și motivația din spatele site-ului web.

la sfârșitul site-ului, sunteți dus pe harta Australiei, oferindu-vă opțiunea de a împărtăși jargonul mamei pentru a ajuta la menținerea limbii în viață.

acest site deține o metodă de interacțiune care nu numai că este captivantă, ci o folosește într-un mod care ajută la susținerea cauzei. Cu combinația de interacțiune, animație și stil frumos, merită cu siguranță să verificați.,

Hrăni:

Hrăni este o agenție care se concentrează pe digital branding și marketing, site-ul lor prezinta pe ce 22 de om compania poate face.

modul în care navigați prin site-ul web atunci când derulați în sus sau în jos se simte satisfăcător atunci când vizionați animația construind Pagina următoare chiar în fața ochilor dvs., ca o etapă care se reunește.cea mai atrăgătoare animație grafică de mișcare de pe site-ul web este de pe prima pagină, unde primul lucru pe care îl vedeți este o animație complexă în buclă.care reprezintă fiecare etapă a fluxului de lucru al companiei., Un web design creativ pentru o companie creativă.

30 bucati, 30 de specii:

30 bucati, 30 de specii construiește conștientizare prin construirea de treizeci de specii pe cale de dispariție cu 30 de piese care pot forma fiecare animal de defilare sau a permite site-ul pentru a trece prin fiecare animal.puteți alege apoi unul dintre cele 30 de animale și puteți afla mai multe despre data descoperirii, istoria populației sale, un videoclip despre animal și un link care duce la un alt site web care încearcă să vă ajute cu opțiunea de a vă invita să vă alăturați cauzei.,dacă sunteți un fan al designului grafic și al ajutorării animalelor pe cale de dispariție, acest site web este pe Aleea dvs. cu stilul și animația sa unică.

Amur Tigru Centru

Un autonomă, organizație non-comercial stabilit pentru conservarea populația de tigrul Amur, acest site educă cu fapte despre Amur tigru, ce starea populației este în și arată proiectele care organizația le face pentru a ajuta la conservarea tigri Amur în timp ce derulați prin și pentru a viziona conținutul desfășura în sine.,o secțiune a site-ului numită Despre tigrul Amur este ilustrată de picturi animate frumoase precum o carte de povești în mișcare.pentru utilizatorii mai tineri, există o pagină mini-joc în cazul în care te joci ascunde și de a căuta cu un grup de animale de desene animate, o distracție, și joc educativ pentru a ajuta copiii să înțeleagă tigrul Amur.în general ,site-ul este configurat bine, cu scopul de a proteja animalele magnifice.,

Mapstd:

Un joc turn de aparare în cazul în care puteți alege unde să-și apere oriunde în lume, folosind Google maps, se joacă ca un joc turn de aparare în cazul în care ai loc diferite ace colorate pentru a apăra dumneavoastră de bază de la sosite dușmani și de a supraviețui pentru atâta timp cât poți, atunci când șansele sunt încet împotriva ta cu fiecare rundă.puteți schimba aspectul hărții în aspectul tradițional Google maps, satelit sau colorat în apă, personal aspectul acuarelă pare cel mai distractiv de jucat.,este o distracție pic risipitor de timp și cu întreaga lume pentru a juca pe aveți mai multe opțiuni pentru a juca și apăra.

L Trezesc:

Un site amuzant, care începe cu un mini-joc în cazul în care obiectivul este de a trezi browser-ul web prin utilizarea de fișiere, cum ar fi muzica tare sau aruncarea unui fișier imagine de pe un papuc în fața sa, înainte de expirarea timpului, site-ul a fost creat pentru a promova animație pentru a ajuta la a aduce site-ul la viata.,animația pentru fiecare fișier cu care interacționați face experiența destul de distractivă atunci când vedeți reacția browserului web și încercați să reveniți la somn.cu siguranță merită să vizitați site-ul web și să încercați să treziți browserul.

Noisli:

Acesta este un site bun pentru a utiliza, dacă aveți probleme să se concentreze pe munca sau încercarea de a te relaxa, stil simplu, dar foarte personalizabil.

stilul nu este cel mai complicat, deoarece site-ul în sine nu ar trebui să fie.,

simbolurile pentru fiecare audio din care să alegeți oferă ideea despre ce va fi sunetul și, cu ajutorul cadranelor reglabile, puteți crea atmosfera potrivită pentru a vă ajuta să vă concentrați mintea asupra muncii sau chiar să vă relaxați după muncă.

în interiorul Abbey Road:

folosind funcția Google map street view, în interiorul Abbey Road vă permite să parcurgeți o călătorie virtuală în, bine, faimoasele studiouri Abbey Road, desigur.,pentru cei care nu pot merge fizic să vă viziteze prin fiecare cameră și să învețe 86 de ani de istorie, explorând prin studio descoperiți orchestre și muzicieni care au folosit studioul pentru înregistrare. Oferindu-vă libertatea de a privi liber în jurul tuturor camerelor de la fiecare etaj ascultând comentariul și aflând trivia interesante.

MARKETING DIGITAL BOOTCAMP

Aflați mai multe despre industria noastră concentrat curs:

VEZI CURS

Te simti ca si cum esti acolo., Merită să verificați dacă sunteți interesat de studioul Abbey Road sau dacă sunteți interesat de ceea ce Londra are de oferit, ar trebui să verificați cu siguranță acest site web.

Kolmården Zoo:

Kolmården este o pădure mare care separă suedeză provincii de Södermanland și Östergötland, site-ul lor, introduce un 3D render de vedere pentru a arăta ceea ce pot oferi pentru vizitatori.,deplasarea în diferite zone ale grădinii zoologice vă permite să aflați despre toate animalele pe care le au în rezervație, precum și alte atracții, cum ar fi montagne russe și un parc de joacă pentru copii.este ușor de navigat și o distracție de privit cu stilul său Sims esque cu combinația de fotografii ale grădinii zoologice.

Envato elemente:

acum, pentru ceva un pic mai mult pe design grafic, acest lucru este Envato elemente.un site web care are o colecție mare de teme, fotografii, fonturi și grafică pentru a ajuta publicul să-și scoată produsele/serviciile acolo.,interacțiunea site-ului web se bazează pe mișcarea mouse-ului și pe locul în care se află.

în partea de sus a paginii de pornire, primul lucru pe care îl vedeți sunt capturi de ecran de cărți de vizită, site-uri web și alte reclame cu active care au fost utilizate de la Envato Elements atunci când treceți mouse-ul peste una dintre ele iese din restul.,

o altă interacțiune rece mic este în jos în partea de jos a paginii la un abonament nelimitat secțiunea Descărcări, există un mic grup de imagini în fundal și atunci când mutați mouse-ul în jurul lor se mișcă, de asemenea, de bază pe direcția mouse-ul merge.

acestea sunt subtile, dar într-o mulțime de cazuri, mai puțin sau mai mult, iar aceste mici detalii dau acestui site să iasă în evidență.

Big Drop:

Big Drop este o agenție de web design care se concentrează pe a face fiecare design unic și personal pentru clienții lor., Pe măsură ce derulați în jos pe pagina de pornire, puteți viziona imagini pe ecran cu squash și întinderi.alte mici interacțiuni sunt miniaturile lucrărilor anterioare ale Agenției, când mutați mouse-ul peste portofoliu, puteți vedea miniaturile schimbându-se în cadrul acesteia.

dar ceea ce face acest site special este atunci când te uiți la partea de sus a paginii și a vedea un buton care spune cere o ofertă, atunci când treceți peste butonul se leagănă dintr-o parte în alta.

ca un set de ochelari de Cal, trageți în jos pe buton și dezvăluie un formular de contact pentru a solicita o ofertă.,acesta este un mod destul de creativ de a utiliza animația și de ao implementa într-un design web.pentru cei care sunt fani ai popularului HBO Game Of Thrones; Wind and Words este un site web care înregistrează toate interacțiunile de dialog între întreaga distribuție din primele 6 sezoane, precum și înregistrarea câte cuvinte au fost folosite și ce cuvinte au fost folosite cel mai mult în fiecare sezon.designul și interacțiunea sunt interesante, de exemplu, fiecare sezon are un inel de caractere și cu inelul sunt o rețea de interacțiuni între fiecare personaj.,pe măsură ce treceți peste fiecare linie, vedeți câte linii de dialog au fost schimbate între un personaj și altul, puteți, de asemenea, să vă uitați la maximele și minimele fiecărui personaj din fiecare sezon.

dacă sunteți interesat de scenarii și dialoguri dintr-o emisiune TV populară, aș sugera să aruncați o privire.,misiunea Unreal vă permite să joace o simulare de zbor spațiu și de a face diferite sarcini similare cu Bop-l sau Simon spune; urmați o secvență de butoane să faceți clic pentru a trece la nivelul următor, care apoi devine progresiv mai dificil.cu interacțiunile de dialog dintre erou și personaj negativ face site-ul comic, designul și stilul îmi amintesc o mulțime de filmele science fiction din anii ‘ 80.

Nu voi strica finalul, te voi lăsa să afli singur.,o altă agenție de web design care oferă o experiență unică în UX, prin glisarea întregului site web la stânga și la dreapta pentru a vedea conținutul său, vedeți pagini frumos așezate, fiecare cu stiluri și interacțiuni unice, prezentând lucrări anterioare.

nu sunt multe de spus, dar este creativ și drăguț de privit și ar trebui să vizitați acest site.,

(Onu)traficate:

În scopul de a răspândi conștientizarea cu privire traficului de ființe umane în India, Bharat Yatra creat această poveste interactiv în cazul în care face alegeri pentru a salva un personaj din trafic și în această poveste arată cum poate nu întotdeauna cu succes a salva pe cineva.într-un fel, acest lucru rezumă cât de crude pot fi unele părți ale lumii, motiv pentru care ar trebui să aruncați o privire la acest site și să le împărtășiți cu cei dragi.

Cehov:

„cunoașterea nu are valoare decât dacă o puneți în practică.,”

a spus odată de Anton Cehov; un celebru dramaturg și scriitor de povestiri din Rusia, acest site comemorează scriitorul oferind un test utilizatorului.după ce ați terminat testul, rezultatele vă vor oferi un personaj dintr-una dintre poveștile lui Cehov care seamănă cel mai bine cu dvs. pe baza răspunsurilor dvs., site-ul oferă chiar utilizatorului o audiție pentru turnarea sa.combinat cu acest lucru și stilul său de artă colorat, acest site merită explorat, pentru test, cunoașterea scriitorului și a personajelor sale.

au existat site-uri interactive pe care le-am ratat?, Spuneți-ne, cine știe, am putea să o adăugăm în articolul următor viitorul.

MARKETING DIGITAL BOOTCAMP

Aflați mai multe despre industria noastră concentrat curs:

VEZI CURS

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *