3 Trendy základního návrhu, srpen 2017
Pokud letní psí dny touží po změně scenérie, tento měsíc trendy webového designu jsou perfektním začátkem. Zatímco minimalismus byl "to" styl pozdní, více návrhářů se začínají přesouvat k více podrobnostem a funkcí v rozvržení. Úžasné designové vzory, které začínáme vidět, jsou novou alternativou stylů, které jsme si zvykli.
Co myslíš? Jste připraveni na tenčí typografické možnosti, podrobnější detaily a loga ve stylu ikon? Možná byste se mohli podívat na některé z těchto projektů.
Zde je to, co je v tomto měsíci trendem:
1. Tenká (ner) typografie
Tenký typ je zpět! Tenké písmo dostalo špatný rap zpátky, když se Apple rozhodl pro super tenký, lehký font pro svůj operační systém s iOS 7.
Designéři se bavili na volbě, která byla trochu obtížná, aby bylo možné přečíst a zbytečně mnoho návrhových trendů v té době. (Flat byl všelijaký vztek, ale někteří argumentovali, že Apple je skoro plochý v kombinaci s ultra tenkým typem písma bylo příliš mnoho.) Zároveň se staly dominantními prvky širšího a odvážnějšího písma na titulní stránce a typografii na obrázcích hrdinů nad svitek .
Příliv se začíná posunovat opačným směrem. Dnešní tenké písma jsou poněkud tenčí než to, na co jsme zvyklí, ale nejsou tak blízko jako Apple.
Nejlepší věc, jak se rozhodnout pro tenčí typ písma, je, že máte v projekci trochu více svobody. Zatímco tenké písmo se nedoporučuje pro kopie těla, může pracovat při větších velikostech dobře, když je dostatek kontrastu.
Níže uvedené příklady ukazují některé z nejlepších použití tenčích typů písma:
- Použijte tenké písmo ve všech čepicích pro vytvoření úderného titulku. Tato volba často funguje nejlépe pouze s několika slovy, například Luxusní africké safari , níže. Stejně důležité je přemýšlet o nápisu ve vztahu k aktuálním písmům; některé slova mohou být těžké číst v tenkých písmech nebo čepicích.
- Párujte tenké písmo s odvážnější volbou k vytvoření důrazu, jako je WebDesignStudio , níže.
- Použijte tenčí typ písma v barvě (na kontrastním pozadí), abyste přidali vizuální důraz, například Leeds Golf Center , níže.
Hledáte inspiraci? Zde je pět písem Google, které odpovídají účtům (a budou vypadat skvěle): Zdroj Sans Pro , Dosis , Rozsah jednoho , Rajdhani , Martel Sans .
2. Vypracujte podrobnosti
Od zábavy vzkvétá až po fantazijní typografická ošetření k prvkům uživatelského rozhraní, které vytvářejí nečekané potěšení, stále více se rozvíjejí detailní detaily. Trik vytváření něčeho komplikovaného je, aby se pro uživatele zdálo co nejjednodušší, což znamená, že musí být snadné pochopit a používat.
Skvělá věc o detailech je, že mohou přidat do projektu hodně osobnosti. Tyto prvky mohou přenášet média od webových projektů až po návrh výrobků na tištěné prvky, takže vše od značky má to stejné vizuálně něco zvláštního. (Jedná se o vynikající způsob, jak vytvořit kohezi značky.)
Tyto podrobnosti se mohou objevit mnoha způsoby a měly by vždy přidat k celkovému účinku, aniž by to zhoršovaly. Vypracované detaily se nejlépe používají pro jednu instanci v návrhu a neměly by přemoci uživatele. Použití něčeho komplikovaného příliš mnohokrát může skončit vytvářením opaku zamýšleného účinku a skutečně vizuálně přemoci uživatele. Takže jakmile zjistíte svůj "trik", použijte ho jednou a použijte jej dobře.
The Skupina předků , dále používá komplikovaný styl s starým logem s barevnými okraji nad nadpisem. Typový styl je pro web design neobvyklý a kombinovaný s komplikovaným logotypem, je to nápadná kombinace. Můžete také vidět, jak může tento návrh fungovat pouze s jediným použitím. Textové písmo by mohlo být obtížné, pokud by bylo použito pro velké bloky textu a styl by mohl způsobit zasílání zpráv. Zde návrhový tým dokonale využil.
Vitra úřední židle , níže, využívá komplikované animace uživatelského rozhraní pro zapojení uživatelů. Domovská stránka obsahuje tlačítko "Přetažení", které se otevře v nabídce produktové řady. Pozadí zůstává v obou panelech stejné, takže židle jsou vždy zvýrazněny v navijáku videa. Animace mezi kliknutími jsou stejně zajímavé a dokonce i když nejste připraveni k nákupu židle, doporučujeme pohybovat se po internetu.
Někdy nejprogresivnější design neobsahuje žádné super speciální efekty. Pouze školu Kite , níže, používá zábavné video skutečné a velké logotyp pro kombinaci, která čerpá oko in. Zatímco velký logotyp vypadá jednoduše, vytváření typografie, která je jak čitelná, tak funkční tímto způsobem může být těžká. Zde funguje krásně a nálada nápisů odpovídá tomu, co by od tohoto druhu podnikání očekávali.
3. Ikona Logos
Je to ikona nebo logo? Čára mezi těmito dvěma konstrukčními prvky se stále více překračuje. Ikony ve stylu ikony se objevují všude.
Vyrobené z minimálního stylu a protože pracují v nejrůznějších aplikacích, loga ikon může být barevná nebo inspirována line-art. Většina z nich používá štíhlé logo k menšímu stylu ve tvaru, který také přenáší na stránky sociálních médií pro konzistentní branding online.
Nevýhodou loga ikony je, že není dostatek místa pro skutečné jméno společnosti. Nejlepší loga ikon je navržena tak, aby mohla stát samostatně nebo vedle písma, jako například District0x , níže. Všimněte si, jak by barevné ikoně "d" mohly fungovat samy o sobě - vypadá to skvěle v kruhu ve formátu logo Twitter kvůli asymetrickému tvaru - a necítí se v cestě, když spáruje s plnou značkou.
Jardan nábytek a Nobbys Lighthouse , níže, vyberte více stylů ikon jednoduchých ikon s názvem značky nastaveným níže. Zatímco toto je oblíbená možnost, může to způsobit nějaké odpojení mezi jménem a logem. Volba umístění, která propojuje prvky - oba příklady vycentrovaly logo a sdružili název firmy - vytvořili cestu pro oko z jednoho prvku k druhému.
Závěr
Je zábavné sledovat, jak se trendy začínají přecházet z jedné dynamiky na druhou. Myslíte si, že podrobnější styly nahradí minimalismus? Nebo je to jen průchod?
Jaké trendy teď milujete (nebo nenávidíte)? Ráda bych viděla některé webové stránky, které vás fascinují. Pusť mi odkaz na Twitteru ; Ráda bych vás slyšela.