25 Příklady pravidel Web 2.0 a Tradičního návrhu, které se dají dohromady

Ve velkém rozsahu designového světa je výraz "Web 2.0" relativně nový.

S ním přichází vlastní soubor standardů, některé silné, jiné nejsou tak silné, protože Web 2.0 je sama o sobě velmi neurčitá a neustále se vyvíjející definice standardů návrhu .

Bezpočet příkladů stránek Web 2.0 porušilo pravidla toho, co bylo kdysi považováno za silný design.

Na druhou stranu, v mnoha případech Web 2.0 posílil běžné nesprávné pojmy návrhu; zaměřuje se na použitelnost, rozhraní a čitelnost .

V nejlepším případě je Web 2.0 v rovnováze s tradičními pravidly designu, které se praktikují po staletí, ačkoli je to nepochybně odrazem naší společnosti v současném stavu shonu.

Zde je sbírka 25 stránek, která představují, jak mohou web 2.0 a tradiční designové postupy dohromady vytvářet opravdu úžasné webové stránky.

1. Návrh pixelové matice

Josh Pyles je pěkný kluk a je také fantastickým, disciplinovaným designérem. Jeho poslední iterace Pixel Matrix je ohromující a velmi dobře využívá barvy a silné síťové systémy. Prohlédněte si jeho portfolio a uvidíte, že tuto praxi nese do své klientské práce.

Pokud se podíváte na stránku "O společnosti" (s poznámkou o pekném kartovém systému v hře), můžete vidět, že Josh obsahuje hezkou fotku svého pracovního prostoru.

Pod tímto výstřižkem je skvělá rovnováha písem ve stylu Web 2.0, které vytvářejí mimořádně silnou hierarchii informací. Zachovává vlastní bio malé a zastrčené do postranního pruhu a vyrovnává v bočním pruhu větší text oblasti obsahu s menším a sofistikovanějším typem.

Tradiční aspekty:

Velký systém mřížky.
Úžasná teorie barev
Silná hierarchie informací

Vylepšení Web 2.0:

Krásné přechody.
Jemné detaily.
Velká, vysoce čitelná písma.
Velké množství způsobů, jak zůstat ve spojení.
Dokonce i kontaktní formulář má hezké provedení zaoblených rohů!

2. MuttInk

V poslední době se zdá, že textura je největší věc od zaoblených rohů, a přestože stránky MuttInku nemusejí být klasifikovány jako typické Web 2.0, jeden pohled je vše, co je nutné vědět, že Jeremy Holmes (muž za prací) je úžasný návrhář a grafik .

Pozornost na detaily, texturu a silnou identitu to považuje za osobní zálibu.

Ačkoli dny nadměrně ztlumených barev jsou poněkud za námi (což je dle mého názoru dobrá věc), jsem stále fanouškem jemných, zemitých tónů, které jsou doplněny jasnými akcenty, a MuttInk to brilantně vytáhl .

Tyrkysová na vrcholu béžové se opravdu objevuje a udržuje pocit, že "prostírání" proniká do místa. A přestože typ je na drobné straně, a trochu těžké číst v místech, to stále vypadá skvěle na stránce.

Tradiční aspekty:

Mimořádná pozornost věnovaná detailům.
Pěkný typ (i když možná příliš malý).
Skvělá identita značky.
Velké využití prostoru, zejména na stránkách portfolia.

Vylepšení Web 2.0:

Velké využití struktury.
Velké profesionální snímky představující práci.
Rychlý přístup k sociálním vazbám.

3. 45 Royale

Portfolio přes 45 Royale představuje nejen úžasnou řadu práce, ale ukazuje, že tým za webem rozumí dobré používání více návrhových standardů. Je to fantastická kombinace záloh Web 2.0, ale má pevný základ v tradičních standardech návrhu (a jen se podívejte na ty barvy!).

Obzvláště 45 Royale má jeden z nejlepších síťových systémů, které jsem v poslední době viděl, a obrázky, které si vybraly k předvedení díla, skutečně dobře zapadají do zářivky s barevnou hlavičkou.

Vidět barvu teorie a organizace sítě s tak velkou harmonií je vždy pohoštění, a oni jsem doplnil to vše s velmi sofistikované směs písem, a to jak velké i malé.

Jasné barvy kolem sekundární palety šedé, bílé a černé? Skvělý.

Tradiční aspekty:

Jeden z lepších příkladů systému mřížky.
Spousta bílé a dýchací místnosti.
Brilantní výběr barev.
Dobrý tok informací.

Vylepšení Web 2.0:

Barvy jednoduše zpívají ... tolik, že jsem je uvedl v obou kategoriích.
Typ Jumbo je vysoce čitelný, i když vkusný.
Velké využití Ilustrace a grafiky.
Množství projektů je dobře organizováno a dobře zobrazeno.

4. Zvětšení špendlíku

Jsem blázen pro skvělou ilustraci, zvláště když je zobrazen na nádherném příkladu bílého prostoru. Mám rád tuto stránku tolik, že jednoduše kliknutím přes portfolio je výbuch. Velké mezery, skvělý systém mřížky a skvělé využití jazyka JavaScript. tyto věci mají způsob, jak mluvit se mnou (ano, jsem před počítačem hodně).

Důležitá věc, kterou je třeba mít na paměti, když čelíme mnoha technologiím, které máme v současné době k dispozici, je zejména to, že je to skromný a přehnaný způsob, jak to umožňuje JavaScript, je je zužovat a ovládat.

Vzpomenete si na pozdní devadesátá léta, kdy byl Flash zuřivý? Vzpomínáte si, jak jsme všichni dostali Flash? Dobré standardy Web 2.0 jsou stejně tak jako disciplína, stejně jako design a Pinch Zoom je dobře pod kontrolou.

Posypují svým místem fantastickou dobrotu, přesto ji udržují nakloněnou a zábavnou, s prakticky nulovým časem čekajícím na snímky.

Tradiční aspekty:

Další skvělý systém mřížky (vidíte tu vzorek?).
Černá na bílé se nikdy nezdá být stará.
Pěkná bilance písem a titulků. (Malé písmo, i když čitelné, by mohlo být rozměrem bodů nebo dvěma většími).

Vylepšení Web 2.0:

Posuvník portfolia jazyka JavaScript je zábavný a efektivní.
Rozhraní je minimalistické a přímé.
Rozmanité použití ilustrace je skvělý dotek.
Zahrnuje současnou technologii webu, aniž by se stala těžkopádnou.
Jedinečná řešení pro rozvržení stránky (Při kliknutí na kartu info se podívejte na rozbalovací nabídku mega-rozbalovacího seznamu, kde se skrývá prakticky celý web!).

5. Cameron Moll

Vždycky jsem byl fanouškem Cameronovy práce a jak můžete říct, že má tendenci zůstat na tradiční straně designového hřiště. Ačkoli jeho blogové stránky mají tendenci spadat do tradiční strany sofistikovaného designu a malých písem, nemůžeme popřít eleganci a krásu jeho stránky portfolia, což je fantastická rovnováha nových a tradičních.

Barvy jsou živé a výběr písma je oka s celkovým pocitem, ale opět se může stát dost malý na místech, což je web 2.0 no-no. Ale kdo jsem, abych si vybral? Cameron našel velký úspěch a je muž za Authenticjobs.com, skvělý zdroj pro designéry (a ten, který mi pomohl zaplatit účty).

Tradiční aspekty:

Dobře strukturovaný obsah.
Drobné barevné variace jsou příjemným dotykem.
Typ vypadá elegantně, i když má sklon k jízdě na malé straně spektra. Přesto je čitelná a vypadá hezky.

Vylepšení Web 2.0:

Velmi pěkné použití textury.
Portfolio obsahuje hezké obrazy práce, které jsou velmi jednoduché a snadno se pohybují.

6. Téma Metalab "Fluid" Tumblr

Jediným tématem Tumblr, kterým se seznam vytvoří, je návrh Metalabu nazvaný "Fluid". Vypsal seznam z jednoduchého důvodu: Je to vzrušující příklad Web 2.0 v nejlepším případě. Jednoduché, čisté a lesklé barvy.

Jeden by mohl považovat to za jednu stranu v tomto srovnání (je to Web 2.0 catch-all). To je proto, že Metalab je známý pro nastavení standardů v aréně Web 2.0 a tato stránka je důkazem této skutečnosti. Metalab Design však zachovává základní pravidla a udržuje strukturu jednoduchou a dobře organizovanou.

Transparentnost a překrývající se grafika jsou jedním z novějších trendů v Web 2.0. Dávají místu velké množství hloubky a nabízejí špičku, téměř futuristický vzhled. Metalabův "Fluid" tento pojem přijal a ještě lépe jej dodal masům jako downloadable téma.

Tradiční aspekty:

Jednoduchá a efektivní struktura.
Vystupuje v hromadách témat Tumblr.
Současná (ačkoli jednoduchá) barevná schéma.

Vylepšení Web 2.0:

Velká, živá fotografie.
Ups ante pro špičkovou konstrukci Web 2.0
Vysoce čitelná písma a hlavičky.
Použití zaoblených rohů a přechodů je přijato do extrému, ale jsou prezentovány zábavným moderním řešením Web 2.0.
Ikony jsou skvělý, minimalistický způsob navigace možností pro každý příspěvek.
Nezapomeňte na průhledné pozadí!

7. Viget

Ach jo. Tato stránka. Dostává mě pokaždé. Jistě, že jsem pro texturu měkký, ale tento návrhář také zachytil jemnost dobré teorie barev a hierarchie.

Myslím prostě zkontrolovat ty portréty v dolní části! Jsou zajímavé, ale nekompromisují tomu, co by mohlo být velmi složité tok návrhu. Nezapomeňte na skvělé možnosti písma a akvarel. Třešničkou na dortu je, že i když je místo těžké, zatěžuje to!

Dalším skvělým aspektem tohoto webu je, že návrháři chtějí sdílet spoustu informací s jejich komunitou a nejsou to informace, které je prodávají jako návrháři, ale informace, které považují za typické uživatele, by mohly být cenné.

Umožňují vám hloubat hlouběji, aniž byste museli hromadit své potřeby do hrdla, což je vždy vítaná praxe.

Tradiční aspekty:

Dobře strukturovaný obsah.
Krásná barva a typ.
Ačkoli jsou písma na malé straně, hlavní obsah je stále snadno čitelný.
Velké umělecké dílo se bezproblémově zapojí do návrhu (cool portréty).

Vylepšení Web 2.0:

Téma akvarelu je extrémně moderní a přestože je těžké, je navrženo tak, aby bylo načtené a štíhlé.
Obsah postranního panelu je dobře organizovaný a obsahově řízený.
Jedinečné řešení pole "Speech Bubble" v postranním panelu.
Spousta sdílených informací o obsahu.

8. FeelWire

Další úžasný příklad velkého bílého prostoru je Feelwire. Černý typ na bílém pozadí, s velkými odstíny šedé mezi, nikdy nezdá být starý. Přidejte pár pestrobarevných ikon, a máte jednoduché a přitom efektivní místo. Je to všechno o jednoduchosti zde (sakra, mají jen jednu stránku!).

Ikony ve stylu Web 2.0 slouľí jako středový prvek pro tuto stránku a dlouhou cestu k tomu vedou společně. Také zabraňují tomu, aby stránky byly překryty textem a poskytly uživateli něco zvědavého.

Při přejíždění těchto ikon jsem byl opravdu spokojen s tím, co jsem našel: Velmi jednoduchý status, který mi poskytl informace, které jsem hledal, a dělám to s populární Web 2.0 "Speech Bubble". Skvělý dotek.

Poslední věc: Přestože se mi líbí červené odkazy, které také vystupují ze stránky a dobře spolupracují s ikonami, myslím si, že by měly kontakt kontaktů trochu pozoruhodnější. Zatím je to trochu příliš zastrčené do obsahu a já jsem opravdu musel hledat způsob, jak se dostat do kontaktu s těmito talentovanými vývojáři. Jen řekni.

Tradiční aspekty:

Krátká, sladká a na místě: stránky s jednou stránkou.
Bílý prostor!
Jemné, vkusné možnosti písma.
Pěkné, základní rozložení.

Vylepšení Web 2.0:

Lesklé ikony se vynoří ze stránky, a to dobře.
Opravdu chladné přechody na ikonách udržují stránky přehledné a přitom vám poskytnou zábavné informace, které potřebujete.
Hezké avatary přidávají lidský prvek.

9. Agami Creative

Dobře, možná je to jen osobní věc s těmito vysoce texturovanými stránkami, ale to, co dělá Agami Creative, to dělá velmi dobře. Je to další moderní příklad toho, jak se místa s těžkým obrazem mohou stát vhodným řešením v den vysokorychlostních připojení.

Středem této stránky je nejlépe hlavička akvarelu, která slouží jako perfektní kulisář pro design šikovného loga. Obsahuje také navigaci, jenž kladí dostatek důrazu na její umístění, aniž by urážel uživatele (protože většina lidí ví, kde je navigace v těchto dnech.).

Kliknutím na stránku portfolia si všimnete rozvržení s perfektním množstvím prostoru pro dýchání a silným rozvodným systémem.

Jednoduché obrazy přispívají k práci a přitahují vaše oči k jednotlivým projektům, například prohlížením klíčové dírky do konečného výsledku. To vše je zakomponováno sofistikovaným písmenem pro servery a hlavičkami a vysoce čitelným písmem sans serif pro text.

Tradiční aspekty:

Krásnější využití teorie barev.
Velké kresby.
Zajímavá kombinace typu / písma.
Umělecké ručně tažené logo má pocit, který se nese po celém místě.

Vylepšení Web 2.0:

Nadrozměrná navigace usnadňuje pohyb po webu.
Jsou opravdu snadné se dostat do kontaktu.
Použití avatary je dobrý nápad (i když upřímně si myslím, že by s nimi mohly lépe.) Nejste si jisti, jak má anime vypadat s touto stránkou jiný než asijský vliv?).
Milujte texturu!

10. Adit Shukla

Další místo s velkým ilustračním přístupem, Designer Adit Shukla také ví, jak dát dohromady skvělé barevné schéma, a dokonce hraje s pěkným řešením na postranním panelu.

Z některých zvláštních důvodů je mnoho postranních panelů neopatrných a přehlížených, jako kdyby návrháři měli povolení ignorovat pravidla dobrého designu při hromadění bočního pruhu místa. Ne s tímto webem.

I když je obsah minimální (dokonce i trochu řídký), nemůžeme pomoci, ale milujeme kreativitu, zejména ilustrativní záhlaví, která přidává potřebné množství hloubky. Navigační karty výše jsou také příjemné.

Tradiční aspekty:

Vibrující barvy.
Kreativní řešení společných prvků, jako je postranní panel a hlavička.
Ilustrace přidává hodně hloubky.

Vylepšení Web 2.0:

Jednoduché uspořádání s dobře vyvinutým nákresem, který také obsahuje navigaci.
Velký typ je účinný.
Několik způsobů navigace na webu (ačkoli upřímně řečeno, nejsem přesvědčen, že je to tak dobrá věc).
Průhledné karty jsou příjemný dotek.

12. Cream Scoop

První věc, kterou si všimnete o Cream Scoop, je tučný výběr barev používaných v celém webu. Nebojí se, aby barvy vybraly z normy zářez, a výsledek je tak osvěžující, jak se liší.

Ačkoli jsou barvy odvážné, existují i jemné směsi silného typu a gradientů, které jsou po celém místě pepřeny. Všimněte si, jak se gradient pozadí zesvětluje nahoře, jako je okraj reflektoru, a zvýrazní se jinak minimální navigace. Typ je dobře organizovaný a vyvážený, s výrazným pocitom Web 2.0.

Tradiční aspekty:

Odvážný výběr barev, ale výběr, který funguje překvapivě efektivně.
Minimalistická navigace, která dokončí práci.
Velké využití hravé ilustrace.
Uspořádání je strukturované, ale zábavné.

Vylepšení Web 2.0:

Fantastické použití gradientu v pozadí.
Jasně modrá vás opravdu upoutá pozornost a nasměruje ji k důležitým věcem.
Chladné používání avatarů na stránce (jak starí jsou ti kluci?).
Skvělé písma používané v celém textu.

13. Carbonica

Carbonica vynechává přechody a lesklou dobrotu Web 2.0 a jde o vzhled, který připomíná scrapbook. Velké využití textury a animace, ale také opravdu zábavné vzít na ručně kreslený typ.

Nezapomeňte trochu posunout dolů a podívejte se na ikony, které dokonale odpovídají tématu!

Tradiční aspekty:

Základní struktura je v hře.
Ručně řemeslné písmo jde dobře s tématem webu.
Animace je příjemný dotek (ale omlouvám se, používání Flash tento bod udržuje mimo kategorii Web 2.0).

Vylepšení Web 2.0:

Textury jsou skvělé.
Tóny stínů přinášejí realistickou hloubku.
Pěkné ikony, fotky a ilustrace.

14. DSGN + DVLP

Opět platí, že celá černobílá barevná schéma funguje pro tuto stránku a tento směr zdůrazňují s některými čistými ikonami, které byly vytáhnuty přímo z kabelky Web 2.0.

Domovská stránka je sama o sobě jako druh splash stránky a má dobrou kombinaci ikon, silné rozložení a dokonce i trochu fotografie. Všechny tyto prvky se propojují sofistikovaným způsobem a dokáží vydat poměrně trochu energie.

Všimněte si, že sekundární stránky používají samostatnou šablonu se třemi sloupci pro zobrazování informací. Je to velmi minimalistický design, ale to není špatná věc.

Tradiční aspekty:

Černá, bílá a šedá nabízejí výrazný pocit.
Dobré vyvážení typu na domovské stránce.
3-sloupec sekundární stránky šablony umožňuje konzistentní tok informací, jakmile se dostanete pryč od domovské stránky.

Vylepšení Web 2.0:

Sociální mediální vědomí je rozhodně v hře.
Lesklé ikony rozptýlené po celé barvě.
Dobrá kombinace fotografií a ikon.
Na sekundárních stránkách jsou zobrazeny ikony Jumbo.

15. Marchand de Trucs

Takže možná nemůžu mluvit jazykem, ale to neznamená, že místo ještě nemluví se mnou ... Dobře, ta linie byla chromá, ale stále je to docela sladké. Obsahuje úžasné umělecké dílo a za tím vše skvělý základ a strukturovaný obsah. Není to špatné, co (myslím) se zdá být online magie shop!

Tradiční aspekty:

Důraz na detail.
Barva teorie je dobře v hře, a to je velmi zapojená paleta na to.
Dobré použití písem, které odpovídají obecnému tématu webu.

Vylepšení Web 2.0:

Extrémně hezké použití ilustrace jako záhlaví
Poměrně velké ikony.

16. Paiko

Paiko, ačkoli jednoduchý, je jedním z mých oblíbených míst na seznamu. Rozšiřuje se jako rozdělená směs tradičních návrhových spon a vylepšení Web 2.0: dobrý typ všech velikostí (včetně velkých webových titulů ve formátu Web 2.0), skvělé mezery a samozřejmě stále důležitá síť, která ji drží dohromady.

Volba přidání textury na pozadí skutečně nastaví místo od sebe a přidá další vrstvu již silnému návrhu. je ošetřena s péčí a není příliš používána, jaká je v některých místech. Tato struktura, kombinovaná se sofistikovanějším přitažlivostí tohoto místa, vede dlouhou cestou k posílení identity Paiko.

Prohlédněte si stránku portfolia a uvidíte příklad velkých rozestupů a struktury mřížky, nemluvě o některých zábavných příkladech oříznutých obrázků.

Tradiční aspekty:

Jednoduchá dvojcestná mřížková struktura s okapovým prostorem, díky kterému je příjemný vzdušný pocit. Tato struktura je prováděna v celém místě, což jí dává velmi konzistentní tok.
Chytrý pocit přidává příjemný dotek, aniž by byl překvapující.
Varianty a barvy písma jsou velmi sofistikované.

Vylepšení Web 2.0:

Jumbo-text!
Nadpis je obrovský a dobře čitelný a hraje se pěkně proti menšímu typu níže.
Skvělé obrázky a rozvržení na stránce portfolia.
Konzervativní používání textury zvyšuje celkovou identitu.

17. Matt Dempsey

Na druhém konci textura spektra, máme místo od Matt Dempsey. Nyní je určitě něco jako příliš mnoho textury a některé by měly platný bod, pokud tvrdili, že tato stránka jde daleko.

Stále se mi to líbí a detaily mě vyhrály, když jsem začal procházet informacemi. Matt se nebojí přerušit několik pravidel, která mě vždycky poslouchali (jako když jsem vedl informace nad záhybem, myšlenka, o které se domnívám, že byl vynalezen na okružní tabulce o nadměrně přemýšlivých marketingových osobách.) Říkám to proto, že jsem byl jednou těch marketingových lidí.).

Když to dopadne, Matt Dempsey prezentuje své dílo a jeho stránky v odvážném a "tváří" způsobu. A porušování několika pravidel je to, co je to návrhář, o tom, zda jsou pravidla stará nebo nová.

Tradiční aspekty:

Věřte tomu nebo ne, existuje jednoduchý systém mřížky, který je základem struktury.
Výrazná a jedinečná
Nebojí se přerušit několik pravidel

Vylepšení Web 2.0:

Matt používá zjevně přístup k jeho fontu a logu Web 2.0
Dobré využití technologie na vnitřních stránkách (posuvník JavaScript je cool touch).
Každý kousek důležitých informací je obrovský a snadno čitelný.
Portfolio prezentuje práci zábavným, high-tech způsobem.

18. Digitální mash

S Digital Mash můžete vidět, že spousta myšlenek šla do položek, které chtěli zahrnout do stránky, nebo ještě lépe, položky, které se rozhodly vynechat.

Byť schopen snížit tuk je důležitá praxe pro každého návrháře, a Digital Mash stanoví základy, a to jen základy. Otevřete stránku a během několika sekund budete vědět, co je autorem stránky.

Bezproblémový gradient pozadí provádí skvělou práci prezentací obsahu sofistikovaným způsobem. Z čistého typu, až po nejsilnější grafiku na obrázku, zůstává web jednoduché.

Nejlepší část musí být, když se hlouběji zaboříte na místo. Vydejte se na pracovní stránku a najdete portfolio prezentované téměř zastaralým způsobem. jednotlivé kusy vypadají, jako by byly připraveny k tisku a vázány do koženého pouzdra.

Nicméně, elegantní prezentace, dropshadows, a malé detaily (jako jsou mírně ohnuté rohy každého kusu), dát to všechno moderní sklon. Kombinace nového a starého. Musím to milovat.

Tradiční aspekty:

Oříznutí nepotřebných prvků.
Vibrující barvy na domovské stránce av záhlaví sekundárních stránek přidávají živý přízvuk na šedé pozadí.
Hierarchie informací je silná a stejně tak je i obecný tok webu.

Vylepšení Web 2.0:

Úžasná prezentace portfolia obrázků; dropshadows, obrácené hrany a malé detaily skutečně přinesou tento web na vyšší standard.
Pěkný gradient v pozadí skutečně prezentuje informace dobře.
Velký typ a nadrozměrné snímky jsou přátelské k očím.
Velmi cool navigační roztok.

19. Kyan Media

Kyan Media je další web, který se silně opírá o web 2.0 spektra. Návrh oblačnosti a živá modrá barevná paleta jsou přímo z knihy, ale je to mimořádně silný příklad tohoto standardu.

Místo to hraje rovně, a velkými písmeny vám řekne přesně, co dělají, následované příklady práce. Jedná se o jednoduchou strategii návrhu, která se nachází v nesčetných místech a z dobrého důvodu. Je to rychlé a neohrozí krátkou pozornost.

A stejně jako všechny dobré příklady zahrnuje technologii, stejně jako tradiční pravidla designu. Udělejte nějaký čas a podívejte se na příklady práce. Je to zábavný a informativní způsob, jak prezentovat vybrané portfolia, a dovoluje nám, uživateli, kopat hlouběji nebo získat základní informace jen s pohledem.

Tradiční aspekty:

Vše má mimořádně pevný pocit.
Obecné rozložení každé stránky je silné
Informační hierarchie je skvělá.
Písma, hlavičky a barvy písma jsou konzistentní v celém textu.

Vylepšení Web 2.0:

Jasně modrá paleta barev.
Zábavné použití ilustrace (kdo nemá rád mraky?).
Děsivá fotografie.
Dobrá implementace technologie.
Drobné dropshadows přidávají hloubku.
Vysoce čitelné písma a nadrozměrné hlavičky.

20. Rockatee

No, říká "Funkční návrh" v záhlaví, takže to mělo lepší práci, ne? Naštěstí tato stránka dělá. Je to další příklad toho, jak se textury vkládá do trhu webového designu a potvrzuje představu, že jsme ve vysokorychlostní éře surfování po internetu.

Něco, co byste si mohli všimnout, je, že Rockatee má v portfoliu poměrně málo projektů, a proto bylo jednoznačně uspořádané řešení. Udělali to s řadou snímků, které ukazují hloubku jejich plodného portfolia. Udělejte si laskavost a podívejte se na to.

Dalším znakem poznámky je pěkná navigace. Je to dobře umístěné a dělá z něj web, který má projít kliknutím. Dokonce vám pomohou na domovské stránce s hezkým velkým tlačítkem, který vede k portfoliu.

Tradiční aspekty:

Vše má mimořádně pevný pocit.
Obecné rozložení každé stránky je silné.
Teorie barev je dobře prozkoumána a implementována.
Silná pozornost k detailům.

Vylepšení Web 2.0:

Fantastická navigace.
Velké tlačítka vás vedou k důležitým bitům.
Chytré portfolio "snapshot" s velkými plodinami jednotlivých děl.
Místo předvádí návrhářům mnoho vedlejších projektů, ale nedovoluje jim, aby se dostali do cesty k centrálním prvkům.
Skvělý nápad s časovou osu na stránce "O společnosti".

21. Věci, které jsou hnědé

Dalším z mých osobních favoritů jsou věci, které jsou hnědé. Vytáhnou extrémně leštěné stránky, které se rovnají (nebo lepšímu) místům vytvořeným velkými agenturami, ale zároveň vám dávají vnitřní pohled na lidi v zákulisí.

Na stránce obsahuje skvělou fotografii, která je dostatečně profesionální a má také velmi domácí přání. Můžete říci, že tým vyrazil venku, prozkoumal slušné místo a vzal pár snímků se svými vlastními digitálními kamerami.

Profesionální, přesto přístupný a přátelský tým je přesně ten typ týmu, se kterým chci pracovat. Tito lidé jsou skuteční.

Jedná se o jednu z těch vzácných míst, která bez problémů spojuje silné konstrukční pravidla s moderními vylepšeními. Jejich slogan "Humbly Awesome" je mrtvý.

Tradiční aspekty:

Pěkná barva s velkými akcenty.
Dobré užití uměleckých děl, které se dobře integrují.
Pevné a konzistentní po celé délce.

Vylepšení Web 2.0:

Navigace je čistá a snadno čitelná.
Pěkné knoflíky, které nepřekračují lesk.
Fotografování je osobní a přidává člověku do stránky.
Portfolio je jasné a snadno se pohybuje, s velkou prezentací díla.
Nadpisy jsou velké, ale sofistikované.

22. Andrew Bradshaw

To je možná jeden z nejsložitějších míst na seznamu. Andrew má skvělý způsob, jak zabarvit texturu, typ, knoflíky a fotografie do zabaleného balíčku. Zohledňuje také hierarchii, zdůrazňuje důležité aspekty a minimalizuje části, které nemusí být pro všechny uživatele zajímavé.

Navigace je zvýrazněním, kdy se objevují různé barvy, když se pohybujete nad kartami. velmi elegantní dotek.

Také poznámka je textured záhlaví a silný výběr písma použitý v jeho logu. Andrew opět kombinuje jemnost a přízvuk, aby vytvořil krásné místo, které je důkladné a přesvědčivé.

Tradiční aspekty:

Celkové přitažlivost čisté sofistikovanosti.
Dobré použití akcentních prvků, jak v barvě, tak s typem.
Jak je obvyklé, silný síťový systém ji drží společně.
Hierarchie je dobře implementována.

Vylepšení Web 2.0:

Různé vzetí tlačítek.
Brilantní využití fotografie a prezentace obrázků.
Úžasné detaily v navigaci.

23. James Lai

V poslední době mám jednu věc pro stránky s jedním stránkami, a jak jste pravděpodobně uhodli, já jsem taky vyděšený pro texturu. Zadejte Jamese Laiho, designéra, který ví, jak se prezentovat prostřednictvím fantazijního využití typu, textury a animace.

Co mu nejvíce doporučuji, je jeho schopnost udržet jeho stránky na jediné stránce a odpustit nám stránku "Vše o mně", která se nachází na prakticky každém webu. Přestože kladím vysokou hodnotu na lidský prvek, někdy práce hovoří sama za sebe a já nemohu chybovat chlapovi za to, že věřím ve vlastní dovednostní sadu.

Tradiční aspekty:

Jednoduché jednostranové řešení.
Animace přináší zájem o prezentaci (i když mi trochu zpomalila web).
Dobrá pozornost k detailům.

Vylepšení Web 2.0:

Obrovský typ na domovské stránce vám říká přesný účel za webem.
Kontaktní informace jsou snadné najít.
Cool náhledy pomáhají uživatelům navigovat v portfoliu.
Zajímavé využití textury.

24. Subvert

Podvrat byl zahrnut nejen pro jeho zřetelně funkční rozložení, ale pro blednou prezentaci zobrazenou na domovské stránce. Prezentace je zábavná, ale pro potenciální klienty je také informativní a cenná.

Textura na pozadí je doplněna transparentními detaily, včetně skvělého navigačního systému s průhlednými záložkami! Stav navigace této navigace je jemný a udržuje průhlednost.

Mám sklon k navigaci přímo na stránky práce na těchto stránkách a Subvert nezklamá ve své prezentaci. Struktura mřížky je silná a snadno se pohybuje a po kliknutí se uživatel dostane do rozšířeného pohledu na práci.

Tradiční aspekty:

Velký celkový průtok.
Silná prezentace portfolia na stránce "Práce".

Vylepšení Web 2.0:

Obrovský typ byl prezentován na blednou prezentaci.
Průhledné navigační karty!
Tlačítka jsou hezké a do pozadí přidávají dobrý kontrast.
Prezentace kanceláře na stránce "Společnost" je příjemným dotykem.
Zahrnuje technologii.

25. Projekt Yellow Bird

Na první pohled se tato stránka může zdát trochu rozcuchaná nebo rozptýlená, ale čím více se na ni dívám a čím více jsem procházet jejími stránkami, tím víc jsem si všiml síly své organizace. Lepší je však, že vzhled inspirovaný indie skutečně začíná přitahovat k delšímu pobytu a rozptýlený vzhled stránky skutečně vyhovuje tématu.

Pokud se podíváte na fotogalerii, uvidíte spoustu amatérských fotografií, které opět přinášejí vzhled Indie a zároveň představují produkt.

Tento druh podzemního přístupu, který byl oblíben na webech, jako je threadless.com, okamžitě přivádí diváka k produktu.

Chtějí být součástí davu a nemají pocit, že se někdo snaží něco prodat. Pokud to není filozofie Web 2.0, nejsem si jistá, co je.

Tradiční aspekty:

Chytré logo skutečně vytváří pocit, který se provádí po celém webu.
Ačkoli se nejprve cítí rozptýlený nebo uvolněný, člověk si uvědomuje, že tento vzhled "dohromady" je přesně to, co projektanti šli. Odstraňují vzhled a zároveň stále usnadňují navigaci.
Konzistentní, netradiční přístup.

Vylepšení Web 2.0:

Je to víc o filozofii s tímto. Zatímco sociální aspekt Web 2.0 je v plné míře, tato stránka je také silná díky virovému marketingovému přístupu a skvělé filantropii.
Vytváří komunitu!
Skvělé fotky a snadná navigace neublíží ani.

V závěru ...

Web 2.0 je obtížným standardem pro definování standardních návrhových standardů jako rigidní sbírka pravidel a pokynů (struktura mřížky, teorie barev, rozteč písmen, kerning, sledování atd.). skoro víc způsob života.

Kombinuje filozofii, marketing, technologii, snadné použití a nespočet dalších aspektů našeho rušného vesmíru s konečným cílem usnadnit práci masám.

V tomto ohledu Web 2.0 a tradiční pravidla, která byla vytvořena před mnoha lety, mají nakonec stejný cíl: organizovat chaos a zjednodušit komplex .

V dnešních dnech to může být těžké vystoupení, takže potřebujeme všechny nástroje, které máme k dispozici, ať už jde o špičku, nebo zda byly prokázány už po staletí.

Napsal výhradně pro WDD Josh Sears. On je Writer, Illustrator a Designer pro spoustu webových projektů. Žije jako vedoucí webový designér, tvůrčí ředitel a spoluvlastník Littlelines.com . Můžeš podívejte se na jeho práci zde , nebo sledovat jeho aktualizace na Twitteru .

Jak používáte prvky web 2.0 s tradičním designem? Sdělte prosím příklady z vlastního portfolia nebo jiných dobrých příkladů, které jste možná narazili.

pravidla návrhu kompilace návrhů tradiční web 2.0