3 Trendy základního návrhu, červenec 2017
Tento měsíc se zaměřuje na konstrukční prvky. Mnoho posledních trendů zahrnovalo uživatelské vzory, barvu nebo typografii, ale zde je to všechno o jemných technikách. Základní trendy, které je třeba vzít na vědomí, zahrnují navigaci dolů, pole jako konstrukční prvek a spousta vertikálních linek a pohybů.
Zde je to, co je v tomto měsíci trendem:
1. Navigace dolů
Návrháři se zdají být v docela experimentální fázi, pokud jde o navigaci v těchto dnech. Ze svislých, bočních navigačních možností a stylů vyskakovacích stylů na downpage, jsou položky menu v podstatě všude.
Zatímco downpage navigace byla zřetelná ne-ne, může na vás růst. A jak více návrhářů se rozhodnou pro tento uživatelský vzor, bude obecněji přijato. Zde je jedno varování: Pokud se rozhodnete pro navigaci na nižší straně, věnujte pozornost analýze webových stránek, abyste zajistili, že vaši návštěvníci pochopí vzorec a pokračovali kliknutím. Tato technika nemusí fungovat pro všechny publikum.
Tak jak to funguješ?
- Nejlepších stylů navigace v dolní části jsou aplikovány na jednoduché návrhy. Hlavní stránka bez posunu a jen hrstka stránek je nejlepší.
- Prvky navigace na nižší straně se musí nacházet na velké straně, aby je uživatelé nepřehlédli.
- Lepší prvky jsou nutné, pokud je stránka delší.
- Zvažte navigaci dolů na domovské stránce pro novou alternativu, ale vráťte se k tradičnímu vzoru na interiérových stránkách.
- Použijte jej s minimálním rámcem. Navigace v režimu downpage se snadno ztratí v designu, který je složitý nebo má mnoho prvků, které soutěží o pozornost uživatele.
- Zahrnujte prvek "extra", který posune uživatele do navigace. To by mohlo zahrnovat vše od odvážného výběru barev až po vizuální směrování, které pomáhá vést oko k navigaci na netradičním místě.
2. Krabice jako konstrukční prvky
To by mohlo být jedním z nejpozoruhodnějších a nejobvyklejších trendů prvků z roku 2017 pro čistě estetické účely.
Krabice jsou skvělé kontejnery - jak jsme viděli z karetního trendu - ale návrháři pracují s krabicemi, které zvýrazňují obsah, předvádějí obrazy a přitahují oko do určité části plátna. A to funguje krásně.
Pěkná věc na tomto trendu je, že je tak všestranná. Nemusíte přehodnocovat celý návrh, abyste používali prvky v rámečku. Mohou sloužit jako čisté vizuály nebo odkazy na jiný obsah. Krabice může obsahovat téměř vše, od skvělého obrazu až po výzvu k akci.
Několik tipů, jak co nejlépe využít prvku s designem v krabici, patří:
- Použijte krabici k vytvoření hloubky nebo zaostření, například Cedrick Lachot , níže. Fotografie na černém pozadí jsou jednoduché a bílý text nahoře přidává zdůraznění obdélníkového tvaru a dalších rámečků s možností kliknutí na domovské stránce a v celém návrhu.
- Použijte rámeček k prvkům vrstvy. Feudi Di San Gregorio , níže, používá rámeček k tomu, aby nakreslil oko do velmi specifické části obsahu technikou vrstvení, která ho připadá jako součást obrazu. Podívejte se na ruce ve vztahu ke krabici. Stejný koncept se používá pro více obrazů v horizontálním kolečku a přidává další jednoduchou konstrukci složitou vrstvu.
- Použijte krabici pro vytvoření toku. Beoplay , níže, používá skládané krabice s obrázky pro vytvoření cesty pomocí návrhu. Každá skříňka animuje z několika menších políček, aby se zapojila do uživatele a podpořila posouvání.
- Použijte krabici k vytvoření prvku, který lze provést akcí, například vyskakovací volání, na návrh.
- Použijte krabice pro vytvoření designu s kartami ve stylu Materiál. Zatímco tento trend byl po nějakou dobu kolem, je stále oblíbenou volbou, zejména pro mobilní návrhy.
3. Vertikální čáry
Ne vždy myslíte na web jako svislý prostor, ale více designérů vkládá do návrhů velmi vertikální prvky.
Z hubených částí, které vytvářejí tok s fotografiemi s odlišnými prvky nahoru a dolů, mohou vertikální prvky pomoci uživatelům přes design, povzbuzovat posouvání a dokonce soustředit pozornost na určité prvky. Jako dodatečný bonus jsou vertikální prvky vizuálně zajímavé jednoduché, protože nejsou tak běžné jako horizontální, čtvercové nebo kruhové prvky.
Některá touha myslet více vertikálně může začít ve vašich rukou. Zatímco většina stolních webových stránek žije ve standardním 16: 9 prostoru, přístup na webové stránky na telefonech a tabletech se často otáčí na straně s více vertikální orientací. (V případě mnoha mobilních telefonů je tato orientace zřetelně vertikální.)
Díky tomu jsou vertikální akcenty a uživatelské vzory běžnější a více přijatelné pro návštěvníky webových stránek. Nebudou se bavit v designu nebo se divit, jak s ním komunikovat. Vertikální orientace je docela běžná.
Existuje spousta způsobů, jak začlenit vertikální pocit do designu.
- Vyzkoušejte pozadí s jemnými vertikálními liniemi, abyste vytvořili texturu.
- Vytvořte koláž snímků se svislými tvary.
- Pro stanovení hloubky mezi vrstvami prvků, jako jsou fotografie nebo videa a text, použijte vertikální čáry nad hlavním obrazem.
- Použijte vertikálně animované vyjímání k oddělování prvků v posuvníku obrazu.
- Naplánujte snímky s vertikálním zaostřením.
- Zvažte návrh s děleným plátnem tak, aby každá strana měla více vertikálně orientovaný poměr stran.
- Použijte vzorek pozadí malých objektů ve svislém zarovnání.
- Nainstalujte ikony stacků nebo prvky namísto jejich umístění na obrazovce.
Závěr
Pokaždé, když uvažujete o použití trendu v projektovém projektu, existuje určitý prvek rizika. Jak dlouho bude tento trend populární? Bude to vypadat designu datovaný?
Spíše než se rozhodnete pro plnohodnotné trendové možnosti webových stránek, zvažte trendové prvky, jako jsou ty, které jsou uvedeny výše. Tyto prvky lze jednodušeji začlenit do návrhu (a stejně snadno je odstranit, pokud se jim později nebudete líbit). Trik k zachování moderního stylu je v detailech; nevyžaduje zcela nový design každé šest měsíců.
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.