25 Dæmi um Web 2.0 og hefðbundnar hönnunarreglur sem koma saman

Í stórum stíl hönnunarheimsins er hugtakið "Web 2.0" tiltölulega nýtt.

Með það kemur eigin sett af staðla, sumir sterkir, aðrir ekki svo sterkir, þar sem Web 2.0 í sjálfu sér er mjög svigalegt og sífellt að breytast í hönnunarmörkum .

Ótal dæmi um Web 2.0 vefsvæði hafa brotið reglurnar um það sem einu sinni var talið sterk hönnun.

Á hinn bóginn hefur Web 2.0 í mörgum tilfellum styrkt sameiginlega hönnunar misnomers; Það leggur áherslu á nothæfi, tengi og læsileika .

Í besta falli er Web 2.0 jafn jafnt við hefðbundna hönnunarreglur sem stunduð hafa verið um aldir, þó að það sé eflaust spegilmynd af samfélaginu okkar í núverandi stöðu sinni.

Hér er safn af 25 síðum sem sýna hvernig Web 2.0 og hefðbundin hönnunarhætti geta komið saman til að mynda sannarlega töfrandi vefsíður.

1. Pixel Matrix Design

Josh Pyles er góður strákur, og hann er líka frábær, aga hönnuður. Nýjasta endurtekning hans á Pixel Matrix er töfrandi og gerir sérstaklega góðan lit og sterkan ristakerfi. Flettu yfir eigu hans og þú munt sjá að hann ber þetta starf í verk hans.

Ef þú skoðar "Um" síðuna (athugaðu fallega flipa kerfið í leik) geturðu séð að Josh hefur falið mynd af vinnusvæði hans.

Hér fyrir neðan er þetta frábært jafnvægi á Web 2.0 stíll letri, sem skapar mjög sterka stigveldi upplýsinga. Hann heldur eigin lífi sínu lítið og haldist inn í skenkurinn og jafnvægi stærri textinn á innihaldssvæðinu með minni, háþróaðri gerð í hliðarstikunni.

Hefðbundin þættir:

Stórt ristarkerfi.
Wonderful lit kenning
Sterk stigveldi upplýsinga

Web 2.0 Aukahlutir:

Fallegt stig.
Lúmskur upplýsingar.
Stórt, mjög læsileg leturval.
Frábær leið til að vera tengdur.
Jafnvel snerting mynd hefur góðan framkvæmd afmarkaðra horn!

2. MuttInk

Á síðasta áratugi virðist áferðin vera sú stærsta sem er frá ávölum hornum og þótt MuttInk gæti ekki flokkast sem dæmigerður vefur 2.0, er eitt augnablik allt sem þarf til að vita að Jeremy Holmes (maðurinn á bak við vinnuna) er ótrúleg hönnuður og grafískur listamaður .

Athygli á smáatriðum, áferð og sterkum sjálfsmyndum setur þetta sem persónulega hugmynd.

Jafnvel þótt dagarnir af ofbeldisfullum litum séu nokkuð að baki okkur (sem er gott, að mínu mati), er ég ennþá aðdáandi af lúmskur, earthy tónum sem eru complimented með skær kommur og MuttInk hefur dregið þetta af ljómi .

The grænblár efst beige pops virkilega, og heldur "teikning borð" finnst sem gegndræpi síðuna. Og þó að gerðin sé á litlu hliðinni, og svolítið erfitt að lesa í blettum, lítur það enn vel út á síðunni.

Hefðbundin þættir:

Ákaflega náið eftir smáatriðum.
Nice gerð (þó kannski of lítil).
Frábær vörumerki.
Mikil notkun á plássi, sérstaklega á vefsíðusíðunum.

Web 2.0 Aukahlutir:

Góð notkun áferð.
Stórar, faglegar myndir sem sýna fram á verkið.
Fljótur aðgangur að félagslegum tengslum.

3. 45 Royale

Safnið á 45 Royale sýnir ekki aðeins ótrúlega fjölbreytta vinnu en það sýnir að liðið á bak við síðuna skilur góðan notkun margra hönnunarstaðla. Það er frábær blanda af Web 2.0 fallbacks, en hefur trausta grunn í hefðbundnum hönnun staðla (og bara líta á þær litir!).

Sérstaklega, 45 Royale hefur eitt af bestu ristakerfi sem ég hef séð undanfarið, og myndirnar sem þeir hafa valið til að sýna fram á verkið passa virkilega vel með flúrljósaða hausinn að ofan.

Að sjá litasöguna og stofnunina með möskva með svo miklum sátt er alltaf skemmtun og þau hafa bætt við allt með mjög háþróaðri blandað letur, bæði stór og smá.

Björtir litir í kringum annarri litatöflu af gráum, hvítum og svörtum? Æðislegur.

Hefðbundin þættir:

Eitt af því betra dæmi um netkerfi.
Fullt af hvítum og öndunarherbergjum.
Brilliant litaval.
Góð flæði upplýsinga.

Web 2.0 Aukahlutir:

Litirnir syngja einfaldlega ... svo mikið að ég skráði það í báðum flokkum.
Jumbo-stór gerð er mjög læsileg, þó smekkleg.
Mikill notkun á mynd og grafík.
Fjölbreytni verkefna er vel skipulagt og fallega sýnt.

4. Klemma Zoom

Ég er sogskál fyrir frábæra mynd, sérstaklega þegar hún er sett fram á frábært dæmi um hvítt rými. Ég elska þennan vef svo mikið að einfaldlega að smella í gegnum eigu er sprengja. Frábært hvítt herbergi, frábært ristarkerfi og dásamlegur notkun JavaScript; Þessir hlutir hafa leið til að tala við mig (já, ég er fyrir framan tölvu alveg mikið).

Mikilvægt að hafa í huga þegar við stöndum frammi fyrir mörgum tæknilegum lausnum þessa dagana, sérstaklega ímyndaverkin og svikin sem gerðar eru af JavaScript, er að tapa þeim og ríkja þá.

Mundu seint á tíunda áratugnum þegar Flash var allt reiði? Mundu hversu veikur Flash sem við höfum öll eftir? Góð vefur 2,0 staðlar eru jafn mikið um aga eins og það snýst um hönnun og Pinch Zoom hefur það vel undir stjórn.

Þeir stökkva á síðuna sína með ímynda gæsku, en halda því áfram að vera móðgandi og skemmtilegt, með næstum núlli að bíða eftir myndunum.

Hefðbundin þættir:

Annað frábært ristakerfi (sjá mynstur hér?).
Svartur á hvítum virðist aldrei verða gamall.
Nice jafnvægi letur og fyrirsagnir. (Lítið letur, þó læsilegt, gæti verið punktastærð eða tveir stærri).

Web 2.0 Aukahlutir:

The JavaScript eigu renna er dang gaman og árangursrík.
Tengi er lægstur og bein.
Fjölbreytt notkun á mynd er frábær snerta.
Gegnum núverandi tækni á vefnum án þess að verða fyrirferðarmikill.
Unique lausnir á síðu skipulag (Kíkið á mega-fellilistann þegar þú smellir á flipann upplýsinga. Það er nánast allt vefsvæði sem felur í sér það!).

5. Cameron Moll

Ég hef alltaf verið aðdáandi af starfi Camerons, og eins og þú getur sagt hefur hann tilhneigingu til að vera á hefðbundnum hliðum íþróttahönnunar. Þó að bloggið hans hefur tilhneigingu til að falla innan hefðbundinnar hliðar háþróaðrar hönnun og litlir letur, þá er ekki neitað að glæsileika og fegurð eigna síðu hans, sem er frábær jafnvægi hins nýja og hefðbundna.

Litirnir eru líflegar og leturvalið möskva með heildarfinninguna, en aftur getur tegundin orðið nokkuð lítil á stöðum, sem er Web 2.0 nei-nei. En hver er ég að nit-velja? Cameron hefur fundið mikla velgengni og er maðurinn á bak við Authenticjobs.com, frábær úrræði fyrir hönnuði (og einn sem hefur hjálpað til við að borga reikningana mína).

Hefðbundin þættir:

Vel uppbyggt efni.
Lúmskur litbrigði eru góð snerta.
Tegundin lítur glæsilegur út, en hefur tilhneigingu til að ríða á litlum hliðum litrófsins. Jafnvel svo, það er læsilegt og lítur vel út.

Web 2.0 Aukahlutir:

Mjög góð notkun áferð.
Portfolio inniheldur ágætur myndir af verkinu, sem eru mjög einfalt og auðvelt að sigla.

6. Metalab's "Fluid" Tumblr þema

Eina Tumblr þema til að gera listann ber yfirskriftina "Fluid" af Metalab hönnun. Það gerði listann af einföldum ástæðum: Það er svolítið fallegt dæmi um Web 2.0 í sitt besta. Einfalt, hreint og gleaming með lit.

Maður gæti litið á það einhliða í þessari samanburði (það er Web 2.0 grípa-allt). Það er vegna þess að Metalab er þekktur fyrir að setja staðla í Web 2.0 vettvangi og þessi síða er vitnisburður um þá staðreynd. Metalab Design heldur grundvallarreglunum í huga, og heldur uppbyggingu einfalt og vel skipulagt.

Gagnsæi og skarast grafík eru ein af nýrri þróun í Web 2.0. Þeir gefa síðuna mikið magn af dýpt og koma fram í fremstu röð, næstum framúrstefnulegt útlit. Metalab's "Fluid" hefur tekið þetta hugtak og enn betra, afhent það til fjöldans sem downloadable þema.

Hefðbundin þættir:

Einföld, skilvirk uppbygging.
Stendur út í fjöldanum Tumblr þemum.
Samtímis (þó einfaldur) litasamsetning.

Web 2.0 Aukahlutir:

Stórt, lifandi ljósmyndun.
Ups ante fyrir framúrskarandi Web 2.0 hönnun
Mjög læsileg leturgerðir og hausar.
Notkun ávalar horns og stigamynda er tekin til mikils en þær eru kynntar í skemmtilegri, nútíma Web 2.0 lausn.
Tákn eru frábær, lægstur leið til að vafra um valkosti fyrir hverja færslu.
Við skulum ekki gleyma gagnsæjum bakgrunni!

7. Viget

Ó strákur. Þessi síða. Það fær mig í hvert sinn. Jú, ég er mjúkur fyrir áferð, en þessi hönnuður hefur einnig náð lélegri góðri kenningu og stigveldi.

Ég meina bara skoðaðu þau portrett nálægt botninum! Þeir eru auga-smitandi en þeir keppa ekki við hvað gæti verið mjög flókið hönnun flæði. Við skulum ekki gleyma miklu leturgerðunum og vatnsliti. Kjúklingurinn á köku er sú, þó að svæðið sé ímyndað þungt, það er fullt í einu!

Annar kaldur þáttur þessarar síðu er að hönnuðir vilja deila mikið af upplýsingum með samfélagi sínu og það er ekki upplýsingar sem selja þær sem hönnuðir, en upplýsingar sem þeir telja dæmigerðir notendur gætu fundið gildi.

Þeir leyfa þér að grafa dýpra án þess að hylja þarfir þínar niður í hálsi, sem er alltaf velkomið æfing.

Hefðbundin þættir:

Vel uppbyggt efni.
Fallegt lit og gerð.
Þó að leturgerðin sé á litlu hliðinni er aðalmálið ennþá auðvelt að lesa.
Góð listaverk safna óaðfinnanlega inn í hönnunina (kaldur portrett).

Web 2.0 Aukahlutir:

Vatnsvatn þema er mjög nútíma, og þó það er mynd-þungur, það hefur verið verkfræðingur að hlaða halla og meina.
Efnisgreinar innihaldsefnanna eru vel skipulögð og innihaldstengd.
Einstök lausn á "Speech Bubble" reitinn í skenkur.
Fullt af samnýttum, innihaldstengdum upplýsingum.

8. FeelWire

Annað ótrúlegt dæmi um frábært hvítt svæði er Feelwire. Svartur gerð á hvítum bakgrunni, með miklum tónum af gráu á milli, virðist aldrei vera gamall. Bættu við nokkrum skærum lituðum táknum, og þú hefur sjálfur einföld, en áhrifarík síða. Það snýst allt um einfaldleika hér (hey, þeir hafa aðeins eina síðu!).

The Web 2.0 stíll tákn þjóna sem miðpunktur fyrir þessa síðu, og þeir fara langt í að halda síðuna saman. Þeir koma einnig í veg fyrir að svæðið sé umframmagnið með texta og gefa notandanum eitthvað til að vera forvitinn um.

Þegar ég velti yfir þessum táknum var ég mjög ánægður með það sem ég fann: Mjög einfalt sveima stöðu sem gaf mér þær upplýsingar sem ég var að leita að, gerðu það með sívaxandi Web 2.0 "Speech Bubble". Frábær snerta.

Síðasti hlutur: Þótt mér finnst rauða hlekkurin, sem einnig skjóta af síðunni og samskipti vel við táknin, held ég að þeir ættu að gera tengiliðinn aðeins meira áberandi. Eins og nú er það svolítið of hollt inn í efnið og ég þurfti virkilega að leita leiða til að komast í snertingu við þessa hæfileikaríku forritara. Segi bara svona'.

Hefðbundin þættir:

Stutt, sætt, og að því marki: einn síða síða.
Hvítt pláss!
Lúmskur, smekkleg leturval.
Nice, undirstöðu skipulag.

Web 2.0 Aukahlutir:

Gljáandi táknin skjóta af síðunni, með góðum hætti.
Raunverulega flottar rollovers á táknunum halda vefsvæðinu áberandi, en gefa þér þær upplýsingar sem þú þarft á skemmtilegan hátt.
Nice avatars bæta mannlegt þáttur.

9. Agami Skapandi

Allt í lagi, kannski er það bara persónulegt með þessum mjög áferðarsvæðum, en það sem Agami Creative gerir, það gerir það mjög vel. Það er annað nútíma dæmi um hvernig myndþungar síður geta orðið fullkomlega viðunandi lausn á degi háhraða tenginga.

Miðpunkturinn á þessari síðu er örugglega vatnsliti hausinn, sem er tilvalið sem fullkominn bakgrunnur í hinni léttu lógóhönnun. Það heldur einnig leiðsögnina, leggur áherslu bara á staðsetningu sína, en án þess að móðga notandann (vegna þess að flestir vita hvar á að finna siglingar þessa dagana.).

Með því að smella yfir á vefsíðusíðuna muntu taka eftir uppsetningu með fullkomna magn af öndunarrými og sterku ristakerfi.

Einföld myndir stuðla að því að vinna og draga augun á einstök verkefni, eins og að skoða í gegnum lykilatriði til lokaárangurs. Allt þetta er vafið upp með háþróaðri serif letur fyrir hausinn og mjög læsilegan sans-serif leturgerð fyrir líkamann texta.

Hefðbundin þættir:

Mjög falleg notkun á litasögunni.
Frábært listaverk.
Áhugavert samsetning af gerð / leturgerð.
Listrænn, handritaður lógó hefur tilfinningu sem fer fram um síðuna.

Web 2.0 Aukahlutir:

Stór leiðsögn gerir það auðvelt að fletta um síðuna.
Þeir gera það mjög auðvelt að komast í samband.
Notkun avatars er góð hugmynd (þó að ég sé sannfærður um að ég gæti gert það betur með þessum. Ekki viss um hvernig anime lítur á að tengja við þessa síðu annað en Asíu áhrif?).
Elska áferðina!

10. Adit Shukla

Annar staður með mikilli lýsandi nálgun, Hönnuður Adit Shukla veit líka hvernig á að setja saman litla litasamsetningu, og jafnvel spilar með góðri lausn á hliðarstikunni.

Fyrir nokkrar skrýtnar ástæður eru margar hliðarskutar slátrar og gleymast, eins og hönnuðir hafa leyfi til að hunsa reglur góðrar hönnun þegar þeir kasta saman hliðarstikunni á síðu. Ekki með þessari síðu.

Þó að innihaldið sé í lágmarki (jafnvel svolítið lítið) getur maður ekki annað en elskað sköpunina, sérstaklega í lýsandi hausnum, sem bætir vel þörf á dýpt. Flipann flipa upp hér að ofan eru góð snerta líka.

Hefðbundin þættir:

Björt litir.
Skapandi lausnir á sameiginlegum þáttum, svo sem skenkur og haus.
Myndin bætir mikið af dýpi.

Web 2.0 Aukahlutir:

Einföld skipulag með vel þróað hausmynd, sem einnig hýsir siglingar.
Stór gerð er skilvirk.
Margar leiðir til að fara á síðuna (þó að ég sé ekki sannfærður um að þetta sé svo gott).
Gegnsætt flipar eru góð snerta.

12. Kremskrúfa

Það fyrsta sem þú munt taka eftir um Cream Scoop er djörf úrval af litum sem notuð eru um síðuna. Þeir eru ekki hræddir við að taka litina upp í hak úr norminu og niðurstaðan er eins hressandi og það er öðruvísi.

Þó að litirnir séu feitletruðir, þá eru einnig lúmskur blöndu af sterkum gerðum og stigum sem eru paprikuð um allt svæðið. Takið eftir því hvernig bakgrunnslitið bætist efst, eins og brún sviðsljósið, til að varpa ljósi á aðra lágmarksleiðsögn. Tegundin er vel skipulögð og jafnvægi, með sérstöku Web 2.0 tilfinningu.

Hefðbundin þættir:

Djarfur úrval af litum, en val sem virkar á óvart árangursríkar leiðir.
Minimalist flakk sem fær vinnu.
Góð notkun á leiktækjum.
Skipulag er uppbyggt en skemmtilegt.

Web 2.0 Aukahlutir:

Frábær notkun á halli í bakgrunni.
Björt blár grípur virkilega athygli þína og beinir því að mikilvægu hlutunum.
Cool notkun avatars á um síðuna (hversu gamall eru þessi krakkar?).
Frábærir leturgerðir eru notaðar um allt.

13. Carbonica

Carbonica skilar gradients og glansandi gæsku Web 2.0 og fer fyrir "pieced together" líta sem minnir á klippubók. Góð notkun á áferð og fjör, en einnig mjög skemmtilegt að taka á hendi dregin tegund.

Vertu viss um að fletta niður svolítið og kíkja á táknin, sem einnig passa við þemað fullkomlega!

Hefðbundin þættir:

Grunn uppbygging er í leik.
Handsmíðað letur fer vel með þemað á síðuna.
Hreyfimyndin er góð snerta (en því miður, notkun Flash heldur þessu stigi af vefnum 2.0 Flokkur).

Web 2.0 Aukahlutir:

Áferðin er frábær.
Dropa skuggi bæta raunhæf dýpt.
Nice tákn, myndir og mynd.

14. DSGN + DVLP

Aftur virkar heildar svart og hvítt litasamsetning fyrir þessa síðu, og þeir hreim þessa stefnu með nokkrum hreinum táknum sem dregin eru beint úr vefnum 2.0 handtösku.

Vefsíðan er sjálfstæð eins og eins og skvetta síðu, og hefur góðan blanda af táknum, sterkum skipulagi og jafnvel smá ljósmyndun. Öll þessi þættir koma saman á háþróaðan hátt og ná árangri að gefa af sér nokkuð orku.

Þú munt taka eftir því að efri síðurnar nota sérstakt, 3 dálka sniðmát til að þjóna upplýsingunum. Það er allt mjög mikið lægstur hönnun, en það er ekki slæmt.

Hefðbundin þættir:

Svartur, hvítur og grár býður upp á sérstaka tilfinningu.
Gott jafnvægi á gerðinni á heimasíðunni.
3-dálkur efri síðu sniðmát gerir samfellt flæði upplýsinga þegar þú vafrar í burtu frá heimasíðunni.

Web 2.0 Aukahlutir:

Félagsleg fjölmiðlavitund er örugglega í leik.
Glansandi tákn dreifðir um allt að bæta við þörf lit.
Góð blanda af ljósmyndun og táknum.
Jumbo tákn eru á efri síðum.

15. Marchand de Trucs

Svo kannski get ég ekki talað tungumálið, en það þýðir ekki að vefsvæðið sé ennþá að tala við mig ... Allt í lagi, þessi lína var lamin, en þessi síða er frekar sætur. Það inniheldur frábæra listaverk og á bak við það allt, frábær grunnur og skipulagt efni. Ekki svo slæmt fyrir hvað (ég held) virðist vera galdramaður á netinu!

Hefðbundin þættir:

Mikil athygli á smáatriðum.
Litur kenning er vel í leik, og það er mjög þáttur litatöflu á það.
Gott að nota leturgerðir sem fylgja almennu þema síðunnar.

Web 2.0 Aukahlutir:

Mjög góð notkun á myndinni sem haus
Tiltölulega stór tákn.

16. Paiko

Paiko, þó einfalt, er ein af uppáhalds stöðum mínum á listanum. Það kemur yfir sem skipt blanda af hefðbundnum hnífum í hönnun og Web 2.0 aukahlutum: Góð gerð af öllum stærðum (þar með talin mjög mjúkan vef 2.0), frábært hvítt svæði og auðvitað hið sífellt mikilvæga rist sem heldur öllu saman.

Valið á að bæta við áferð í bakgrunni setur virkilega síðuna í sundur og bætir öðru lagi við nú þegar sterka hönnunina; Það er meðhöndlað með varúð og ekki of mikið notað eins og það er á sumum stöðum. Þessi áferð, ásamt öflugri áfrýjun vefsvæðisins, tekur langa leið í að styrkja sjálfsmynd Paiko.

Flettu yfir á vefsíðusíðuna til að sjá dæmi um frábært bil og rist uppbyggingu, svo ekki sé minnst á skemmtileg dæmi um velskornar myndir.

Hefðbundin þættir:

Einföld, tveggja dálka rist uppbygging með geimnum rúm sem gefur það gott airy feel. Þessi uppbygging er gerð um allt svæðið, sem gefur það mjög samræmda flæði.
Hagnýtt tilfinning bætir við góðu snertingu, án þess að vera ofsaklánt.
Leturgerð og lit eru mjög háþróuð.

Web 2.0 Aukahlutir:

Jumbo-texti!
Fyrirsögnin er stór og mjög læsileg og spilar vel gegn minni gerð hér fyrir neðan.
Frábær myndir og útlit á vefsíðunni.
Íhaldssamt notkun áferð bætir við heildarþekkingu.

17. Matt Dempsey

Á hinum öfgafullu áferðarsviðinu höfum við síðuna Matt Dempsey. Nú er það örugglega hlutur eins og of mikið áferð, og sumir myndu hafa gilt atriði ef þeir héldu því fram að þessi síða fer langt.

Hins vegar lítur mér enn á það, og smáatriðin vann mig þegar ég byrjaði að sigla í gegnum upplýsingarnar. Matt er ekki hræddur við að brjóta nokkrar reglur sem hafa alltaf bugged mér (eins og að halda upplýsingum yfir brjóta, hugmynd sem mér finnst var fundin upp í umræðum um borð í umhugsunarmarkaðssetningu fólks. Ég segi það vegna þess að ég var einu sinni einn af þeim markaðsaðilum.).

Þegar það kemur að því, kynnir Matt Dempsey verk sitt og síðuna hans, með feitletraðri og "andlegri" hátt. Og að brjóta nokkrar reglur er það sem hönnuður snýst um, hvort reglurnar séu gömul eða ný.

Hefðbundin þættir:

Trúðu það eða ekki, það er einfalt ristakerfi sem liggur undir áferðinni.
Einstakt og einstakt
Ekki hræddur við að brjóta nokkrar reglur

Web 2.0 Aukahlutir:

Matt notar augljóslega Web 2.0 nálgun við leturgerðir hans og lógó
Gott að nota tækni á innri síðum (JavaScript renna er flott snerting).
Öllum mikilvægum upplýsingum er mikið og auðvelt að lesa.
Portfolio kynnir verkið á skemmtilega, hátækni hátt.

18. Digital Mash

Með Digital Mash geturðu séð að fullt af hugsun fór inn í þau atriði sem þeir vildu hafa á síðunni, eða betra enn, þau atriði sem þeir völdu að fara út.

Að vera fær um að skera á fitu er mikilvægt starf fyrir hönnuður, og Digital Mash leggur grunnatriði og aðeins grunnatriði. Opnaðu síðuna og þú munt vita eftir nokkrar sekúndur hvað höfundur vefsvæðisins snýst um.

Slétt halli bakgrunnsins er frábært að kynna efni á háþróaðan hátt. Frá hreinu gerðinni, til glæsilegur grafík í myndinni, heldur vefsvæðið það einfalt.

Besti hluti verður að vera þegar þú grafir dýpra inn á síðuna. Höfðu á vinnusíðuna og þú munt finna eigu sem er kynnt í nánast gamaldags hátt. Einstök stykki líta út eins og þau séu tilbúin til að prenta og bindast í leðri.

Hins vegar er sléttur framsetning, dropshadows og smáatriði (eins og örlítið boginn horni hverrar bita) að gefa það allt nútímalag. Sameina nýja og gamla. Gotta elska það.

Hefðbundin þættir:

Skreytt óþarfa þætti.
Breytilegir litir á heimasíðunni og í hausnum á efri síðum bætir við líflega hreim á gráum bakgrunni.
Stigveldi upplýsinga er sterk, og svo er almenn flæði vefsvæðisins.

Web 2.0 Aukahlutir:

Amazing kynning á eigu myndum; dropshadows, upturned brúnir, og smáatriði koma í raun þessa síðu í hærri staðal.
Nice gradient í bakgrunni kynnir mjög vel upplýsingarnar.
Stórt og stórt myndmál er vingjarnlegt fyrir augun.
Mjög flott leiðsöguupplausn.

19. Kyan Media

Kyan Media er annar staður sem liggur þungt á vefnum 2.0 hliðar litrófsins. Ský hönnun og líflega bláa litaval eru beint út úr bókinni, en það er mjög sterkt dæmi um staðalinn.

Síðan spilar það beint og í stórum bókum segir þér nákvæmlega hvað þeir gera, eftir dæmi um verkið. Það er einföld hönnun stefna sem finnast á óteljandi stöðum, og af góðri ástæðu. Það er fljótlegt og ógnar ekki stuttu athygli.

Og eins og öll góð dæmi, nær það tækni eins og heilbrigður eins og það gerir hefðbundnar reglur hönnun. Taktu þér tíma og haltu yfir dæmi um vinnu. Það er skemmtilegt og upplýsandi leið til að kynna lögun bæklinga og leyfa okkur, notandanum, að grafa dýpra, eða til að fá grunnatriði með aðeins sýn.

Hefðbundin þættir:

Allt hefur afar traustan tilfinningu.
Almenn skipulag hverrar síðu er sterk
Upplýsingaherferðin er frábær.
Skírnarfontur, hausar og leturgerðir eru í samræmi við allt.

Web 2.0 Aukahlutir:

Björt blár litaval.
Gaman að nota myndina (hver er ekki eins og ský?).
Punchy ljósmyndun.
Góð innleiðing tækni.
Lúmskur dropshadows bæta dýpt.
Mjög læsileg leturgerðir og stærri hausar.

20. Rockatee

Jæja, það segir "Functional Design" í hausnum, svo það var betra að vinna, ekki satt? Til allrar hamingju, þessi síða gerir. Það er annað dæmi um hvernig áferð er creeping inn á vefhönnun markaðarins og staðfestir hugmyndina að við erum vel í háhraða tímum brimbrettabrun vefnum.

Eitthvað sem þú gætir tekið eftir er að Rockatee hefur nokkra verkefni á skjánum í eiguhlutanum, þannig að straumlínulagað lausn var ákveðið í röð. Þeir gerðu það með röð af myndatökum, sem sýna dýpt þeirra fjölbreyttu eigu. Gera sjálfan þig greiða og athuga það.

Annar eiginleiki í huga er ágætur siglingar. Það er vel sett og gerir svæðið gola að smella í gegnum. Þeir hjálpa þér jafnvel á heimasíðunni með fallegu stóru hnappi sem leiðir til eigu.

Hefðbundin þættir:

Allt hefur afar traustan tilfinningu.
Almenn skipulag hverrar síðu er sterk.
Litur kenning er vel kannað og framkvæmd.
Sterk athygli á smáatriðum.

Web 2.0 Aukahlutir:

Frábær siglingar.
Stórir hnappar leiða þig í mikilvæga bita.
Cool "snapshot" eigu með miklum uppskeru einstakra verka.
Site sýningarskápur hönnuðir margar hliðarverkefni, en leyfir þeim ekki að koma í veg fyrir miðlæga þætti.
Frábær hugmynd með tímalínu á síðunni "Um".

21. Hlutur sem er brúnn

Annar einn af persónulegum uppáhaldi mínum er hlutur sem er brúnn. Þeir draga af afar fáður staður sem er jafn (eða betri en) staður búin til af stórum stofnunum, en þeir gefa þér einnig innlit á fólkið á bak við tjöldin.

Um síðuna inniheldur mikla ljósmyndun sem á meðan faglegur nóg er einnig með mjög heimabakað áfrýjun. Þú getur sagt að liðið færi í ferðalag utan þess, leit á viðeigandi stað og tók nokkrar myndatökur með eigin stafrænu myndavélum.

A faglegur, enn aðgengilegur og vingjarnlegur lið er einmitt þann hóp sem ég vil vinna með. Þetta fólk er raunverulegt.

Þetta er ein af þessum sjaldgæfum vefsvæðum sem óaðfinnanlega sterkar reglur um hönnun með nútíma klip. Tagline þeirra, "Humbly Awesome," er dauður á.

Hefðbundin þættir:

Nice litur með mikla kommur.
Gott að nota listaverk sem samþættir vel.
Solid og stöðugt um allt.

Web 2.0 Aukahlutir:

Leiðsögn er hreinn og auðvelt að lesa.
Nice hnappar sem ekki ofleika gljáa.
Ljósmyndun er persónuleg og bætir mannlegum snertingu við síðuna.
Safnið er skýrt og auðvelt að sigla með mikilli kynningu á verkinu.
Fyrirsagnir eru stórar, enn háþróaðar.

22. Andrew Bradshaw

Þetta er kannski einn af the háþróaður staður á listanum. Andrew hefur góðan hátt til að möskva áferð, gerð, hnappa og ljósmyndun í congealed pakka. Hann heldur einnig stigveldi í huga, vekur athygli á mikilvægum þáttum og lágmarkar þær köflum sem kunna ekki að vera af áhugi fyrir alla notendur.

Flakkið er hápunktur, með mismunandi litum sem birtast eins og þú sveima yfir flipa; mjög sléttur snerta.

Einnig er minnispunkturinn textaður hausinn og sterkt leturval notað í merkinu hans. Aftur, Andrew sameinar léttleika og kommur til að búa til fallega síðu sem er ítarlegt og sannfærandi um allt.

Hefðbundin þættir:

Heildar höfða af hreinum fágun.
Góð notkun á hreim þætti, bæði í lit og með gerð.
Eins og venjulega heldur sterkt ristakerfi saman.
Stigveldi er innleitt vel.

Web 2.0 Aukahlutir:

A ólíkur taka á hnöppum.
Brilliant notkun ljósmyndunar og myndar framsetningu.
Ógnvekjandi upplýsingar í leiðsögninni.

23. James Lai

Undanfarið hef ég hlut fyrir vefsíðum á einföldum vefsíðum, og eins og þú hefur sennilega giskað, þá er ég líka sogskál fyrir áferð. Sláðu inn James Lai, hönnuður sem veit hvernig á að kynna sér með ímynda sér notkun á gerð, áferð og fjör.

Það sem ég þakka honum mest, er hæfni hans til að halda síðuna sinni á eina síðu og fyrirgefa okkur "All About Me" síðunni sem finnast á nánast öllum vefsvæðum. Þó ég leggi mikið gildi á mannlegan þátt, stundum talar verkið fyrir sig, og ég get ekki kenna manninum að trúa á eigin hæfileik.

Hefðbundin þættir:

Einföld einföld lausn.
Hreyfimyndir bætir áhuga á kynninguna (þó að það hægði á síðuna aðeins á endanum).
Góð athygli á smáatriðum.

Web 2.0 Aukahlutir:

Björt tegund á heimasíðunni segir þér nákvæmlega tilganginn á bak við síðuna.
Upplýsingar um tengilið er auðvelt að finna.
Köldu smámyndir hjálpa notendum að vafra um eignasafnið.
Áhugavert notkun áferð.

24. Subvert

Subvert var innifalinn ekki aðeins fyrir augljóslega hagnýtt skipulag, en fyrir lýsandi myndasýningu sem birtist á heimasíðunni. Kynningin er skemmtileg, en það er líka upplýsandi og dýrmætt fyrir hugsanlega viðskiptavini.

Bakgrunnur áferð er complimented með gagnsæjum smáatriðum, þar á meðal frábær leiðsögukerfi lögun gagnsæ flipa! Sveifla stöðu þessa flakk er lúmskur og viðheldur gagnsæi.

Ég hef tilhneigingu til að sigla beint á vinnusíðurnar á þessum síðum, og Subvert vonar ekki við kynningu sinni. Grind uppbygging er sterk og auðvelt að sigla, og við að smella er notandinn tekinn til stækkaðs myndar af vinnunni.

Hefðbundin þættir:

Great almenn flæði.
Sterk kynning á eignasafni á síðunni "Vinna".

Web 2.0 Aukahlutir:

Björt gerð fram á hverfandi myndasýningu.
Gegnsætt flipa flipa!
Hnapparnir eru góðar og bæta góða andstæða við bakgrunninn.
Myndasýning á skrifstofunni á síðunni "Fyrirtæki" er góð snerta.
Gætir tækni.

25. Yellow Bird Project

Við fyrstu sýn virðist þessi síða líta svolítið upp eða dreifð, en því meira sem ég lít á það og því meira sem ég flettir í gegnum síðurnar sínar, því meira sem ég hef tekið eftir styrk stofnunarinnar. Betra enn, Indie-innblástur hönnun byrjar virkilega að höfða til lengri dvalar og dreifður útlit vefsins passar í raun þemað.

Ef þú skoðar myndasafnið sérðu dögg af áhugamyndavélum sem enn einu sinni bæta við Indie útlitinu, en sýningin sýnir vöruna.

Þessi tegund af neðanjarðar nálgun, sem var vinsæl á vefsvæðum eins og threadless.com, leggur strax áhorfandann við vöruna.

Þeir vilja vera hluti af mannfjöldanum og líða ekki eins og einhver reyni bara að selja þau eitthvað. Ef það er ekki vefur 2.0 heimspeki, er ég ekki viss um hvað er.

Hefðbundin þættir:

Crafty lógó staðfestir raunverulega tilfinninguna, sem fer fram um allt svæðið.
Þó að það finnist tvístrast eða laus í fyrstu, þá skilur maður að þessi "samsett" útlit er nákvæmlega hvað hönnuðirnir voru að fara að. Þeir draga af útliti en samt gera síðuna auðvelt að sigla.
Samræmd, óhefðbundin nálgun.

Web 2.0 Aukahlutir:

Það er meira um heimspeki með þessu. Þó að félagslegur þáttur Vefur 2,0 sé í fullum krafti, er þessi síða einnig sterkur vegna veiru-markaðsaðgerðarinnar og mikils undirliggjandi heimspeki.
Byggir samfélag!
Góðar myndir og auðveld leiðsögn meiða ekki heldur.

Í lokun ...

Vefur 2,0 er sterkur staðall til að skilgreina , þar sem hefðbundin hönnun staðla er stíf safn reglna og leiðbeiningar (rist uppbyggingu, lit kenning, bréf bili, kerning, mælingar, og svo framvegis), Web 2.0, en með svipuðum stöðlum, er næstum meira svo lífstíll.

Það sameinar heimspeki, markaðssetningu, tækni, notagildi og ótal öðrum þáttum upptekins alheimsins okkar með fullkomnu markmiði að gera hlutina auðveldara fyrir fjöldann.

Í því sambandi, Web 2.0 og hefðbundin reglur sem voru stofnuð fyrir löngu, deila á endanum sama markmiði: Að skipuleggja óreiðu og einfalda flókið .

Þessa dagana getur það verið sterkur tónleikar, þannig að við þurfum öll verkfæri til ráðstöfunar, hvort sem þau eru skorin eða hvort þau hafi verið sönnuð í gegnum aldirnar.

Skrifað eingöngu fyrir WDD eftir Josh Sears. Hann er rithöfundur, Illustrator og Hönnuður fyrir hellingur af vefur-undirstaða verkefni. Hann lifir sem Lead Web Designer, Skapandi Leikstjóri og Samhöfundur Littlelines.com . Þú getur Skoðaðu verk hans hér , eða Fylgdu uppfærslum sínum á Twitter .

Hvernig notar þú vefur 2,0 þætti með hefðbundnum hönnun? Vinsamlegast hafðu dæmi úr eigin eigu eða öðrum góðum dæmum sem þú gætir hafa rekist á.

hönnunarreglur samantekt á hönnun hefðbundin vefur 2,0