WEB TRENDS

”Do. Or do not. There is no try.”

Jere Elo Art Director

Ennustaminen on vaikeaa,

varsinkin tulevaisuuden ennustaminen.

THE EVOLUTION OF FLAT DESIGNFROM SKEUOMORPHISM TO (ALMOST) FLAT DESIGN

SKEUOMORPHISMI (siirtomuotoisuus)Tarkka reaalimaailman piirteiden jäljentäminen digitaalisessa maailmassa. Alkuperäisessä toteutuksessa tarpeellinen piirre tai ominaisuus pidetään koristeena mukana uudessa toteutuksessa, vaikkei sille olisi enää tarvetta.

FLAT DESIGNKäyttöliittymätyyli, jossa ei ole lainkaan 3-ulotteisuutta jäljitteleviä elementtejä (varjot, gradientit tai tekstuurit).

FROM SKEUOMORPHISM TO (ALMOST) FLAT DESIGN

https://youtu.be/Q8TXgCzxEnw

TYPOGRAPHY

BIG PICTURES

https://jolla.com/jolla#

DETAILS & MICRO

INTERACTIONS

Kun designistä tulee yksinkertaisempaa,

tulee pienistä yksityiskohdista tärkeitä.

Niillä luodaan usein erottuva”wow-efekti”.

!

Niillä luodaan erottuva”wow-efekti”.

PARALLAX SCROLLING AND

INTERACTIVE STORYTELLING

Taustalla olevat kuvat liikkuvat scrollatessa hitaammin kuin edessä olevat kuvat tai objektit luoden illuusion 2-ulotteisuudesta ja syvyydestä.

PARALLAX SCROLLING

http://www.beoplay.com/products/h6-rapha-edition#at-a-glance

GRID LAYOUT AND CARD DESIGN

http://facesofnyfw.com

Tekemällä jotain ihan muuta.

Miten erottua?

http://www.ohdeergames.com

http://www.moma.org/interactives/exhibitions/2012/centuryofthechild/#/

Miksi on on tärkeää, että verkkopalveluiden ulkoasu

on ”ajantasalla” ?

Brändin rakentaminen !

Uskottavuus

Webissä on kaksi kuningasta:sisältö ja käyttäjä

WEB TRENDIT

The evolution of flat design

Typography

Big pictures

Details & micro interactions

Parallax Scrolling and interactive storytelling

Grid layout and Card design

!

”Creativity is born from conflict of ideas, but dies on conflicts of humans.”

Kiitos.