marta rhea gawlicka, białystok marzec 2013
TRANSCRIPT
Geek Girls Carrots Biaystok
CO DEPCZE PO PITACH WEB 2.0
czyli aktualne trendy w projektowaniu WWW
Geek Girls Carrots Biaystok
- Moliwoci technologiczne
- Podanie za trendsetterami
- Moda
- Gusta ;-)
JAK KSZTATUJ SI TRENDY?
KRTKO O EWOLUCJI TRENDW
czyli jak wyglda internet w czasach prehistorycznych ;-)
- Strony wycznie tekstowe
- Jednokolumnowe
- Czysty HTML
- Brak grafik - wolne cza i sabe komputery,
inne wyobraenie o tym, czym jest internet
WCZESNE LATA '90
WCZESNE LATA '90
WCZESNE LATA '90
- Pocztek tabel - bardziej skomplikowane rozmieszczanie
treci
- Animowane gify
- Migajce teksty
- Sztywny 2 lub 3-kolumnowy ukad
- Mae rozdzielczoci
- Cigle brak "designu"
POOWA LAT '90
POOWA LAT '90
lingscars.com cigle funkcjonuje w takiej formie ;-)
- Pocztek ery flasha
- Animacja - gwnie animowane komiksy webowe
- Strony startowe - splash
- Wizualny chaos ;-)
KONIEC LAT '90
KONIEC LAT '90
KONIEC LAT '90
KONIEC LAT '90
- Coraz wicej Flasha
- Era web designera - pocztek ;-)
- CSS
- Java script
- Wiksze moliwoci - wiksze problemy
PIERWSZA DEKADA XXI WIEKU
PIERWSZA DEKADA XXI WIEKU
PIERWSZA DEKADA XXI WIEKU
PIERWSZA DEKADA XXI WIEKU
FACEBOOK W 2004
Apple - iPhone
RDA NOWYCH TRENDW
iPhone
RDA NOWYCH TRENDW
- "Realizm do kwadratu"
- Skeumorfizm -
przeniesienie wygldu przedmiotw rzeczywistych do wiata wirtualnego
aby poprawi przyjazno i uyteczno
- Rnorodno
- Oddwik w coraz popularniejszych graficznych stylach stron
internetowych
- Nacisk na grafik rola tylko wizualna
- Tekstury
- Realizm
- wiatocienie
- "Projektowanie na bogato"
- Wykorzystanie zdj stockowych
- Rendery 3D
...JESZCZE NIE TAK DAWNO TEMU...
...JESZCZE NIE TAK DAWNO TEMU...
...JESZCZE NIE TAK DAWNO TEMU...
...JESZCZE NIE TAK DAWNO TEMU...
- Waga!
- Skomplikowane wdroenie
- Czasochonno
- Czsto przerost formy nad treci
WSZYSTKO FAJNIE, ALE...
WEB 2.0
- Gradienty
- Cienie
- Efekt "szka"
- Mac OSX
- Style nawizujce do WinXP, Win7
WEB 2.0
WEB 2.0
WEB 2.0
WEB DESIGN 2013
co si zmienio i kto za tym stoi?
WEB DESIGN 2013
co si zmienio i kto za tym stoi?
- Dieta Bezgradientowa; minimalizm
- Swiss Style
- Proste, dobrze skrojone bezszeryfowe fonty
- Nacisk na typografi
- Siatka
- Ukad asymetryczny
- Due zdjcia
- Content is King
TRENDY 2013 "Metro Style"
TRENDY 2013
TRENDY 2013
Geek Girls Carrots Biaystok
TRENDY 2013
TRENDY 2013
TRENDY 2013
TRENDY 2013
WEB DESIGN 2013
no dobrze, ale CO si waciwie stao?
- Internet to nie tylko komputery
- Wersje mobilne vs. Desktopowe
- Prby dopasowania www do urzdze na rynku
- Coraz wiksza ilo urzdze o bardzo rnych parametrach
JAK MOBILE ZMIENIO WWW
www.craftedbydavid.com
RESPONSIVE DESIGN
Responsive web design
to sposb konstruowania stron internetowych tak, aby samoistnie dopasowyway si one do rnych urzdze, na ktrych bd przegldane.
99designs.com
CO JESZCZE RZDZIW 2013?
WHITE SPACE
czyli pozwl treci oddycha
WHITE SPACE
ATWIEJSZA NAWIGACJA
"przyklejone" paski menu
"PRZYKLEJONA" NAWIGACJA
INFINITE SCROLL
SINGLE-PAGE WEB DESIGN
nowe podejcie 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 graficznej
TECHNOLOGIA W SUBIE DESIGNU ;-)
SKD CZERPA INSPIRACJE?
- Z internetu :P
A konkretniej:
- DesignInstruct.com
- Smashing Magazine
- Dribbble
- FWA
- webdesignerdepot.com
- aWWWards.com
O CZYM WARTO PAMITA?
- Internet to nie tylko komputery
- Dobieramy styl do produktu/klienta
- Usability > Wygld
- Mniej znaczy wicej
...since 1996 ;-)
Space Jam Kosmiczny Mecz strona z 1996 ktra wci funkcjonuje ;-)
Dzikuj :-)
Marta Rhea GawlickaArt Director // Infinity Group
[email protected]+48 604 53 93 99facebook.com/rhealogan