Dyskurs o trendach w projektowaniu interfejsów, na przykładzie flat design.

1. Jan Witkowski
ASP / WFP / Komunikacja wizualna
UX/UI Designer – ORACLE

2. Flat Design moda czy trend?
1. Co to jest Flat Design?
2. Wnioski z historii
3. Dlaczego teraz?
5. Przeciwieństwo Flat Design
6. Moda czy trend?

3. „Moda jest tak przytłaczającą formą brzydoty,
że trzeba ją zmieniać, co pół roku”
Oscar Wilde

4. Flat Design moda czy trend?
1. Co to jest Flat Design?
2. Wnioski z historii
3. Dlaczego teraz?
5. Przeciwieństwo Flat Design
6. Moda czy trend?

5. http://www.flatvsrealism.com/

6. Kamienie milowe
Windows 8 - 01 sierpnia 2012
IOS7 - 18 września 2013
Android 5.0 - 12 listopada 2014

7. Windows 8 - 01 sierpnia 2012

8. IOS7 - 18 września 2013

9. Android 5.0 - 12 listopada 2014

10. Flat Design moda czy trend?
1. Co to jest Flat Design?
2. Wnioski z historii
3. Dlaczego teraz?
5. Przeciwieństwo Flat Design
6. Moda czy trend?

11. Projektowanie w oparciu o:
- płaskie plamy,
- powtarzające się moduły,
- wyraźne proporcje,
- formy wynikające z funkcji
- brak ornamentu
nowość?

12. Adolf Loos
Ornament i zbrodnia (1910) Wiedeń

13. Pablo Picasso 1881–1973,
Three Musicians (1921)

14. Bauhaus 1919 – 1933
uczelnia artystyczno-rzemieślnicza, Niemcy

15. Dieter Rams vs Jonathan Ive

16. Polska Szkoła Plakatu
lata 60 XX w.
v

17. Andrzej Pawłowski,
Forma naturalnie ukształtowana

18. element wspólny:
Ograniczone środki wyrazu

19. Charakterystyczne elementy dla okresów
wzmożonych przemian społecznych
lub rewolucji przemysłowych

20. Rewolucja przemysłowa
1760-1830 w Anglii i Szkocji

21. William Morris
i Arts and Crafts Movement 1888

22. Adolf Loos
Ornament i zbrodnia (1910) Wiedeń

23. Sinusoida epok
Antyk
Średniowiecze
Renesans
Barok
Oświecenie
Romantyzm
Oświecenie Pozytywizm
Młoda Polska
20-lecie

24. Zmiany estetyki konsekwencją
zmiany myślenia, mentalności,
postrzegania świata

25. Etap 1

26. Etap 2

27. Etap 3

28. Flat Design moda czy trend?
1. Co to jest Flat Design?
2. Wnioski z historii
3. Dlaczego teraz?
5. Przeciwieństwo Flat Design
6. Moda czy trend?

29. Zmiana myślenia

30. Zmiana myślenia

31. Zmiana myślenia

32. Zmiana myślenia

33. Nowe wyzwania

34. Mały ekran – wiele do zaprezentowania

35. Przekaz informacji a nie emocjii

36. Dostęp

37. Czas i miejsce użytkowania

38. Funkcje urządzeń
v

39. Selekcja informacji
● Problem jest nie z dostępem do informacji, ale z
selekcją tej informacji
● Oczekiwanie, że narzędzie pomoże przedstawić
problem “czarne na białym”

40. Przesyt gadżetów

41. Flat Design moda czy trend?
1. Co to jest Flat Design?
2. Wnioski z historii
3. Dlaczego teraz?
5. Przeciwieństwo Flat Design
6. Moda czy trend?

42. Skeuomorfzm

43. Skeuomorfzm

44. Skeuomorfzm

45. Kiedy
skeuomorfzm
nie działa?

46. Wydajność procesora

47. Przedmioty, zadania, które nie mają “ciała”
v

48. Oszukiwanie siebie

49. Flat Design moda czy trend?
1. Co to jest Flat Design?
2. Wnioski z historii
3. Dlaczego teraz?
5. Przeciwieństwo Flat Design
6. Moda czy trend?

50. ● Użytkowników
● Programistów
● Projektantów
Na skrzyżowaniu interesów

51. Zmiany w sposobie użytkowania
i myślenia o urządzeniach i aplikacjach
● Lekkie aplikacje
● Responsywne układy
● Duże możliwości kreacyjne
● Czytelność informacji
● Surowość i prostota kładzie większy nacisk
na intelektualną wartość produktu

52. Flat Design wynik
● Zmian technologicznych
● Zmian kulturowych

53. Jakie będą kolejne technologie?
następne zmiany?

54. „Moda przemija, styl pozostaje”
Coco Chanel

55. Jan Witkowski
janwi@janwi.com