Základní trendy ve vývoji, květen 2017
Vytváření dobrého prvního dojmu je důležitou součástí návrhu webových stránek. Domovská stránka je často první zkušenost, kterou uživatel má s podnikem nebo organizací a nápadný design může pomoci vytvořit zájem. Témata tohoto měsíce se zaměřují na prvky návrhu stránky, které se trochu liší od toho, co jsou uživatelé zvyklí vidět.
Z čistě estetického trendu v mělkých hlavách hrdiny a diagonálních rozměrech rohů k trendům v interakci uživatelů v této či oné výzvě k akci existuje spousta zajímavých způsobů, jak upoutat pozornost uživatelů.
Zde je to, co je v tomto měsíci trendem:
1. Plytké hlavičky hrdiny
Na chvíli je trend s hrdiny obrazy velké, odvážné obrázky a videa, které vyplňují obrazovku, často z horní části domovské stránky vpravo, kde začíná posouvání. Více návrhů začíná odrážet tento nadměrný obrazový trend pro plytčí hrdiny.
Velká část designu je stále stejná. Záhlaví hrdiny stále obsahují pěkné obrázky nebo text s konfigurací, kterou je třeba se podívat. Obrazy jsou však zhruba z poloviny hluboké.
Co je na tomto konceptu hezké, pomáhá přesunout další informace na obrazovce. Kopie těla a volání na akce, které se nenacházejí v hrdinu, se objevují výše v návrhu, takže uživatelé mají něco udělat nebo kliknout hned. Pomůže zabránit nepořádek v samotném obrazu, což může být velmi důležité, pokud je obraz zaneprázdněný nebo těžko spárovaný s textem efektivně.
Tento designový vzorec může také přidat další mezery k celkovému designu, což z něj činí lehčí a snadnější navigaci. S více minimálními styly, které jsou stále populární, může být tento koncept jedním z faktorů, které řídí toto návrhové rozhodnutí.
Nejtěžší část používání obrazu mělčího hrdiny je oříznutí. Je to jedna z těch věcí, o kterých budete chtít přemýšlet brzy v procesu návrhu, a to až do doby, kdy s fotografem promluvíte o obrázcích. Vzhledem k tomu, že tento tvar není jako standardní, možná budete muset vysvětlit, jak chcete obrázek použít, abyste získali fotografii nebo video, které budou vypadat dobře s tímto poměrem stran.
2. Rozvržení diagonálního rohu
Některé trendy jsou příliš lákavé ignorovat. K těmto pojmům patří diagonální rozložení rohů.
Tyto návrhy jsou doloženy prvky, které jsou seskupeny v jednom rohu obrazovky - často vpravo dole - a vyvedou se na zbytek plátna. Elementy jsou často umístěny tak, aby vypadaly, jako by se do návrhu vzpamatovaly.
Diagonální rozvržení rohů poskytuje uživatelům jiný vzhled sledování oka tím, že vytváří ohnisko ve spodním rohu návrhu spíše než vlevo nahoře nebo uprostřed a vytvoří určitou hloubku s myšlenkou prvků, které se zdají "explodovat" po celé obrazovce. (Chcete-li navíc vyrazit do konstrukce, zvážte animační prvky, které zvýší tento efekt výbuchu s pohybem, když se uživatel posouvá nebo pohybuje nad určitými prvky.)
Chcete-li co nejvíce využít těchto prvků, mnoho návrhů "skrýt" více prvků pod rolovacím knoflíkem, abyste přidali tento další prvek reality tak, že části konstrukce, které nemůžete vidět, se cítí hmatatelné a existují na svitek.
Zatímco tento typ návrhového vzoru nefunguje s každým typem obsahu, může být dobrým nápadem pro návrhy, které nemají mnoho dalšího umění a používají mnoho prvků uživatelského rozhraní k tomu, aby upoutali pozornost. Může také pracovat pro návrhy v portfoliu nebo sloužit jako způsob uspořádání mnoha menších vizuálních prvků do jedné jednotky.
3. Tato nebo tato výzva k akci
Téměř každý design webových stránek obsahuje nějaký druh výzvy k akci. Ať už se jedná o formulář, který chcete vyplnit, odkaz na kliknutí nebo směr, abyste mohli posunout další obsah, je uživatel vyzván, aby něco udělal. (A oni často dostávají něco jiného jako odměnu za tuto snahu.)
Více návrhů se začíná objevovat se zrcadlovým výzvou k akcím, které uživatelům umožňují volbu z domovské stránky, když se rozhodnou, co dělat dál. Návrh by mohl vypadat spousty způsobů, jako je například přímý podvod, který by podváděl nebo nepochybovat Slova zraňují na volbu dvou panelů z Stoli na navigaci s možností kliknutí pro Hi Pointe Drive In .
Tento styl designu dává uživatelům kontrolu nad tím, co chtějí dělat a vidět, což může být lákavé se správnou kombinací obsahu a možností. Všechny tři níže uvedené příklady dělají skvělou práci v tom, co může uživatel udělat a co se stane. (Tam jsou také outs, pokud uživatel dělá špatnou volbu a musí se vrátit.)
Výzvou je, že pro tento návrhový vzor potřebujete právě ten správný druh obsahu. Někteří uživatelé mohou být ohromeni několika volbami a chtějí, aby jedna volba jednala s jednou volbou - dokončete akci nebo ne. Uživatelé zde mají dvakrát více možností. Aby bylo možné co nejlépe využít, musí obsah obsahovat úplné zapojení.
Závěr
Na rozdíl od některých dalších trendů, které jsme nedávno prozkoumali, trendy tohoto měsíce jsou čistě vizuální prvky, které můžete přidat k existujícímu designu v mouchách. (Přestože byste se mohli blížit, pokud máte štěstí.)
Tyto návrhové schémata se spoléhají spíše na plánování obsahu a designu tak, aby odpovídaly, s vědomím, že máte na mysli určitý koncept. Vyžaduje předplánování a v některých případech vyžaduje dokonce i malou HTML nebo CSS kouzlu, která ji vytahuje dohromady.
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.