Trendy zásadního návrhu, prosinec 2016
Zjistili jste někdy, že si všimnete, že určitý designový prvek se právě objevuje? Dokonce i ty drobné detaily, které vypadají poněkud nevýznamné, mohou být ukazateli trendů ve vývoji. To platí obzvláště u prvků v tomto měsíci roundup.
Každý z těchto trendů - bílé okraje, které vytvářejí webový design, kamery a malé animace načítání - jsou zdánlivě jednoduché detaily, které zlepšují vizuální zážitek uživatelů.
Zde je to, co je v tomto měsíci trendem:
1) Bílé okraje
Více webových návrhů používá bílé hrany nebo rámování po obvodu návrhu ve webovém prohlížeči. Je to nový zákrok starého nápadu, kdy byly stavěny další webové stránky na určité velikosti a rámování bylo použito pro nepatrné šířky prohlížeče.
Je to něco, co vybledlo, jelikož další designéři se rozhodli pro citlivé návrhy v plné šíři.
Nový twist s rámováním je zajímavý a je příjemným způsobem, jak vytvořit plátno pro design. Většina webů využívajících tento trend zahrnuje bílý společný, ale ne povinný okraj kolem návrhu. Je široký několik pixelů a je obvykle umístěn kolem tří nebo čtyř stran návrhu. (Někteří se rozhodli opustit rám ze spodní části návrhu, aby podpořili rolování.)
Pěkná věc na bílém okraji je, že design je čistý bílými čarami, které mohou pomoci zaměřit se na silné barvy, kreslit oko od okraje obrazovky k jiným světelným prvkům (jako jsou textové schránky nebo výzvy k akci) a okraj může pomoci vytvořit pozadí plátno pro rolování paralaxy nebo jiné animované efekty.
Pivovar Camden Town je to mimořádně dobře. Bílé rámování vyplňuje mezi prvky konstrukce a vytváří tak pro uživatele hloubku a zaostření. Bílá separace rozděluje každou novou sekci obsahu na obrazovce a přispívá k celkové organizaci návrhu. (Kromě toho bílé akcenty skutečně vyvedou silnou červenou a černou barevnou paletu, aby se kombinace necítila příliš ohromující.)
2) Cinemagrafy
Cinemagrafy jsou fotografie s prvek pohybu v nich. Může to být něco z fotografie člověka, který blikne oči k jemnému oblačnému pohybu na obloze, kde se nic jiného nehýbe. Zatímco nejčastějším využíváním návrhového trendu se stále zdá být reklama a sociální média, weboví návrháři začínají začlenit tuto techniku "živé fotografie".
Funguje proto, že uživatelé zaujmou pohyb. Je to efektivní z mnoha stejných důvodů, protože video je dobrou volbou, abyste upoutali pozornost uživatele. Pohyb a akce jsou aktivní. To je zajímavé. Je to skutečné.
Pokud jde o práci s filmem, je bonusem, že můžete vytvořit design s pohybem, ale bez vysoké produkce, která přichází s video projektem.
Trik, který dělá cinemagraphs pracovat je zakořenit pohyb ve skutečnosti. Dokonce i když scéna je více představil, takový jako Monochromní Paříž , na pohyb na obrazovce by se měly vztahovat zákony fyziky. Voda by měla proudit po proudu, například by měla být síla v tom, jak se pohybuje.
Pohyb musí být také jednoduchý a jemný. Příliš mnoho pohybu a video by mohlo být lepší volbou. To, co přitahuje uživatele do snímku, je ten element překvapení. Co vypadá jako statická fotka v obrazu hrdiny, ve skutečnosti má něco, co se v něm děje. Ten malý divák pomůže přitáhnout lidi, udržet je v práci s designem déle a doufejme, že skončí konverzí webových stránek.
3) Tiny animace načítání
Doby zatížení jsou velký problém. Ale nemůžete vždy počítat s rychlostí sítě, na které je uživatel zapnutý; to je místo, kde se malé animace načítání může stát velkým problémem.
Co se liší od drobného nakládání s animací, je to, že někdy to vidíte, někdy nemáte konstrukční prvek. Ať tak či onak projektový tým věnuje zvláštní pozornost tomu, aby každý uživatel přišel na webové stránky s pozitivní zkušeností.
Tyto drobné animace jsou identifikovatelné skutečností, že nejsou skutečně součástí uživatelského zážitku, který se počítá k celkovému cíli webových stránek. Jedná se o jednoduchý, malý prvek, který upoutá vaši pozornost na okamžik, zatímco primární design stránek je podáván.
Chytrá věc na tomhle vývoji je, že tyto malé animace načítání jsou opravdu maličké, od velikosti samotného vizuálu až po akce na obrazovce, není toho hodně co vidět, ale to, co je tam, je naprosto nádherné.
Zde jsou tři skvělé příklady:
- Hannah Purmort to načítání animace je jediný pohybový zdvih v opačné kombinaci barev hlavní obrazovky. Tento zdvih se provádí také pomocí návrhu v rolovacím efektu.
- Susa Ventures obsahuje malou ikonu s malým zatěžovacím panelem. Tenhle chytne vaši pozornost, protože malá gorila je vizuálně zajímavá a zvědavá na obsah webových stránek.
- FPG používá náčrtek, který se zdá být vykreslen na obrazovce jako zbytek načtení domovské stránky. Jediným signálem, že je to načítání animací, je, že zbytek obrazovky je mnohem komplikovanější, jakmile je načtena běžícím videem a ještě více skic. Efekt je bezproblémový a končí téměř předtím, než si uživatel uvědomí, že se začalo.
Závěr
Podrobnosti jsou jádrem každého dobrého designu. Je důležité si pamatovat, že navrhování (a účetnictví) věcí, které si každý uživatel nevšimne, je důležité. Tak se každý z těchto trendů spojí - prostřednictvím malých konstrukčních prvků, které nejsou zjevnou součástí celkové estetiky.
Tyto drobné prvky mohou být tím, co opravdu nastaví váš web pro uživatele. Může to být prvek potěšení, který přináší někoho zpět k vašemu designu. Podrobnosti mohou být odlišením mezi úspěchem a selháním.
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.