Charakteristika moderního portfolia stránek
Ze všech typů webových stránek musí portfólio překonat to, co by mohlo být jedním z nejtěžších překážek. Promluvte si s téměř jakýmkoliv návrhářem a dohodnou se, že spuštění vlastního portfolia stránek je bolestivým procesem. Nejčastěji tento proces zahrnuje četné verze a často i spouštění z naprosté frustrace.
Vzhledem k tomu je podle mého názoru, že portfolio portfolia může být oknem do budoucnosti webového designu. Navrhuji to proto, že když jednotlivec navrhne své vlastní stránky, jsou pouze pod vlastními omezeními. Neexistuje žádný klient, který by diktoval věci, žádný výbor, který by zničil návrh, a žádný schvalovací proces, který by mohl přetáhnout věci a zničit dynamiku.
Ale ne všechny portfolia jsou vytvořeny stejné. Navzdory šílenému množství vzorových portfolia, které jsou k dispozici, existuje překvapivě málo, které se cítí jako dostatečně zajímavé a zajímavé, aby se o nich mohli mluvit. Právě tyto stránky však zvyšují bar a vystavují to, co by mohla mít budoucnost pro web design.
Pojďme se ponořit do velké řady úžasných portfolií a hledat některé společné prvky, které jim dávají práci. Některé z těchto prvků odhalují trendy v celém odvětví, zatímco jiné ukazují jednoduchý a společný design. Ne všichni mají obrovský význam, ale všichni připočítávají fantastické návrhy, které vás vyzývají k vytvoření skutečně mimořádného portfolia.
Řekni příběh
Jedním z nejzajímavějších aspektů moderního portfolia stránek je snaha o vytvoření prostředí pro rozprávě příběhů. Cílem je vytvořit tok obsahu, který v podstatě řídí zkušenosti a zprávy uživateli. Tato kontrola vytváří tok obsahu v požadovaném pořadí.
Mnoho stránek se pokouší dělat takovou věc tím, že umístí hlavní navigaci do žádoucího pořadí. Tyto stránky však berou přístup k celému vědomému stupni a dělají z něj nevyhnutelnou část zkušenosti.
Jan Ploch
Použití stránky s jednou stránkou není nic nového a jeho definicí přiměje uživatele, aby posunul stránku dolů. To vytváří přirozený tok obsahu, který byl používán bezpočetkrát. Na této stránce však najdeme zřídka používaný přístup s animovaným zázemím. Při procházení stránky je to, jako by soda v pozadí byla vysávána do slámy.
Tento jednoduchý dekorativní prvek dělá něco opravdu mocného; nabádá vás, abyste se dostali celou stránku dolů. To je zásadně kritický aspekt stránky s jednou stránkou: zajistit, aby se uživatelé dostali do konce příběhu. A konec příběhu je nejčastěji konverzním bodem místa (jak tomu je v tomto případě).
Tam Cai
Stránka tohoto jednotlivce také demonstruje model jedné stránky, vyprávění o příběhu. Na tomto konkrétním místě se mi zdá zajímavé, že příběh je zakončen dvěma silnými vizuálními pohledy, se všemi masem uprostřed. Velký soubor ilustrací v horní části stránky nastavuje náladu, demonstruje osobnost umělce a obecně vás zve k ponoření do svého světa. Stránka je pak dokončena s možnostmi kontaktu (body konverzace) a dramatickou fotografií toho, co předpokládáme, že je tvůrcem.
Určitě není styl pro každého, ale když je tematický přístup vyráběn tak, jak je vyleštěno, výsledky mohou být úžasné. A zatímco stránka nemusí apelovat na všechny návštěvníky, bude apelovat na ty správné lidi a pomůže tvůrci udělat takové spojení, které ocení.
MacMillan Lynch
Tento příklad má trochu jiný přístup. Příběhová část této stránky je krátká a vše se nachází uvnitř hlavní grafiky domovské stránky. V tomto případě je příběh naprosto irelevantní, kromě toho, že vytváří smysl pro tajemství, které je třeba porozumět. Při přistání na místě jsem zjistil, že se zajímám, o čem to byl tenhle člověk. Někdy chcete lžíce krmit své návštěvníky; v jiných časech může pracovat opravdu dobře, aby je nasával zajímavým příběhem nebo tajemstvím. To také má prospěch z vytvoření poměrně odlišného a doufejme nezapomenutelného místa.
Sallee Design
Na webu Sallee Design najdete typičtější přístup k struktuře stránek. Logo v levém horním rohu, hlavní navigace nahoře a standardní prezentace na domovské stránce. V mnoha ohledech se jedná o velmi normální místo (s krásným designem).
Zdálo se mi zajímavé, že jejich prezentace na domovské stránce nebyla pouze série automatických rotačních obrazů Flash. Místo toho je prezentace spuštěna uživatelem a začíná pozvánkou k zahájení prohlídky. Poté, co se ponoříte do tebe, projdete sérií snímků, které shrnou, co byste dostali, pokud byste místo toho vykopali různé stránky webu. A to vše je dokončeno s klíčovými odstupujícími body na zbytek místa.
Myslím, že tento přístup je chytrý. Pro začátečníky je osvěžující vidět prvek, jako je posuvník domácí stránky, který má důkladně plánovaný účel. Také mám rád, že dostanou výhodu jedné prodejní plochy a bonusové SEO poskytované tím, že má větší počet stránek.
Odpovídající návrh
Téma citlivý webový design je, nejméně, velmi horké téma. Takže by nemělo být překvapením, že tento přístup lze nalézt v čerstvých portfoliích, které se nyní vyrábějí. Neomezený, tito jedinci přijali novou techniku. A není překvapením, že všechny tři příklady jsou pro portfolia stránek vývojářů front-end, přesně takového místa, o které bychom měli očekávat, že takovou věc najdou.
Ryan Taylor
Ryanovo místo odpovídá standardnímu vzorci jedné stránky pro osobní portfolio. Tento přístup funguje skvěle při integraci reagujících technik do lokality. Pouze s jednou stránkou, kterou můžete zaúčtovat, může být mnohem snazší testovat a vytvářet takové stránky. Ale nemyslete si, že je to snadné. Vynaloží velké úsilí a plánuje vytvořit čisté a krásné místo, které se tímto způsobem mění.
Aaron Shekey
Dále je portfolio Aarona Shekey. Toto krásné malé místo zahrnuje mnoho osvědčených a pravdivých technik pro portfolia. Je to polo-minimalistická, má tlumené barvy, které umožňují obrazy pop a má design založený převážně na typografii. Stejně jako tato stránka funguje krásně a je velmi efektivní při předvádění umělecké práce. Ale s přidaným bonusem přizpůsobivého uspořádání je zaručeno, že stránky budou vypadat dobře na široké škále zařízení. Tím je zajištěno, že uživatel získává pozitivní zážitek, aniž by byl frustrací zvětšení a skenování.
Andrew Cohen
Nakonec v citlivé kategorii naleznete osobní stránky předního developera Andrew Cohen. Stejně jako ostatní má jednu strukturu stránky s tím, co bych nazval konstrukcí založenou na pozadí. Tímto způsobem se pozadí může měnit a měnit bez velké potřeby strukturálních změn. To dělá z webu dokonalý kandidát na zavedení citlivých technik.
Kreativní rozvržení
Někdy nejlepší způsob, jak udělat dojem, je vyniknout jako jedinečný a odlišný. A jaký lepší způsob, jak toho dosáhnout, než s neobvyklou strukturou uspořádání, která splňuje normy a očekávání, které všichni máme. Do jisté míry téměř každý příklad v této kolekci demonstruje tento konkrétní atribut, ale vybral jsem tuto malou dílčí sadu, aby to dokázal.
A než se ponořím, chci upozornit, že tyto stránky nevyužívají kreativní rozvržení pouze kvůli tvořivosti. Jsou stále funkčními místy, která jsou mimořádně přehledná a snadno použitelná. Přesto mají své vlastní odlišné osobnosti, které jim umožňují vyniknout. To se přesně týká toho, co by portfolia měla dělat: pomozte svému tvůrci vyniknout z davu.
Krichevtsova Alexandra
To, co opravdu miluji o tomto příkladu pro téma tvůrčích rozvržení, je, že to není radikálně odlišné uspořádání. Ano, stránka neodpovídá normálnímu logu vlevo nahoře, navigaci přes horní přístup. Rozložení je odtud jen pár kroků. Myslím, že to velmi dobře ukazuje.
Cílem není vynalezit rozvržení z důvodu kreativity. Ale spíše, abyste se stali kreativní a vyložili stránku tak, aby informace byly co nejlépe sdělovány. V tomto případě tok vytvořený mírně atypickým uspořádáním funguje nádherně.
David Desandro
V tomto případě se zdá, že rozvržení je zcela neobvyklé. Na určité úrovni se cítí neúplná a zároveň se cítí zcela organizovaná a snadno použitelná. Rozšiřte se do portfolia a dalších stránek a budete snadno zapůsobeni rozmanitostí, kterou tato stránka představuje. Rozhodně má výzvu k tvůrčímu, ale technicky smýšlejícímu.
Deidre Bain
Tato stránka pro rolování jedné stránky také porušuje normy struktury uspořádání. V tomto vzorku je téměř celý návrh založen na rozvržení a ilustracích specifických pro danou stránku. Obvykle jde o přístup, který nefunguje dobře a vede k problémům s údržbou. Ale v případě portfolia osobního portfolia je to skutečně skvělý způsob, jak ukázat některé užitečné dovednosti. Nejpodstatnější je, že na místě je důkladnost, která vás očekává, že tento návrhář bude takový, jaký následuje na věcech. Je to takový jemný vzkaz, který může být mimořádně silný pro komunikaci ve vašem vlastním portfoliu.
Siddharth Arun
Nejprve se na tomto webu projevuje pocit, který se řídí standardním protokolem. Ale trochu komunikujte s místy a cítíte se naprosto unikátní. Někdy přijít s vaším vlastním kreativním krokem neznamená, že musíte vše znovu objevit. Stačí jen změnit tak, že výsledky jsou překvapující (a funkční).
Tučné písmo
Jak jsem viděla miniatury stránek, které byly shromážděny, aby se zde objevila jedna věc skutečně vynikla: použití extrémně velkého a odvážného textu. Ukázky uvedené níže obsahují obrovský text, který stojí na webu. Hlavním důvodem, proč mohu přijít s tímto přístupem, je jasnost.
Tento velký tučný text zajišťuje, že je oznámena alespoň jedna primární zpráva. V některých případech se cítí více funkční než ostatní, ale nakonec je výsledek vždy stejný. Pozornost uživatele je téměř jistě zaměřena na tuto kopii v poměrně velké velikosti. Sledujte vzorky a berte na vědomí různé způsoby, jakými kreativy uvedli tento prvek do práce.
Garth Humphrey
Justin Burns
Ammán, Jordánsko
Ross Angus
Alex Pierce
Ořízněte nahoře
Jak jsem již zmínil, některé modely jsou mnohem méně funkční a smysluplné než jiné. V tomto případě se mi téměř cítil špatně umístit následující vzorky v takové frivolní sadě. Níže uvedené stránky jsou absolutně nádherné; prosím, nepovažujte tuto klasifikaci za jakoukoli urážku vůbec. Ve skutečnosti se zde nacházejí dvě mé oblíbené stránky z tohoto článku.
V podstatě vzorek je, že se v horní části objevuje nějaký dekorativní pruh, pevná čára nebo cikcak vzor. Omezil jsem tuto sadu na tři stránky, ale pokud prohledáte některé z dalších příkladů, najdete stejný prvek v práci.
Proč jsou tak malé detaily, jako je to tak běžné? Snad s přístupem na jedné stránce je hezké označit horní část stránky. Tímto způsobem uživatelé získávají malý vizuální návod, jak začínají stránky.
Mathieu White
Klepněte na Nerds
Danilo Giagnoli
Textura textura textura
Další vizuální detail, který je extrémně častý na portfoliach, je textura. To platí zvláště pokud jde o prvky pozadí. Část současného vizuálního stylu obsahuje jemné textury do pozadí.
Zjistil jsem, že tento prvek dělá skvělou práci začlenění trochu organického prvku do stránky, která mu pomáhá odstranit z jeho technických podkladů. Tento jednoduchý prvek může dodat teplý dotek, který nějak dýchá tónu života do designu. Opět se projít mnoha z dříve krytých vzorků a najdete mnoho příkladů tohoto prvku v práci. Zde je několik vzorků, které to dělají velmi dobře.
Bjarke Clauson-Kaas
Aaron Lumsden
DS Higdon
Andrew Ckor
Další pozoruhodné portfolia stránek
Existuje nespočet kandidátů na tento typ sbírky. Je lákavé zahrnout v tomto případě příliš mnoho vzorků. Místo toho jsem se zaměřil na další sbírku stránek, které představují spíše širokou škálu stylů, struktur a celkových přístupů.
Jedna věc, kterou si všimnete, je, že některé z těchto stránek nejsou určeny pro návrháře. Zjistil jsem, že je velmi zajímavé vidět, jak jiný průmysl využíval internet k prodeji jednotlivce. Koneckonců, portfolia stránek je určena k tomu přesně. Takže kvůli inspiraci a čerstvým nápadům jsem zahrnul několik mimo web design.
Collin Henderson
Josh Miller
Nate Croft
Torsten Meb
Joey Rabbitt
Eric Salvail
Bekka Reese
Felix Menard
Marija Zaricová
Tobias Persson
Jake Dahn
Závěr
Vytvoření webu, který vás zastupuje online, není žádný malý podnik. Doufáme, že zde shromážděné stránky vás budou inspirovat a vyzvat.
Některé z zde představovaných prvků představují velmi úmyslné mechanismy pro ovládání zkušenosti uživatele a prodávání jednotlivce. Jiní demonstrují více či méně vizuální trendy ve vývoji. Domnívám se, že by nemělo být ani ignorováno, a nikdo by neměl jednostranně kontrolovat věci. Jedná se o zpochybnění norem, zachycení funkčních vzorců a posouzení vašeho obrazu online v novém světle, které může vést k revolučním nápadům, které vám pomohou vyniknout.
A co se týče tématu vystupování, cítím nucen připomínat lidem, že cílem není vynalézt nejoriginálnější rozhraní. Místo toho je cílem tvůrce myslet uvnitř omezení, která máme.
Z toho vždycky doufám, že najdeme kreativní řešení, která nám pomůže vyniknout úžasně funkčními výsledky. Pokud se podíváte na shromážděné vzorky, jsou nejen krásné, ale fungují úžasně dobře.
Jaké jsou některé z nejlepších portfolia stránek, které jste viděli? Jakékoliv další trendy, které jste v posledních letech zaznamenali v portfóliích návrhářů? Dejte nám vědět v komentářích!