5 aktuálních trendů v oblasti webových návrhů pro rok 2016

Kdykoli vidím odkaz nazvaný Trendy webového designu pro tento rok, šťastně na něj kliknu, abych byl zklamaný během několika minut. Vždy se jedná o trendy z minulého roku nebo o jiné trendy, jako jsou například ilustrace. Věděli jste, že animace jsou zřejmě velkým trendem? Vážně, pokud píšete seznam trendů a zahrnete video na pozadí celé obrazovky jako trend pro rok 2016, měli byste se opravdu pokusit jít online a podívat se na webové stránky, než si zapíšete seznam. Nikdo nemá rád klikací návnady. Každopádně, bez dalších okolků, zde je seznam pěti skutečných trendů za první pololetí tohoto roku.

1) Celá obrazovka a nelze ji posouvat

Non rolovatelné weby konečně získávají trakci. Tam, kde se webové stránky jedné stránky, které procházely věčností, se záhlavím lepivého odkazu na odkaz nahoře, téměř staly běžným způsobem vytváření domovských stránek, je hezké vidět stránky, na které musíte kliknout, abyste se mohli orientovat. Stejně jako lidé nenávidí rolování, může to být někdy hezké. Klíčem při navrhování těchto webů je použití obrazovky pro omezení. Prototyp v Keynote. Na těchto webech je běžná navigace pomocí klávesnice.

Základy ochrany osobních údajů na Facebooku

Tři příklady webů na celé obrazovce bez posouvání:

  1. Základy ochrany osobních údajů na Facebooku - Skvělé stránky, i když nereagují, Facebook vysvětlují krok za krokem, jak soukromí funguje na jejich službě. Skvělé ilustrace!
  2. Fantasy - Velmi očekávaná nová webová stránka designérské agentury Fantasy, která byla spuštěna na začátku tohoto roku, nezklamala. Zejména se podívejte do sekce Práce, vše zůstává na obrazovce.
  3. KLM 50 Travels - Krásné místo kampaně pro KLM. Provede vás přes 50 cílů, vždy po jedné obrazovce. Navigujte pomocí kláves se šipkami a mezerníkem.

2. Lepivý titulek na stranu

Pokud jde o nejnovější trendy v oblasti webdesignu, je vždy moudré podívat se na stránky agentur, nebo spíše na designová studia. A v poslední době je to režim á la, aby se vaše titulky posunuly na stranu textu. Všechny skvělé děti to dělají. Jedná se o trend pouze pro stolní počítače, takže pokud si toto přečtete na svém telefonu, bude mi to prostě muset důvěřovat, aniž byste navštívili vzorové odkazy.

Kód a teorie

Tři příklady lepivých titulků na straně:

  1. Code & Theory - Titulky města zůstávají na obrázku, když procházíte otevřenými pozicemi na tomto krásném webu.
  2. Stack Overflow - Tenhle účet nevyhovuje sto procent, ale není to agenturní web, který by mu tak vyhověl. Při rolování zůstává sub-navigace lepkavá napravo. Pěkný.
  3. DDB Sthlm - jsem ze Švédska, takže hodím také do švédského příkladu. Pokud v jejich nabídce stisknete tlačítko Work a přejdete dolů, uvidíte vertikální nadpis na straně.

3) Logo je zavaděč

To je obrovský trend a tento rok se stal téměř synonymem pro webové stránky agentur. Každý to má. A tak by měli, protože to vypadá skvěle a dává návštěvníkovi pocit, že web je součástí značky. Velmi chytrý.

Nástroj

Tři příklady použití loga jako zavaděče:

  • Instrument - Tento web zobrazuje své logo pouze tehdy, když se stránka načítá a když otevřete navigační nabídku. To je nové a hloupé.
  • Fubiz - Tento web udělal velký úvod, když byl spuštěn, a to z dobrých důvodů. Stránka má pro každou sekci jiné logo, všechny s velmi pěknými animacemi.
  • Toto také - Skvělé webové stránky designového studia se spoustou dosud neviděných uměleckých ředitelů pro agentury. I když to technicky není logo, navigační ikona je zde zavaděč, ale nachází se tam, kde obvykle logo vyhovuje.

4) Přerušené obrázky na pozadí

Obrázky na pozadí, které vyplňují celé okno prohlížeče, nejsou ničím novým, je to pravděpodobně v horní části klasického příspěvku Skutečné trendy v designu webů 2013, ale to ho posouvá na novou úroveň. Přidejte na obrázek na pozadí nějaké efekty přechodu myši a je dobré jít.

Aktivní teorie

Tři příklady přerušených obrázků na pozadí:

  1. Make me pulse - Přesuňte myš na pozadí a podívejte se, jak hory ožívají, velmi dobře.
  2. Aktivní teorie - Pokud vytváříte web pro svou agenturu, jaký lepší způsob, jak ukázat, máte nějaké šílené webové dovednosti, než aby vypadal jako experiment Google? Žádný.
  3. Podrobnosti - Toto bude vyžadovat určité rolování. Tato švýcarská agentura pro design zjevně nevěří v kotevní odkazy, takže pokud přejdete dolů na konec stránky 4/4 Nos Experts a umístíte fotografie, uvidíte na nich mírné zkreslení. Pěkný!

5) Přes nejlepší animace

To je nyní technicky možné, tak proč ne? Pokud se to udělá správně, může to být velmi vizuálně potěšující a zábavný zážitek, pokud bude špatný, budou to stránky Flash znovu. Slovo od moudrých: používejte opatrně, ale při použití jděte daleko přes vrchol.

Waaark

Tři příklady více než nejlepších animací:

  1. Waaark - Lol, toto malé designové studio vytvořilo nejúžasnější vizuální zážitky tohoto roku. Pokud jde o animace, nechte to na francouzštině.
  2. Animocons - Toto je několik příkladů ikon s velkolepými animacemi kliknutí, vše se provádí pomocí webového kódu.
  3. Rally Interactive Beta - Rally odvádí skvělou práci, když nemá na svém webu tolik animací, kolik má. Začali bláznit nahoře, a když jste na ně klikli a vybrali si, nechte to na pokoji.

Bonus: zatím to není trend, viděl jsem to pouze na jednom nebo dvou místech, ale budování responzivních webů, které se škálovají na neurčito, bude obrovské. To znamená, že web vypadá přesně na obrazovce 1280 pixelů, jako na obrazovce iMac 27 "sítnice 2700+ px, je pouze větší. Podívejte se například na skvělý web pro brasilského telekomunikačního operátora Oi.

Jmenuji se Nils a pracuji jako designérský ředitel v digitálním studiu Ape ve švédském Stockholmu. Žijeme pro skvělý design, technologii a komunikaci. Pokud se o nás chcete dozvědět více, podívejte se na naše webové stránky, které bohužel nemají žádný z výše uvedených trendů.

Pokud se vám tento článek také líbil, stiskněte prosím doporučit níže. Pomáhá hodně.