CO DEPCZE PO PIĘTACH WEB 2.0   czyli aktualne trendy w projektowaniu WWW                Geek Girls Carrots Białystok
JAK KSZTAŁTUJĄ SIĘ TRENDY? - Możliwości technologiczne - Podążanie za trendsetterami - Moda - Gusta ;-)                   ...
KRÓTKO O EWOLUCJI TRENDÓWczyli jak wyglądał internet w czasach prehistorycznych ;-)
WCZESNE LATA 90 - Strony wyłącznie tekstowe- Jednokolumnowe- Czysty HTML- Brak grafik - wolne łącza i słabe komputery,  in...
WCZESNE LATA 90
WCZESNE LATA 90
POŁOWA LAT 90 - Początek tabel - bardziej skomplikowane rozmieszczanie treści - Animowane gify- Migające teksty- Sztywny 2...
POŁOWA LAT 90       lingscars.com – ciągle funkcjonuje w takiej formie ;-)
KONIEC LAT 90 - Początek ery flasha- Animacja - głównie animowane komiksy webowe- Strony startowe - splash- Wizualny chaos...
KONIEC LAT 90
KONIEC LAT 90
KONIEC LAT 90
PIERWSZA DEKADA XXI WIEKU- Coraz więcej Flasha - Era web designera - początek ;-) - CSS - Java script - Większe możliwości...
PIERWSZA DEKADA XXI WIEKU
PIERWSZA DEKADA XXI WIEKU
PIERWSZA DEKADA XXI WIEKU
FACEBOOK W 2004
ŹRÓDŁA NOWYCH TRENDÓWApple - iPhone
ŹRÓDŁA NOWYCH TRENDÓW- "Realizm do kwadratu" - Skeumorfizm -przeniesienie wygląduprzedmiotów rzeczywistych do             ...
...JESZCZE NIE TAK DAWNO TEMU... - Nacisk na grafikę – rola tylko wizualna - Tekstury - Realizm - Światłocienie - "Projekt...
...JESZCZE NIE TAK DAWNO TEMU...
...JESZCZE NIE TAK DAWNO TEMU...
...JESZCZE NIE TAK DAWNO TEMU...
WSZYSTKO FAJNIE, ALE... - Waga!- Skomplikowane wdrożenie- Czasochłonność- Często przerost formy nad treścią
WEB 2.0
WEB 2.0 - Gradienty - Cienie - Efekt "szkła" - Mac OSX - Style nawiązujące do WinXP, Win7
WEB 2.0
WEB 2.0
WEB DESIGN 2013 co się zmieniło i kto za tym stoi?
WEB DESIGN 2013 co się zmieniło i kto za tym stoi?
TRENDY 2013 – "Metro Style" - Dieta Bezgradientowa; minimalizm - Swiss Style - Proste, dobrze skrojone bezszeryfowe fonty ...
TRENDY 2013
TRENDY 2013
TRENDY 2013              Geek Girls Carrots Białystok
TRENDY 2013
TRENDY 2013
TRENDY 2013
WEB DESIGN 2013no dobrze, ale CO się właściwie stało?
JAK MOBILE ZMIENIŁO WWW- Internet to nie tylko komputery- Wersje mobilne vs. Desktopowe- Próby dopasowania www do urządzeń...
RESPONSIVE DESIGNResponsiveweb designto sposóbkonstruowania stroninternetowych tak,aby samoistniedopasowywały sięone do ró...
CO JESZCZE RZĄDZI W 2013?
WHITE SPACEczyli pozwól treści oddychać
WHITE SPACE
ŁATWIEJSZANAWIGACJA"przyklejone" paski menu
"PRZYKLEJONA" NAWIGACJA
INFINITE SCROLLSINGLE-PAGE WEB DESIGN   nowe podejście do user experience
INFINITE SCROLL I SINGLE-PAGE WEB DESIGN                 http://tumblr.com/
INFINITE SCROLL I SINGLE-PAGE WEB DESIGN                lookslikegooddesign.com
INFINITE SCROLL I SINGLE-PAGE WEB DESIGN                reformrevolution.com
APLIKACJA ZAMIAST STRONY        czyli dlaczego warto zainteresować sięprojektowaniem aplikacji mobilnych od strony graficz...
TECHNOLOGIA W SŁUŻBIE     DESIGNU ;-)
SKĄD CZERPAĆ INSPIRACJE?- Z internetu :PA konkretniej:- DesignInstruct.com- Smashing Magazine- Dribbble- FWA- webdesignerd...
O CZYM WARTO PAMIĘTAĆ?- Internet to nie tylko komputery- Dobieramy styl do produktu/klienta- Usability > Wygląd- Mniej zna...
...since 1996 ;-)Space Jam – Kosmiczny Mecz – strona z 1996 która wciąż funkcjonuje ;-)
Dziękuję :-)Marta Rhea Gawlicka                             gawlickamarta@gmail.com                                       ...
Marta Rhea Gawlicka, Białystok marzec 2013
Upcoming SlideShare
Loading in...5
×

Marta Rhea Gawlicka, Białystok marzec 2013

307

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
307
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Marta Rhea Gawlicka, Białystok marzec 2013"

  1. 1. CO DEPCZE PO PIĘTACH WEB 2.0 czyli aktualne trendy w projektowaniu WWW Geek Girls Carrots Białystok
  2. 2. JAK KSZTAŁTUJĄ SIĘ TRENDY? - Możliwości technologiczne - Podążanie za trendsetterami - Moda - Gusta ;-) Geek Girls Carrots Białystok
  3. 3. KRÓTKO O EWOLUCJI TRENDÓWczyli jak wyglądał internet w czasach prehistorycznych ;-)
  4. 4. WCZESNE LATA 90 - Strony wyłącznie tekstowe- Jednokolumnowe- Czysty HTML- Brak grafik - wolne łącza i słabe komputery, inne wyobrażenie o tym, czym jest internet
  5. 5. WCZESNE LATA 90
  6. 6. WCZESNE LATA 90
  7. 7. POŁOWA LAT 90 - Początek tabel - bardziej skomplikowane rozmieszczanie treści - Animowane gify- Migające teksty- Sztywny 2 lub 3-kolumnowy układ- Małe rozdzielczości- Ciągle brak "designu"
  8. 8. POŁOWA LAT 90 lingscars.com – ciągle funkcjonuje w takiej formie ;-)
  9. 9. KONIEC LAT 90 - Początek ery flasha- Animacja - głównie animowane komiksy webowe- Strony startowe - splash- Wizualny chaos ;-)
  10. 10. KONIEC LAT 90
  11. 11. KONIEC LAT 90
  12. 12. KONIEC LAT 90
  13. 13. PIERWSZA DEKADA XXI WIEKU- Coraz więcej Flasha - Era web designera - początek ;-) - CSS - Java script - Większe możliwości - większe problemy
  14. 14. PIERWSZA DEKADA XXI WIEKU
  15. 15. PIERWSZA DEKADA XXI WIEKU
  16. 16. PIERWSZA DEKADA XXI WIEKU
  17. 17. FACEBOOK W 2004
  18. 18. ŹRÓDŁA NOWYCH TRENDÓWApple - iPhone
  19. 19. ŹRÓDŁA NOWYCH TRENDÓW- "Realizm do kwadratu" - Skeumorfizm -przeniesienie wygląduprzedmiotów rzeczywistych do iPhoneświata wirtualnego aby poprawićprzyjazność i użyteczność- Różnorodność - Oddźwięk w corazpopularniejszych graficznychstylach stron internetowych
  20. 20. ...JESZCZE NIE TAK DAWNO TEMU... - Nacisk na grafikę – rola tylko wizualna - Tekstury - Realizm - Światłocienie - "Projektowanie na bogato" - Wykorzystanie zdjęć stockowych - Rendery 3D
  21. 21. ...JESZCZE NIE TAK DAWNO TEMU...
  22. 22. ...JESZCZE NIE TAK DAWNO TEMU...
  23. 23. ...JESZCZE NIE TAK DAWNO TEMU...
  24. 24. WSZYSTKO FAJNIE, ALE... - Waga!- Skomplikowane wdrożenie- Czasochłonność- Często przerost formy nad treścią
  25. 25. WEB 2.0
  26. 26. WEB 2.0 - Gradienty - Cienie - Efekt "szkła" - Mac OSX - Style nawiązujące do WinXP, Win7
  27. 27. WEB 2.0
  28. 28. WEB 2.0
  29. 29. WEB DESIGN 2013 co się zmieniło i kto za tym stoi?
  30. 30. WEB DESIGN 2013 co się zmieniło i kto za tym stoi?
  31. 31. TRENDY 2013 – "Metro Style" - Dieta Bezgradientowa; minimalizm - Swiss Style - Proste, dobrze skrojone bezszeryfowe fonty - Nacisk na typografię - Siatka - Układ asymetryczny - Duże zdjęcia - Content is King
  32. 32. TRENDY 2013
  33. 33. TRENDY 2013
  34. 34. TRENDY 2013 Geek Girls Carrots Białystok
  35. 35. TRENDY 2013
  36. 36. TRENDY 2013
  37. 37. TRENDY 2013
  38. 38. WEB DESIGN 2013no dobrze, ale CO się właściwie stało?
  39. 39. JAK MOBILE ZMIENIŁO WWW- Internet to nie tylko komputery- Wersje mobilne vs. Desktopowe- Próby dopasowania www do urządzeń na rynku- Coraz większa ilość urządzeń o bardzo różnych parametrach www.craftedbydavid.com
  40. 40. RESPONSIVE DESIGNResponsiveweb designto sposóbkonstruowania stroninternetowych tak,aby samoistniedopasowywały sięone do różnychurządzeń, na którychbędą przeglądane. 99designs.com
  41. 41. CO JESZCZE RZĄDZI W 2013?
  42. 42. WHITE SPACEczyli pozwól treści oddychać
  43. 43. WHITE SPACE
  44. 44. ŁATWIEJSZANAWIGACJA"przyklejone" paski menu
  45. 45. "PRZYKLEJONA" NAWIGACJA
  46. 46. INFINITE SCROLLSINGLE-PAGE WEB DESIGN nowe podejście do user experience
  47. 47. INFINITE SCROLL I SINGLE-PAGE WEB DESIGN http://tumblr.com/
  48. 48. INFINITE SCROLL I SINGLE-PAGE WEB DESIGN lookslikegooddesign.com
  49. 49. INFINITE SCROLL I SINGLE-PAGE WEB DESIGN reformrevolution.com
  50. 50. APLIKACJA ZAMIAST STRONY czyli dlaczego warto zainteresować sięprojektowaniem aplikacji mobilnych od strony graficznej
  51. 51. TECHNOLOGIA W SŁUŻBIE DESIGNU ;-)
  52. 52. SKĄD CZERPAĆ INSPIRACJE?- Z internetu :PA konkretniej:- DesignInstruct.com- Smashing Magazine- Dribbble- FWA- webdesignerdepot.com- aWWWards.com
  53. 53. O CZYM WARTO PAMIĘTAĆ?- Internet to nie tylko komputery- Dobieramy styl do produktu/klienta- Usability > Wygląd- Mniej znaczy więcej
  54. 54. ...since 1996 ;-)Space Jam – Kosmiczny Mecz – strona z 1996 która wciąż funkcjonuje ;-)
  55. 55. Dziękuję :-)Marta Rhea Gawlicka gawlickamarta@gmail.com +48 604 53 93 99Art Director // Infinity Group facebook.com/rhealogan
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×