Trendy základního návrhu, únor 2017
Zajímavou vizuální přítomností nad svitek je první dojem, který uživatel získává z webových stránek. To, zda uživatel dále klikne, může záviset na mnoha věcech, včetně snímků, čitelnosti a celkového zájmu o obsah.
Tento měsíc se podíváme na tři trendy, které vytvářejí výrazné první impresivní tmavé barvy překrývající obrazy, brutalismus a duté nápisy. Zde je to, co je v tomto měsíci trendem:
1) Tmavé překrytí snímků
Nezáleží na tom, jestli je obraz hrdiny stále nebo se pohybuje, tmavá barva může pomoci dokonce barvy způsobem, který usnadňuje přidávání textu a dalších prvků do vrstvy v horní části obrazu. Zatímco to může nejprve znít jako zkratka, v této technice je hodně užitečné.
Primárním důvodem pro výběr překryvu barev je zvýšení čitelnosti. Většina obrázků obsahuje světlé a tmavé barvy, což je výzva k přidání písma, která je čitelná na každém zařízení. Dokonce i v případě, že je k dispozici dokonalé umístění pro širokoúhlé pracovní plochy, může být stejná kombinace obrázků a textů na mobilní obrazovce nerozpoznatelná.
Zde pomáhá barevná překryv. Vysoce průhledné promytí barvy nad obrazem nebo videem by mělo zvýšit kontrast. Pak má bílá nebo světlá barva místo a zůstane čitelná.
Tmavé barvy překrývají vizuálně zajímavé i z jiných důvodů. Nezůstávejte v pasti, že tma znamená černá nebo šedá. Tmavý překryv může být jakákoli barva, například zelená, kterou používá Internetum, níže. Zábavná nebo neobvyklá volba barev může pomoci uživatelům přitáhnout do návrhu.
Tmavý překryv může udělat ještě jednu věc: pomůže maskovat obraz nebo video, které nechcete být v popředí návrhu. Mohlo by to být proto, že obraz je trochu starý, trochu měkký z hlediska kompozice nebo jen ten, který vypadá trochu plochě. Barevná překryvná vrstva může změnit náladu obrazu, zjednodušit ji tak, aby se design více zaměřil na jiný obsah, jako je text, tlačítka pro akce nebo jiné grafické prvky.
Překryvy mohou být opravdu tmavé, například Digital Werk nebo mohou poskytnout jemné ztmavnutí ve způsobu Lytton Living. Víte, že máte správnou rovnováhu, když stále vidíte obrázek a všechny vrstvené prvky jsou snadno čitelné.
2. Brutalismus
Škaredý. Drsný. Ostrý. Zaneprázdněný.
To jsou jen pár slov, která někteří používali k popisu trendů v designu webových stránek brutalismu. Ale jen proto, že návrhář experimentuje s brutalismem, neznamená, že design je horký nepořádek. Je to naopak.
Tento styl používá jiný styl a cit, který zahrnuje věci, které vidíte, a věci, které nemůžete. Ben McNicholl to popsal takto v příspěvku Envato : "Brutalismus pochází z francouzského slova" surový ", takže si to pamatujte, když píšete svůj kód.
"Webová stránka nemusí být hrůzou přehlídky neuspořádaných obrazů a střety barvy písma; způsob, jakým byl kód napsán, je také symbolický styl. Vestavěné CSS, untabbed kód, HTML tabulky, seznam pokračuje. "
Existuje dostatek příkladů brutalismu, že existuje celok galerie webových stránek věnovaných těmto návrhům. V úvodu se na internetových stránkách odkazuje na brutalismus tímto způsobem: "Ve své nerozvážnosti a bezvýznamnosti vypadat pohodlně nebo snadno, brutalismus lze považovat za reakci mladší generace na lehkost, optimismus a frivolitu dnešního webového designu. "
Co je obzvláště zajímavé o brutalismu je to, že design vypadá tak odlišně od všech plochých a minimálních stylů, které byly tak převládající. Pokud narazíte na jeden z těchto návrhů, nemůžete pomoci, ale zastavit, hledat a zkoumat. Ať už si myslíte, že je to krásné nebo ošklivé, nebo něco mezi tím, to je konečný cíl jakéhokoli designu webových stránek.
3. Duté písmo
Písmena se zajímavými výplněmi se začínají objevovat všude. Zajímavostí tohoto trendu je, že má dva zřetelně odlišné pohledy:
- Duté písmo nad obrazem nebo na barevném pozadí, jako je například C & C Coffee.
- Písmo naplněné obrazem na obyčejném pozadí, jako je Londýnský lom, s alternativní verzí, kde můžete téměř vidět obrázek s jemným průhledným pozadím, jako je Moji matka před sebou.
Zatímco tento trend má mnoho vizuálních dopadů a je spousta legrace, může být poněkud obtížné provést.
Když přijde na duté písmo po fotografii, není vždy, že si můžete vybrat z mnoha typů písma a návrháři se mohou zaseknout pomocí stejných písem. To není ideální situace pro webové projekty vůbec. Existuje větší flexibilita pro jiné než webové projekty, kde se nemusíte obávat integrace a vykreslování písma.
Pokud jde o vyplněné nápisy, trik, jak to funguje, je, že obrazy uvnitř písmen musí být rozpoznatelné. Pokud uživatelé nemohou zjistit, jaký je obraz, návrh nebude účinný. Chcete-li pomoci, většina návrhářů se rozhodla pro tlusté blokové písmena, takže zde je více prostoru pro zobrazení obrázků. Obrázky jsou často abstraktnější, nebo textilie nebo krajina, protože lidský mozek má tendenci vyplnit prázdné stránky obrazu a stále funguje pro ně. Je mnohem obtížnější používat obrázky s tvářemi nebo objekty, které je třeba vidět určitým způsobem, protože musí být umístěny dokonale uvnitř znaků.
Navzdory tomu, že jsou poněkud náročné, oba nápisy mohou být vizuálně zajímavé a zábavné.
Závěr
Na rozdíl od některých dalších trendů, kde můžete provádět malé změny, představují tyto tři možnosti více celkového posunu stylů. Vidíte sami sebe v budoucích projektech?
Jaké trendy teď milujete (nebo nenávidíte)? Ráda bych viděla některé webové stránky, které vás fascinují. Drop mi odkaz na Twitter; Ráda bych vás slyšela.