flat design jan witkowski
TRANSCRIPT
![Page 1: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/1.jpg)
Jan Witkowski
ASP / WFP / Komunikacja wizualna
UX/UI Designer – ORACLE
![Page 2: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/2.jpg)
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?
![Page 3: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/3.jpg)
„Moda jest tak przytłaczającą formą brzydoty,
że trzeba ją zmieniać, co pół roku”
Oscar Wilde
![Page 4: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/4.jpg)
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?
![Page 6: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/6.jpg)
Kamienie milowe
Windows 8 - 01 sierpnia 2012
IOS7 - 18 września 2013
Android 5.0 - 12 listopada 2014
![Page 7: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/7.jpg)
Windows 8 - 01 sierpnia 2012
![Page 8: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/8.jpg)
IOS7 - 18 września 2013
![Page 9: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/9.jpg)
Android 5.0 - 12 listopada 2014
![Page 10: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/10.jpg)
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?
![Page 11: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/11.jpg)
Projektowanie w oparciu o:
- płaskie plamy, - powtarzające się moduły,- wyraźne proporcje,- formy wynikające z funkcji- brak ornamentu
nowość?
![Page 12: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/12.jpg)
Adolf Loos Ornament i zbrodnia (1910) Wiedeń
![Page 13: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/13.jpg)
Pablo Picasso 1881–1973, Three Musicians (1921)
![Page 14: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/14.jpg)
Bauhaus 1919 – 1933uczelnia artystyczno-rzemieślnicza, Niemcy
![Page 15: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/15.jpg)
Dieter Rams vs Jonathan Ive
![Page 16: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/16.jpg)
Polska Szkoła Plakatu lata 60 XX w.
v
![Page 17: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/17.jpg)
Andrzej Pawłowski,Forma naturalnie ukształtowana
![Page 18: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/18.jpg)
element wspólny:
Ograniczone środki wyrazu
![Page 19: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/19.jpg)
Charakterystyczne elementy dla okresów
wzmożonych przemian społecznych
lub rewolucji przemysłowych
![Page 20: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/20.jpg)
Rewolucja przemysłowa 1760-1830 w Anglii i Szkocji
![Page 21: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/21.jpg)
William Morris i Arts and Crafts Movement 1888
![Page 22: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/22.jpg)
Adolf Loos Ornament i zbrodnia (1910) Wiedeń
![Page 23: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/23.jpg)
Sinusoida epok
Antyk
Średniowiecze
Renesans
Barok
Oświecenie
Romantyzm
Oświecenie Pozytywizm
Młoda Polska
20-lecie
![Page 24: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/24.jpg)
Zmiany estetyki konsekwencją
zmiany myślenia, mentalności,
postrzegania świata
![Page 25: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/25.jpg)
Etap 1
![Page 26: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/26.jpg)
Etap 2
![Page 27: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/27.jpg)
Etap 3
![Page 28: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/28.jpg)
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?
![Page 29: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/29.jpg)
Zmiana myślenia
![Page 30: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/30.jpg)
Zmiana myślenia
![Page 31: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/31.jpg)
Zmiana myślenia
![Page 32: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/32.jpg)
Zmiana myślenia
![Page 33: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/33.jpg)
Nowe wyzwania
![Page 34: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/34.jpg)
Mały ekran – wiele do zaprezentowania
![Page 35: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/35.jpg)
Przekaz informacji a nie emocjii
![Page 36: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/36.jpg)
Dostęp
![Page 37: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/37.jpg)
Czas i miejsce użytkowania
![Page 38: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/38.jpg)
Funkcje urządzeń
v
![Page 39: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/39.jpg)
Selekcja informacji
● Problem jest nie z dostępem do informacji, ale zselekcją tej informacji
● Oczekiwanie, że narzędzie pomoże przedstawićproblem “czarne na białym”
![Page 40: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/40.jpg)
Przesyt gadżetów
![Page 41: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/41.jpg)
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?
![Page 42: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/42.jpg)
Skeuomorfzm
![Page 43: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/43.jpg)
Skeuomorfzm
![Page 44: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/44.jpg)
Skeuomorfzm
![Page 45: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/45.jpg)
Kiedy
skeuomorfzm
nie działa?
![Page 46: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/46.jpg)
Wydajność procesora
![Page 47: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/47.jpg)
Przedmioty, zadania, które nie mają “ciała”
v
![Page 48: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/48.jpg)
Oszukiwanie siebie
![Page 49: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/49.jpg)
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?
![Page 50: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/50.jpg)
● Użytkowników
● Programistów
● Projektantów
Na skrzyżowaniu interesów
![Page 51: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/51.jpg)
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 naciskna intelektualną wartość produktu
![Page 52: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/52.jpg)
Flat Design wynik
● Zmian technologicznych
● Zmian kulturowych
![Page 53: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/53.jpg)
Jakie będą kolejne technologie?
następne zmiany?
![Page 54: Flat design Jan Witkowski](https://reader034.vdocuments.site/reader034/viewer/2022042907/5889deb51a28ab83478b6ce5/html5/thumbnails/54.jpg)
„Moda przemija, styl pozostaje”
Coco Chanel