1. WEB TRENDS

2. ”Do. Or do not. There is no try.”
Jere Elo
Art Director

3. Ennustaminen
on vaikeaa,
varsinkin
tulevaisuuden
ennustaminen.

4. THE EVOLUTION OF
FLAT DESIGN
FROM SKEUOMORPHISM TO
(ALMOST) FLAT DESIGN

5. 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 DESIGN
Käyttöliittymätyyli, jossa ei ole lainkaan 3-ulotteisuutta
jäljitteleviä elementtejä (varjot, gradientit tai tekstuurit).

6. FROM SKEUOMORPHISM TO (ALMOST) FLAT DESIGN

7. https://youtu.be/Q8TXgCzxEnw

9. TYPOGRAPHY

12. BIG PICTURES

14. DETAILS &
MICRO
INTERACTIONS

15. Kun designistä tulee
yksinkertaisempaa,
tulee pienistä
yksityiskohdista tärkeitä.
Niillä luodaan
usein erottuva”wow-efekti”.
!
Niillä luodaan
erottuva”wow-efekti”.

17. PARALLAX
SCROLLING AND
INTERACTIVE
STORYTELLING

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

20. GRID LAYOUT AND
CARD DESIGN

23. Tekemällä jotain
ihan muuta.
Miten erottua?

26. Miksi on on tärkeää, että
verkkopalveluiden ulkoasu
on ”ajantasalla” ?
Brändin rakentaminen
!
Uskottavuus

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

28. WEB TRENDIT
The evolution of flat design
Typography
Big pictures
Details & micro interactions
Parallax Scrolling and
interactive storytelling
Grid layout and Card design
!

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

30. Kiitos.