Trendy v portfoliu 15+ v roce 2020
Kdy jste naposledy aktualizovali své portfolio návrhů? (Pokud jste jako já, je to pravděpodobně už nějakou dobu.) Udržování čerstvého portfolia je dobrý způsob, jak předvést své dovednosti potenciálním klientům, a může být užitečný při zpětném pohledu na práci pro každoroční soutěžní příspěvky.
Pokud jste s návrhem portfolia zaostali, nebo potřebujete nové portfolio obecně, je to skvělá příležitost vytvořit něco pomocí moderních technik a vizuálů.
Moderní portfolio využívající trendy designu může udělat velký dojem. Portfolio je také reprezentací vašich dovedností - takže designujte moudře! Zde je pohled na některé z našich oblíbených trendů v návrhu portfolia pro rok 2020.
Prozkoumejte zdroje návrhu
1. Domovská stránka Bios
Neexistuje žádné pravidlo, že váš životopis musí být na stránce O webu vašeho portfolia. Jedním z nejsilnějších trendů v designu portfolia je přesunout bio - nebo alespoň jeho krátkou verzi - na domovskou stránku.
Je to skvělý způsob, jak lidem přesně říci, co děláte od začátku. Nebude se hádat, o čem je vaše portfolio a jaký typ kreativy jste.
Je to místo, kde si můžete vytvořit osobní prohlášení nebo dokonce zvýraznit různé projekty. Portfolio Billa Chiena to dělá krásně pomocí biografu ve stylu filmových kreditů, který se posouvá na domovské stránce. Jeho bio je do jisté míry jednoduché a ukazuje jeho kreativní myšlení.
2. Spousta interaktivity
Interaktivní portfolia jsou v.
Mnohé z těchto návrhů portfolia jsou vizuálně hlasité, plné pohybu, barvy a věcí, na které můžete kliknout nebo ochladit měnící se stavy přechodu. Existuje téměř neomezená příležitost používat efekty a techniky návrhu.
Co se týká vysoce interaktivního portfolia, je to, že poskytuje místo k předvádění některých nejvyšších dovedností UX.
Výzva spočívá v tom, že návrhy někdy mohou být ohromující. Ujistěte se, že sledujete chování a zapojení uživatelů, a pokud ztratíte návštěvníky, může to stát za šanci. (Může to být také dobrý test pro nasazení podobných technik v jiných projektech.)
3. Neobvyklé návrhové vzory
Trendy jsou také portfolia, která testují nové vzory designu. Běžné jsou pohyblivé tradiční navigační prvky, zakrývání textu a dokonce experimentování s animačními stavy.
Tento trend by mohl být populární, protože poskytuje projektantům příležitost zahrát si trochu hřiště na testování technik a efektů. Co je na tom hezké, je to, že tento trend posouvá naši představu o tom, co je, není správný způsob, jak něco udělat.
Výše uvedený příklad používá několik vizuálních trendů a neobvyklých vzorů současně. K dispozici je obrysová typografie, která je částečně skrytá, animovaný stav přechodu na barevnou kouli a navigace, která je na svislých okrajích obrazovky.
Trend portfolia vás nutí přemýšlet o designových normách a o tom, jak se o nich cítíte, když se potápíte v práci.
4. Černobílá
Černobílé vzory, často s barevným akcentem, jsou právě teď obrovské.
Největším přispívajícím faktorem by mohlo být to, že černobílé designové vzory usnadňují prohlížení portfoliových prací, které jsou často barevné. Poskytuje věc, kterou chcete, aby lidé viděli větší pozornost, když se objeví na obrazovce.
Spárováno s tímto černobílým trendem je dalším běžným faktorem. Kusy portfolia se na domovské stránce neobjevují; uživatelé je musí proklikat, aby je našli.
5. Trendy typografie
S úžasnou typografií se nikdy nemůžete pokazit. Ať už používáte trendový typ prvku, jako jsou výše uvedené obrysy, nebo prostě krásné písmo, tento trend nikdy nezestárne.
Silné typografické dovednosti pomohou vašemu portfoliu zářit a ostatním pomohou pochopit kvalitu vaší práce. Tento trend ukazuje, proč je důležité vytvořit portfolio, které představuje sílu vašich dovedností.
Potenciální zaměstnavatelé a klienti často získají dojem o druhu kreativy, kterou prostě vidíte na webových stránkách svého portfolia. Téměř každý návrhář by rád byl považován za někoho, kdo má silné typografické dovednosti. Použití módní typografie rozhodně vyhovuje návrhu zákona.
6. Vysoce výkonné efekty
Portfolio společnosti Victor Costa je příkladem toho, jak vytvořit vysoce výkonné portfolio. Protože weboví návrháři, fotografové a další kreativy využívají svá portfolia k předvedení toho, co mohou dělat, je zde výrazný posun k více vysoce výkonným návrhům. (Některé z nich jsou příliš velké pro mobilní displeje. Pokud se vydáte touto cestou, ujistěte se, že máte alternativní bránu.)
Tyto vysoce výkonné návrhy jsou vybaveny šikovným skriptem JavaScript, animací a efekty, které jsou navrženy tak, aby uživatelům ohromily.
Portfolio společnosti Victor Costa je příkladem toho, jak vytvořit vysoce výkonné portfolio. Otevře se s možností pro uživatele - standardní nebo vysoce výkonný. Portfolio je plné interaktivních prvků, zeslabování a posouvání akcí a animací. Tyto techniky odpovídají prvkům, na které odkazuje ve své biografii, a nejsou jen ukázkou minulé práce, ale ukazatelem toho, co může pro klienty udělat.
7. Spousta prostoru
Něco, co se objevovalo ve více vzorech napříč deskou, se také dostává do designu portfolia - dostatek prostoru mezi prvky a objekty.
Zdá se, že tento trend má kořeny v zajištění toho, že položky jsou na mobilních zařízeních řádně odděleny a mají dostatek místa na klepnutí, ale další prostor může vypadat skvěle i na obrazovkách stolních počítačů. (Je pravda, že jsem vždy byl fanouškem bílého prostoru.)
Portfolio Lotty Nieminen je perfektním příkladem tohoto designu v akci. Super hluboká záhlaví zabírá více než třetinu obrazovky, zatímco vertikální a horizontální prostor mezi obrazy portfolia je super široký. Každý prvek stojí sám o sobě a přehnané rozestupy dávají každému projektu prostor na jeho postavení, což může být obzvláště příjemné pro návrh portfolia s potenciálem pro tolik různých typů obrázků.
8. Groovy UI
Spárování minimálně stylizovaného designu se stylovými efekty uživatelského rozhraní může vytvořit docela ohromující portfolio. Tato kombinace vizuální jednoduchosti a komplexní interakce může uživatele potěšit a udržet je při pohledu přes různé obrazovky a projekty portfolia.
Kliknutím na výše uvedený příklad zobrazíte, jak každý projekt portfolia klouže na obrazovku s efektem zvlnění, než se zastaví. Kurzor se také posune a tvaruje, což označuje prvky kliknutí, které uživatele přivedou do každého projektu způsobem, který víc než jen přečte o tom, jak se design spojil.
Toto je portfolio, se kterým můžete strávit hodiny díky groovy UI.
9. Velká typografie
Typografie a text jsou některé z nejčastěji přehlížených konstrukčních prvků při plánování projektu nebo portfolia. Silná typografie a jazyk mohou být perfektním úvodem do vaší práce (a portfolia). Většina lidí pravděpodobně zná Tobiase van Schneidera z jeho podniků jako designér nebo podcaster, ale očekávali byste, že jeho domovská stránka portfolia bude převážně textová?
Typografie a text jsou některé z nejčastěji přehlížených konstrukčních prvků při plánování projektu nebo portfolia. Většina z nás se tak zajímá o vizualizaci nebo animaci.
Tento příklad ukazuje, proč se tolik designérů rozhodlo pro portfolia se silnou typografií. Nastavuje správný tón - víte, co dělá a o čem je stránka - předtím, než se dostanete do hlubších vizuálů. (Tato možnost také zdůrazňuje jeho sílu u návrhů, které obsahují hodně textu.)
10. Portfolia, která nevypadají jako portfolia
… Jako designér nemusíte přijít s něčím úplně novým, abyste předvedli svou práci Jedním z největších trendů v designu portfolia je vytvoření portfolia, které vypadá jako jiný typ webových stránek.
Portfolio Robina Mastromarina vypadá jako webové stránky pro bar nebo módní návrhářku nebo profesionálního sportovce, v závislosti na tom, kterou část posuvníku zobrazíte jako první. Je to krásné a jednoduché a nejpůsobivější je místnost, ve které musí každý projekt svítit.
Jemné narážky pomáhají uživatelům pochopit prvky portfolia, jako jsou malé číslice nad nadpisem a datum níže. Plus, prvek posuvu, který podporuje posouvání zleva doprava s částečnými titulky z jiných projektů.
Další věci, které jsou na tomto stylu portfolia tak pěkné, jsou, že jako designér nemusíte přijít s něčím úplně novým, abyste předvedli svou práci. Vzhledem k velkému „umění“ pro projekty se zaměřují spíše na dokončené práce, než na vytváření něčeho zcela nového. (Jak je to možné při vytváření něčeho, co můžete rychle aktualizovat?)
11. Animovaná navigace na celou obrazovku
Mnoho návrhářů se na chvíli rozhodlo pro jednostránková portfolia. To se posunulo zpět na vícestránkové projekty s twistem - nedostatek tradiční navigace.
Domovská stránka slouží jako navigace k jednotlivým projektům a stránkám s animovanými efekty v těchto projektech a vytváří tak uživatelům působivější a zcela interaktivní zážitek.
To vytváří pěkné UX, které by mohlo přimět klienta, aby viděl podobnou techniku, a je to dobrý způsob, jak klást důraz na vaši schopnost vytvářet v digitálním prostoru, i když to všechny položky ve vašem portfoliu neodrážejí.
12. Vzory rozdělené obrazovky
Vzory rozdělených obrazovek již nějakou dobu trendují a další portfolia používají tento design, i když tuto funkci nevyužívají. Funguje to proto, že párování prvků pomáhá uživatelům přes obrazovku přijímat vše, co je před nimi.
Xavier Cusso používá design s rozdělenou obrazovkou s velkými efekty posouvání paralaxy pro přechod z projektu do projektu. Design obrazovky s barevným blokem pomáhá zdůraznit, že web je jeho tvorba, zatímco prvkem uprostřed je portfoliový projekt, který je třeba prozkoumat. Určitě to odděluje portfolio od návrhů projektů.
Je to pěkný způsob, jak zvládnout velké projekty - všimněte si grafiky Adidas Climaheat zde - při zachování vaší identity v návrhu portfolia. (Nezapomeňte zde prokliknout a navštívit jednotlivé projekty; celkový design portfolia je působivý.)
13. Minimalismus inspirovaný design
Nejlepší věc na portfoliu inspirovaném minimalismem je, že dává designu dostatek prostoru pro lesk. Návrh skutečného portfolia se stává relativně neviditelným, takže veškerý důraz je kladen na prvky, které chcete, aby lidé viděli.
Designer Shawn Park nedávno napsal o tom, jak každý rok redesignuje své portfolio pro UX Collective - vřele doporučuji, abyste si tento článek přečetli zde - a současný design (výše) ukazuje vývoj trendů designu sám o sobě.
Park zahrnuje iterace designu svého portfolia v příspěvku, počínaje rokem 2013, a můžete vidět, jak trendy designu ovlivnily jeho portfolio. Můžete také vidět, jak tento nový minimální styl usnadňuje vidět jeho práci dnes než v předchozích inkarnacích.
14. Velkoformátové hlavní stránky
Velké headshoty jsou hodně, zejména s vývojáři a návrháři interakcí.
Tento trend portfolia může být populární, protože je těžší vizuálně ukázat tuto práci: Zdůrazňujete kód?
Trik, jak tento design portfolia fungovat, je silný obraz. Musí to být více než headshot; potřebuje k tomu náladu. Pak ji spárujte se silnou typografií, aby bylo zřejmé, že se jedná o web portfolia a co děláte. Uchovávejte všechny tyto informace nad svitkem pro nejlepší šanci, jak udržet návštěvníky pohybující se v designu.
A několik šikovných efektů také nemůže ublížit.
15. Modulové sítě
Jedním z trendů designu portfolia, který se nikdy nezmizí, je použití modulárních sítí k předvádění projektů. Je to skvělá - a funkční - možnost, protože můžete „vznášet“ obrazy různých projektů na jednom plátně.
Kimi Lewis dělá se svým portfoliem něco trochu jiného, výše. Spíše než spousta malých bloků, které ukazují portfoliové projekty, je tento design velký. Míchá a porovnává čtvercové a dlouhé vodorovné obrazy v nadměrné mřížce.
Uživatelé získají dobrý pocit z každého projektu hned od začátku. Přidejte nadrozměrné mřížkové obrazy k nějakému přehnanému rozestupu mezi elementy a toto portfolio by mohlo být jedním z nejjednodušších pro strávení, které jsem za chvíli viděl. K dispozici je také šikovná animace vznášejícího se na každém obrázku s názvem klienta a typem projektu, který poskytuje další informace před kliknutím.
16. Jasná, lehká estetika
Nikdo neřekl, že portfolio návrhů musí být nudné. Zatímco mnoho z těchto návrhů je tmavých nebo bílých - většinou proto, že tyto ploché barvy usnadňují vidění projektů - jasné, šílené barvy mohou také fungovat.
Portfolio společnosti Denys Mishunov je skvělým příkladem použití barev a ilustrací. Jasné barevné schéma přitahuje pozornost a ilustrace je zábavnou součástí nadrozměrného headshotu.
Když pracujete jako v tomto portfoliu - frontend, JavaScript, školení - trochu kreativity může jít dlouhou cestu. Pomáhá nejen přilákat uživatele, ale také říká něco o vašem pracovním stylu a filozofii designu. (To vám může pomoci najít klienty, kteří se nejlépe hodí.)
17. Barevné překryvy
Portfolio společnosti Heather Shaw funguje, protože každý projekt je tak odlišný, ale barevné překryvy dávají domovské stránce pocit pohody. Jednou z nejnáročnějších věcí při vytváření portfolia je domovská stránka. Jak si prohlížíte pracovní nebo projektové sekce způsobem, který bude lákat uživatele ke skutečnému prokliknutí?
Odpovědí může být částečné zatemnění práce. Použití zajímavých barevných překryvů na odkazech na náhledy obrázků může být vizuálně poutavým způsobem, jak podpořit kliknutí na jednotlivé projekty. Udržuje čistotu vaší domovské stránky konzistentním vzhledem a stylem pro různé části webu, zajišťuje, že jedna stránka není příliš těžká a pomalá na načtení, a poskytuje příležitost zdůraznit něco o projektu před kliknutím.
Portfolio společnosti Heather Shaw výše funguje, protože každý projekt je tak odlišný, ale barevné překryvy dávají domovské stránce propojený pocit. Uživatel také ví, jaký druh projektu se chystají zobrazit díky štítkům se jmény klientů a typu projektu. Jedná se o vysoce splavný a snadno srozumitelný formát, který zaujme vizuálně.
18. Efektivní prezentace projektu
A pak je zde opačný konec spektra - portfolia, která mají jednodušší vzhled a dojem. Prospěch může ukázat pouze hrstka projektů.
Zajišťuje, že uživatelé uvidí pouze to, na co se chtějí zaměřit, a ne rozptylovat se.
Stefanie Bruckler také používá formát mřížky modulu, ale s méně položkami ve více uzavřeném prostoru. Navíc je to všechno pod hlavním svitkem, který obsahuje design ve stylu minimální vizitky.
Má vzhled, který je vyleštěný a elegantní, a vytváří zřetelný tón pro práci tohoto návrháře.
Závěr
Stále ještě nejste připraveni přepracovat své portfolio? I když se jedná o kreativní projekt, jedná se také o investici do vašeho podnikání, ať už pracujete pro společnost nebo na volné noze.
Potenciální klienti vás hledají dříve, než vůbec víte, že existují. Moderní, moderní portfolio s vašimi nejlepšími projekty může udělat silný první dojem.
