Základní trendy ve vývoji, únor 2016
Hledáte webové stránky obnovit a nevíte, kde začít? Některé z nejmódnějších prvků v designu webu jsou nyní zábavné esteticky a docela snadno použitelné.
Přidání moderního prvku k aktuálnímu návrhu nebo novému sestavení vám pomůže vytvořit moderní atmosféru, která může pomoci návštěvníkům vašeho webu. A co je zvláště pěkné v souvislosti s těmito třemi trendy, je, že je můžete použít s existujícími prvky, barevnými a typografickými palety a značkami.
Zde je to, co je v tomto měsíci trendem:
1. Duotone barevné schémata
Duetone barevné palety jsou již dlouhou dobu, ale nedávný vzhled přidává efekt zbarvení do dvojitého přechodu pro efekt s vysokým nárazem na celou obrazovku. Je to něco, co se značně rozvinulo s plochým designem, ale díky vynikajícímu použití Spotify je duotone zpět.
Takže co přesně je duotone?
Je to použití dvou barev pro vytvoření palety. V nejzákladnější formě je duotone doplňkovou kombinací barevného kola. U složitějších použití používají návrháři všechny druhy barevných kombinací a porušují pravidla párováním.
Většina duotonových efektů má na snímku jasně zbarvený překryv. Duotonový efekt zvýrazní tmavé a světelné efekty a vytváří vizuální efekt s úžasnou barvou. Spotify ho skvěle využívá k tomu, aby standardní umělecké fotografie, které jste pravděpodobně viděli desítkykrát, vypadaly natolik natolik odlišně, že by vás upoutaly pozornost.
Je to technika, kterou můžete použít různými způsoby. Pracuje téměř s jakýmkoli konceptem návrhu a může být použit jako element na celou obrazovku, jako je mnoho z výše uvedených příkladů, k vytvoření dominantního umění. Může se také použít k vytvoření zajímavého pozadí, akcentování prvků uživatelského rozhraní nebo k přidání důrazu na určitou část návrhu. Duotone funguje nejlépe, když se používá pro jeden designový prvek. Technika může být silná a měla by být používána moderováním.
2. Návrh rozložené obrazovky
Webové stránky s designem s děleným plátnem rostou exponenciálně. Technika návrhu obsahuje dva panely obsahu vedle sebe. Většina těchto konceptů používá symetrický obrys, takže každá strana obrazovky má stejnou velikost a tvar.
Výsledkem je skvělý zážitek z dvojího obsahu v stolních počítačích a (při správném kódování) skvělý zážitek z obrazovky na obrazovce na menších zařízeních, kde se panely zhroutily a byly skládané rolovací prvky.
Designové příležitosti s trendem dělené obrazovky jsou neomezené - polovina a polovina rozdělení, rozdělení na karty nebo prvky ve stylu mřížky, jemné rozdělení a seznam pokračuje. Každá strana návrhu může také přivést uživatele k různým typům obsahu a pomoci vám shromáždit cenné uživatelské analýzy o typu obsahu, který lidé chtějí vidět a kliknout.
Projekty s rozdělenými obrazovkami jsou uživatelsky přívětivé, pracují dobře v citlivých rámcích a nepřekračují jiné konstrukční techniky, které byste chtěli používat.
Zde je několik způsobů, jak efektivně rozdělit obrazovku:
- Pár barvy a typografie, pokud nemáte silné vizuály.
- Zaměřte pozornost uživatele s pohybem zleva doprava, který vede k akci.
- Použijte blokování barev k rozdělení obrazovky a poskytněte vaší zprávě spoustu prostoru při zvyšování čitelnosti.
- Přemýšlejte o rozdělené obrazovce jako nadrozměrné karty. Stohovatelné kontejnerové prvky v mozaikovém nebo zděném stylu, které předvedou různé části obsahu.
- Udržujte každou "obrazovku" jednoduchou. Trikem tohoto konceptu návrhu je rozdělená obrazovka. Minimální styl může pomoci přidat důraz na obsah v něm.
3. Typografie ve sdíleném prostoru
To je jeden z těch trendů, které téměř musíte vidět, pochopit: typografie se rozšiřuje do sdílených prostorů v návrhu. Podívejte se na většinu webových stránek a tam jsou obrázky a pozadí a typ. Prvky jsou buď sestaveny, například na obrázku, nebo jsou zcela odděleny.
Více projektantů se vymaní z tohoto formátu a vytváří projekty, kde se typ rozšiřuje do prostoru jiných prvků. Je zajímavé a zábavné se na to podívat.
Může to být také výzva k vytvoření, kvůli obavám z čitelnosti.
Technika funguje nejlépe s jednoduchou typografií, jako je střednědobá bezpatková patka. Text by měl mít spoustu kontrastu, aby vynikl z pozadí a všech elementů, které překračuje. Z tohoto důvodu většina návrhů používajících tuto techniku používá bílé nebo černé písmo.
Text také musí mít nějakou velikost, aby to fungovalo. Téměř stejně důležitá jako barevný kontrast, je kontrast ve velikosti a prostoru. Musíte také věnovat zvláštní pozornost tomu, jak se pohybuje text s různými rozměry obrazovky nebo hraničními body, takže písmena nezahrnují oblasti obrazu, které jsou pro vaši zprávu důležité.
Jeden z nejvíce úžasných příkladů tohoto je od Deux Huit Huit (budete chtít navštívit stránky pro plný efekt). Písmo se pohybuje napříč a přes hlavní obrázek na domovské stránce. Slova jsou čitelná, protože "spadnou" na obrázek a protínají prostor mezi fotkou a pozadím.
Závěr
Zatímco spousta návrhových trendů přicházejí a odcházejí téměř tak rychle, jakmile je začínáte rozpoznávat, ty, které se držely kolem, často fungují dobře s jinými technikami testovanými v čase. To je to, co vyniká nejvíce o tomto triu moderních stylů. Každá z nich může být zpracována do rozvržení pro dotek novosti. Tyto techniky jsou poměrně snadno implementovatelné (a odstraněny později) bez zničení celé estetiky.
Vyzkoušejte jednu z těchto technik pro vizuální obnovu. Přemýšlejte o tom, že se dostanete z vaší komfortní zóny trochu s odvážnými barvami nebo změnou přímo na vaši domovskou stránku. Nebo jděte trochu odvážnější a zkuste kombinace trendových technik pro design, který opravdu vyčnívá. (Všimli jste si, že webové stránky pro společnost Stikwood využívají dva trendy - design s rozděleným plátnem a typografie ve sdíleném prostoru?)
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.