+ All Categories
Home > Design > Aktuální on-line trendy

Aktuální on-line trendy

Date post: 06-Jul-2015
Category:
Upload: tomas-pekarek
View: 194 times
Download: 1 times
Share this document with a friend
Description:
Průřez tím, co se v různých zdrojích na internetu objevuje jako trend v on-linu pro rok 2014 a dál. Něco tu již pár let máme, něco se v plné míře projeví až v budoucnosti. Přehledné shrnutí s odkazy a ukázkami.
45
Aktuální on-line trendy
Transcript
Page 1: Aktuální on-line trendy

Aktuální on-line trendy

Page 2: Aktuální on-line trendy

MOBILE FIRST JE STÁLE AKTUÁLNÍ

• změna přístupu – nejprve mobily, tablety, pak desktop

Page 3: Aktuální on-line trendy

NASTUPUJÍ UŽIVATELSKÁ ROZHRANÍ PREFERUJÍCÍ DOTYK

• Souvisí s přístupem Mobile First

Page 4: Aktuální on-line trendy

• jeden nebo dva prsty

NASTUPUJÍ UŽIVATELSKÁ ROZHRANÍ PREFERUJÍCÍ DOTYK

Page 5: Aktuální on-line trendy

NASTUPUJÍ UŽIVATELSKÁ ROZHRANÍ PREFERUJÍCÍ DOTYK

• větší navigační tlačítka, větší odkazy (větší písmo)

Page 6: Aktuální on-line trendy

DO POPŘEDÍ SE DOSTÁVÁ RESPONSIVNÍ WEB DESIGN

• co to je a jak to funguje: http://liquidapsive.com/

Page 7: Aktuální on-line trendy

DO POPŘEDÍ SE DOSTÁVÁ RESPONSIVNÍ WEB DESIGN

Page 8: Aktuální on-line trendy
Page 9: Aktuální on-line trendy
Page 10: Aktuální on-line trendy

JEDNODUCHOST

Page 11: Aktuální on-line trendy

• Pryč s balastem• Chceme-li obsah, ať je pro lidi

zajímavý (Content Marketing)

• I zpravodajský web může být přehlednější a „čistší“

2001

2014

Page 12: Aktuální on-line trendy

FLAT DESIGN

Page 13: Aktuální on-line trendy
Page 14: Aktuální on-line trendy
Page 15: Aktuální on-line trendy

• Minimum stínování• Jednodušší uživatelské rozhraní, vhodnější pro responsive design• Menší datová velikost = rychlejší načítání• Důraz na barvy a typografii

Page 16: Aktuální on-line trendy

VIDEO

Page 17: Aktuální on-line trendy
Page 18: Aktuální on-line trendy
Page 20: Aktuální on-line trendy

http://intothearctic.gp/en/

Page 21: Aktuální on-line trendy

KRÁTKÁ PREZENTAČNÍ VIDEA• Stručné představení produktu nebo služby• 1-2 minuty

http://getgoldee.com/

Page 22: Aktuální on-line trendy

PARALAXNÍ SKROLOVÁNÍ

Page 23: Aktuální on-line trendy

PARALAXNÍ SKROLOVÁNÍ• Imitace prostorovosti• Více nerovnoměrně posouvaných vrstev

Page 24: Aktuální on-line trendy

INFOGRAFIKA

Page 25: Aktuální on-line trendy

INFOGRAFIKA• Nadále atraktivní způsob prezentace dat• http://www.pinterest.com/tompekarek/infographics/

Page 27: Aktuální on-line trendy

TYPOGRAFIE

Page 28: Aktuální on-line trendy

VYUŽITÍ PÍSMA JAKO VÝRAZNÉHO GRAFICKÉHO PRVKUVíce např.

Page 29: Aktuální on-line trendy

ZPŘÍJEMNĚNÍ UŽIVATELSKÉHO PROŽITKU (UX)

Page 30: Aktuální on-line trendy

FORMULÁŘE • Milé drobnosti, které zrychlí a usnadní vyplňování formulářů

Page 31: Aktuální on-line trendy

MEGAMENU • Stále častěji využíváno

Page 32: Aktuální on-line trendy

FIXNÍ HLAVNÍ NAVIGACE

Page 33: Aktuální on-line trendy

VYHLEDÁVACÍ POLE zabírá méně místa

Page 34: Aktuální on-line trendy

ÚZCE ZAMĚŘENÉ LANDING PAGE

A MIKROSTRÁNKY

Page 35: Aktuální on-line trendy

LANDING PAGE, MIKROSTRÁNKY• Mobilní hry• Aplikace• (Digitální) produkty

Page 36: Aktuální on-line trendy
Page 37: Aktuální on-line trendy

DALŠÍ…

Page 38: Aktuální on-line trendy

3D SE ŠÍŘÍ POMALU, ALE JISTĚ http://codepen.io/tag/3d

Page 39: Aktuální on-line trendy

ŠIROKOÚHLÝ FORMÁT NENÍ MRTVÝ• velké monitory• smart TV

Page 40: Aktuální on-line trendy

ŠIROKOÚHLÝ FORMÁT NENÍ MRTVÝ

Page 41: Aktuální on-line trendy

INTERNET VĚCÍ

Page 43: Aktuální on-line trendy

http://youtu.be/rLTdK6G7m4Q

http://youtu.be/rLTdK6G7m4Q

http://youtu.be/qp1Nx3kIPlU

http://youtu.be/f2AjPfHTIS4

Page 44: Aktuální on-line trendy
Page 45: Aktuální on-line trendy

WWW.DIGITALVISION.CZ


Recommended