Trendy základního návrhu, říjen 2016
Jak říká: Všechno staré je opět nové. To je pravda v designu jistě. Tento měsíc některé z největších trendů v návrhu webových stránek nejsou vůbec nové. Návrháři reinventují styly staré školy, vracejí se do sítě a přehodnocují zprávy na domovské stránce.
Je to zajímavá kombinace vizuálních prvků, které jsme v minulosti viděli, a pravděpodobně se v budoucnu pravděpodobně setkáme. Zde je to, co je v tomto měsíci trendem:
1. Typografie staré školy
Více návrhářů využívá starodávný přístup k zobrazování typografie. Pryč jsou ultratenké nebo kondenzované bez pata a jsou zde tradiční styly. Starý, moderní a přechodové serify jsou nový styl typu go-to display type.
Je to trochu překvapující. Po celé roky. "Pravidlem" bylo použití sans serifů pro zlepšení čitelnosti a designéři to dělali, často bez pochybností. Nové použití serifů pro velký typ - a dokonce i pro menší typy - je osvěžující a velmi čitelné. Designy často žijí v minimálním prostoru, takže typ nemusí soutěžit o pozornost a párování se zaměřuje na tmavé písmo na světlém pozadí. (Všechny věci, které pomáhají číst.)
Nevíte o těchto typových stylech moc? Zde je rychlý nápad na každou z těchto "nových" starých školních serifů:
- Starý styl: Lettering má starodávnou atmosféru, která přenáší některé černé a gotické styly z raného tisku. Letterforms často mají malé serify (ty drobné tahy na konci delších stokes) a zaoblenou formou. RSQ, níže, je perfektní vitrína staré typografie.
- Moderní: Tento styl písma je běžný v tištěném designu, jako jsou noviny a časopisy, ale právě se začíná prosadit do webových projektů. Moderní serify mají střídavě tlusté a tenké šířky zdvihu v každé písmeně, někdy s velkým množstvím kontrastu. Inkoust + Volt, dolů, používá krásný moderní serif. Ale také si uvědomte, jak se používá písmo. Typ je uvnitř bílého rámečku, takže tenké části každého dopisu se neztratit na pozadí videa, což by omezilo čitelnost. To je perfektní řešení pro použití moderního serifu.
- Přechodné: Tyto dopisní formuláře vypadají hodně jako moderní serify s jedním velkým rozdílem - písmena mají stejnou šířku zdvihu. To dělá tradiční serify jednodušší, protože mohou být více čitelné ve více designových situacích.
Ne všechny typografie staré školy spadá do kategorie serif. Některé styly staré školy, které se objevují, nám připomínají jiný čas, jako je ten, který používá Průvodce Frontendem. Funktivní, nakloněná, pozdní sedmdesátá léta - začátek 80. let vás opravdu vezme na jinou dobu a místo. (A to je úplně stará škola.)
2. Definované mřížky
Někdy můžete vidět mřížku, někdy nemůžete. Ať tak či onak, pevná mřížka je základem pro design, který je čistý a snadný pro oči.
Více definovaných sítí se vracejí. Část z toho může být z vlivu materiálového designu, který obsahuje spoustu prvků v čistých sloupcích a řadách a jeho součástí může být snadnost pohybu a přeskupování prvků v citlivých rámcích.
Ať tak či onak, definované mřížky mohou vypadat úžasně pro různé projekty na téměř libovolné obrazovce. Co je dobré s použitím definované mřížky, je to, že dělá život opravdu snadné pro návrháře. Jakmile se dostanete viset do práce v rámci mřížky, umístění, dimenzování a možnosti návrhu jasně představují vám.
Trik pro použití definovaných mříží není vypadat příliš strukturovaně nebo příliš mřížkově. Pro mnoho konstruktérů to znamená přepínání velikostí na různých "obrazovkách", jako například zobrazení hrdiny v celé šíři přes mřížku prvků. Elegantní čajové rakety "Dekáda", níže to dělá dobře. Webové stránky také obsahují jemné mřížky na domovské stránce v obraze, která je temná jakákoli tajemná, která vás vede k tajemným gridovým stránkám. High Tide, níže, dělá něco podobného s chladným intro video nad bloky mřížky.
Ale mřížka může být dobře definovaná a trochu méně boxovaná. Zumtobel, níže, používá písmena v názvu pro vytvoření bloků mřížky pro konkrétní informace o produktu. Pouze na vznášedlích uvidíte dokonale rozměrné rozvaděče, přestože umístění jsou v čisté mřížce ideálně rozmístěny vodorovně a svisle.
Čím více si myslíte o mřížkách, tím více je začnete vidět skrze oči tvůrce, který vytvořil každý. Můžete začít s některými běžnými webovými mřížkami, pokud nejste spokojeni s nápadem nebo si vytvořte vlastní. Trik je, že musíte používat mřížku důsledně pro skutečný vizuální úspěch.
3. Minimální zasílání zpráv nad "skládací"
Otázka dne je následující: Existuje dostatek informací nad svitem, aby vás zajímalo natolik, aby se na stránkách dívalo? Může to být těžké odpovědět. Ale spousta designérů vsadí na myšlenku, že kliknete nebo rolujete, i když na obrazovce je jen jedno slovo.
S dalšími vizuálními prvky, jako je video, posouvání posuvníků nebo lákavým displejem, mohou uživatelé dělat právě to. Ale to může být hazard, zvláště s návrhy, které neobsahují navigační menu s minimálními zprávami.
Pak je toto: Spousta uživatelů zadává webové stránky přes jiné stránky, než je domovská stránka, takže proč nehrozit riziko? Podívejte se na údaje a kliknutí, uvidíte, co se stane.
To je jeden z trendů, které budou zajímavé sledovat. Mohlo by to zhasnout téměř tak rychle, jak se ukázalo, ale v tomto modelu je mnoho stránek.
Závěr
Je to spousta legrace sledovat vývojové trendy cyklu zpět do módy. Co je hezké na dvou z těchto trendů - typografie staré školy a definované sítě - je, že jsou vysoce použitelné v řadě designových stylů.
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.