Sýning: Skemmtileg og tilraunagrein
Ef þú eyðir nægilegum tíma á netinu, er það óvart hversu mikið flestir vefsíður byrja að líta út eins.
Jú, það eru tilbrigði, en að miklu leyti er vefhönnun nokkuð stöðluð.
Skiptu út grafík eða litasamsetningu og þú getur búið til næstum hvaða vefsíðu sem er, líkt og næstum öllum öðrum vefsíðum.
En það þýðir ekki að það eru ekki vefsíður þarna úti sem eru að gera eitthvað mjög mismunandi og angurvært.
Hér að neðan eru yfir 30 vefsíður sem hafa bætt við smáum skelfilegum þáttum í hönnun þeirra. Hvort sem það er skipulag, litasamsetning, grafík eða nokkrar samsetningar af þremur, eru þessar síður að þrýsta út fyrir staðla samninga um vefhönnun.
Neytandi
Neytendasíðan notar hreyfimynd sem skiptir í gegnum margar liti, þar með talið blár, grænn og bleikur, og á vefnum eru nokkrar öskandi teiknimyndaskálar. Það er örugglega óhefðbundið.
Andstæður
Blandan af grunge- og klippimyndum, ásamt "handskrifaðri" vitnisburði í hausnum, gefur til kynna mjög áhugaverð fyrstu sýn á vefsíðu Contrast. Útlitið heldur áfram áfram óhefðbundið frá því, með fleiri vitnisburði lengra niður á síðunni, auk tenginga við suma af starfi sínu.
Jim Carrey
Vefsíðan Jim Carrey er einn af áhugaverðustu Flash-undirstaða vefsvæðum sem ég hef rekist á. Sérhver hluti af síðunni er líflegur, þar á meðal "fuglinn" með höfuð Carrey að spýta út nýjustu kvak hans. Það eru einnig tenglar á síðunni, með hreyfimyndum á milli síðna. En listaverkið og heildarhönnunin eru það sem ýta þessari hönnun í markið og gerir það svo skemmtilegt að fletta.
Filcka
Því meira lífræna hönnun þessa síðu er óhefðbundin en samt mjög notendavæn. Myndirnar á veggnum virka vel sem tenglar til að skoða félagslega fjölmiðla snið eða hafa samband við síðuna, en grunneiningarnar koma með allt saman.
F91W
Það er ekki bara hönnun þessa síðu sem er svolítið angurvær, heldur einnig hugmyndin. Skýrslugerð hverrar klukkustundar og meðvitað að ákveða hvað á að gera við næstu klukkustund er áhugaverð hugmynd fyrir vefsíðu og fer svolítið út fyrir reglulega lifecasting. Litasamsetningin og þröngt skipulag ýta hönnuninni á næsta stig.
Living Lyric
The skekkt haus og gras-grænn bakgrunnslit Living Lyric website gefur smá funkiness til heildar hönnun. Það er einfalt síða, með feitletrað grafík og skýr markmið.
Transformer Studio
The lúmskur fjör á heimasíðu Transformer Studio síðuna gera það óhefðbundið. Og hvenær sem er ein af tenglum á heimasíðunni er smellt á bakgrunnslitin á heildarsíðuna þar sem nýtt efni birtist. Það er líka gott dæmi um mjög notendavænt síðu sem gerir eitthvað annað en venju.
Grip Limited
Vefsvæði Grip Limited er sjónrænt sláandi, með stærri, fjölbreyttri letri og bjarta appelsínu kommur. Virkni hennar er einnig öðruvísi, með hverri dálki að fletta sig (með nokkrum aðferðum, sjá dálki 2 til að fá nánari upplýsingar).
Random Thought Pattern
Milli chartreuse og gráa litakerfisins og leturgerðin sem ekki er alveg á síðunni, passar RandomThoughtPattern vefsíðan fullkomlega. Það er líka mjög nothæft staður og óhefðbundin skipulag dregur ekki úr því.
Uppselt
Sölutilboðið er safn af tenglum sem hver sýnir tóltip þegar sveiflað er yfir það sem gefur smá upplýsingar um tengilinn. Það er óhefðbundin hönnun sem er nothæf í þessu sambandi, en gæti orðið ruglingslegt hratt.
Wolf & Badger
Hér er annar Flash-síða sem hefur einhverja ótrúlega áhugaverða myndefni. Það er óhefðbundin hönnun sem best, gaman að líta á eins og heilbrigður eins og til að nota.
Skapandi með K
The líflegur, myndskreytt bakgrunnur hér er angurvær og áhugavert, auk tonn af gaman að nota. Réttlátur loka fyrstu breytingarglugganum og hlutar myndarinnar verða litaðar þegar þú sveima. Smellið á eitthvað af þeim og annar annar gluggi opnast. Það er einstakt að taka á sér tengi hönnun og virkar ótrúlega vel hér.
Blue Bug Digital
Hér er annar staður sem notar ekki aðeins angurvært litakerfi heldur einnig óhefðbundið skipulag og flakk (sem hægt er að endurraða eftir eigin óskum þínum). Bakgrunnurinn bregst við hreyfingum músanna og hver hlekkur birtir nýtt efni í eitthvað eins og a fullur blaðsíðu gluggi. Það er líka útdráttarvalmynd sem þú getur notað svo þú þarft ekki að fara aftur á heimasíðuna áður en þú heimsækir nýja síðu.
Ozan Akoglu
Þetta er nokkuð einfalt skipulag, en bakgrunnsmyndin (sem lítur út eins og pappírsskera) og skærgulur hausinn gerir það angurvært. Siglingin er það sem raunverulega setur það í sundur þó. Með blöndu af hreyfingum músum og lyklaborðsstöðum er hægt að skoða verkefni og upplýsingar um þau verkefni. Leiðbeiningar eru innifalin fyrir hvert þrep, en eru fullkomlega samþættar í hönnun vefsvæðisins.
Monster CSS
The líflegur skrímsli í bakgrunni (hann gengur fram og til baka yfir skjáinn og stundum gerir einhverja hávaða) setur Monster CSS síðuna í sundur frá öðrum vefsvæðum. Það er einföld hönnun annars.
Ryan O'Rourke
Hreyfimyndin setur þetta vefsvæði í sundur. Það notar líka kyrrstöðu vinstri dálk, en hægri dálkur er rúllaður.
The Digital Invaders
Myndin hér hefur stöðuga hreyfingu. Þú getur smellt hvar sem er og færa um síðuna eða nota valmyndina neðst. Það er skemmtilegt notendaupplifun.
Natrashka
Grafíkin hér eru örugglega það sem gerir þessa síðu frábær. Útlitið er einfalt, en letriðið er svolítið óhefðbundið og hausmyndin er örugglega angurvær.
Toykyo
Þetta er tiltölulega einföld síða hönnun, en björt blár, rauður og brúnt litasamsetning setja það í sundur og gera það skemmtilegra en flestar síður, sérstaklega lægstur sjálfur.
Við gerðum það
Aðallega monochromatic hönnun hér er áhugavert, eins og er bakgrunnsmyndin (sem virðist vera þversnið af vegg eða þaki). Það er einfalt hönnun sem er mjög fagurfræðilega ánægjulegt og áhugavert.
Paul Frank Art Attack Contest
The rauður og Aqua litasamsetningu er ákveðið hvað setja þessa síðu í algerlega í angurvær flokkur. Útlitið er tiltölulega hefðbundið, með grunnlínu og flipa flakk á hliðinni. Notkun grunnskólakóða Nýtt fyrir sumt leturgerð hjálpar einnig við að stilla síðuna.
Sveitabærinn
Útlitið hér er nokkuð hefðbundið, en með því að nota margar liti í leturfræði efst gerir það frábært.
Wilkintie
Hönnunin hérna er líka nokkuð hefðbundin, en bjartgul og brúnt litasamsetning er ekki eitthvað sem þú sérð oft á netinu. Það setur virkilega svæðið í sundur, og þegar það er tekið saman með fullt af öðrum smáum smáatriðum (rifin pappírsáhrif neðst á myndunum osfrv.) Gerir það þetta vefsvæði mjög sérstakt.
Emigre
Litasetningar byggðar á aðal litum eru ekki séð mjög oft, aðallega vegna mikils líkinda sem þeir munu skellast. En hér eru þeir notaðir fallega og setja virkilega síðuna í sundur. Ristið skipulag virkar einnig vel og er svolítið öðruvísi en flestir netin sem við sjáum.
MultiAdaptor
Stóri bakgrunni hér, sem breytir litum hægt, ásamt grid-undirstaða skipulagi með mismunandi myndastærðum er sjónrænt áhugavert og notendavænt. Þegar myndirnar eru smelltir á ný skyggir nýtt efni yfir skjáinn og hindrar allt út nema aðalleiðsögnin.
Rudd Studio
Smelltu á einhvern af lituðum reitum hér og öll þau munu umbreyta í hreyfimyndasafni, með smellanlegum verkefnum. Ef verkefni er smellt á mun það koma í stað lituðu blokkanna og birta upplýsingar um það tiltekna verkefni, með margar myndir fyrir hvert og eitt (fjöldi lituðu blokkir í hverri hluta samsvarar fjölda mynda fyrir það verkefni).
Herron School of Art and Design
Sammiðjahringirnir í viðmóti hér bjóða upp á viðbótar efni tengla umfram það sem aðalleiðsögnin veitir. Það er snyrtilegur leið til að varpa ljósi á tiltekið efni á meðan að gera eitthvað svolítið öðruvísi.
Kokoro & Moi
Grind skipulag virkar vel til að skipuleggja mikið af efni á tiltölulega lítið svæði. Tvíhliða blokkir sem innihalda texta standa út og liturinn samsvarar innihaldi (fréttir eru appelsínugulir, Twitter uppfærslur eru bleikar osfrv.). Það er frábær tengi hönnun sem virkar vel til að sýna mikið af upplýsingum.
Rachel Comey karla
Fæturnir hreyfa sig hér þegar sveima yfir, og hver og einn er einnig vara hlekkur. Þegar smellt er á síðurnar blaðsíðurnar lárétt og lóðrétt til að birta upplýsingar um vöruna, sem og tengla til að deila, finna upplýsingar um sendinguna, skoða tengdar vörur og hafa samband við fyrirtækið.
Story Hotel
Skipulögð klippimyndasnið hér er ekki séð, sérstaklega á vefsíðu fyrirtækis. Teiknimyndir eru notuð um heimasíða. Litasamsetningin heldur öllu saman og faglegri útlit en leyfir ennþá mikilli listrænu frelsi.
Woki Tokee
Skreytt maturinn gerir hér fyrir mjög áhugavert notendaviðmót. Tenglar eru auðvelt að finna og það eru lúmskur fjör á hverri síðu. Það er skemmtilegt staður, sem fer umfram þar sem aðeins eru fjórar síður alls (þ.mt heimasíðan).
Skrifað eingöngu fyrir WDD eftir Cameron Chapman .
Hefur þú rekist á einhverjar aðrar angurværar vefsíðuhugmyndir eða námskeið til að búa til angurværar hönnun? Vinsamlegast deildu þeim í athugasemdum!