Tag: Web dizajn

Trendovi u web dizajnu se stalno menjaju, a pogotovo korišćene tehnologije pri izradi web sajtova. U današnjem članku predstavićemo vam nekoliko sajtova koji su svetlih boja, laganog dizajna i prijatnog izgleda. Kako je izbor kombinacije boja krucijalan pri dizajniranju sajta pogledajte primere koje smo pripremili za vas.

La Piuma

Kipling

BdeB

Rainstar Boutique

The Work Cycle

Michela Chiucini

Inzeit

Stora Enso

Appex

Plus Plus

Neotokio

Guilherme Garcia

Dawid Wadach

Reserved

sénic

Nicola Cozzolino

ChurchMedia

Blind Barber

Salt Surf

one pause

Girl with a Camera

Ako je sadržaj kralj, onda definitivno dizajn treba da bude kraljica. Dizajn je smrtno bitan elemenat za uspeh web sajta pošto je dizajn odgovoran za strukturu prikaza sadržaja i zbog toga loš dizajn može da smanji dobro iskustvo za korisnika što smanjuje posećenost.

Često web dizajneri moraju da prave izbor između funkcionalnosti i preglednosti pošto je nemoguće stvoriti takav dizajn koji će se svima dopasti. Postavlja se pitanje kakav je dizajn najbolji? Web dizajneri često postavljaju ovakva pitanja a neki su izazvali sami sebe tako što su uzeli da urade redizajn, na svoju ruku za sada poznatih sajtova kao što su Facebook i YouTube. Iako ovo nisu zvanični novi dizajni za ove gigante pogledajte i uživajte.

Facebook

Prema zvaničnim statistikama Facebook uslužuje preko 500 miliona aktivnih korisnika, sa oko 700 milijardi provedenih minuta na istom. Za ovakvu vrstu statistike vrlo je nezahvalno raditi dizajn. Upravo je ovo jedan od razloga što je veliki izazov uraditi redizajn Facebook-a i što su se mnogi dizajneri odlučili za taj potez. U daljem delu članka pogledajte neke od radova na temu Facebook-a.

Koncept dizajn: Barton Smith

Koncept dizajn: Information Architects

Ovaj inovativni dizajn je nastao krajem 2006 i kasnije je još adaptiran prema sadašnjim standardima kako bi mogao da se poredi sa trenutnim dizajnom Facebook-a. Ideja je bila da se stvori izgled kao da je u pitanju email aplikacija sa 3 elastična reda koja su odvojena i gde su jasno podeljeni filter, stream za informacije i reakcije.

Koncept dizajn: Justin Dauer

Koncept dizajn: Peter Knoll

Veoma smeo dizajn od strane Peter Knoll. Grafički deo je znatno poboljšan da ceo sajt ima mnogo primamljiviji izgled. Interfejs je mnogo čistiji sa lepom tipografijom koja je tu zbog lakše čitljivosti.

Koncept dizajn: AndasoloARTS

Koncept dizajn: Jonaska

Koncept dizajn: Czarny-Design

Myspace

Jedan od začetnika društvenih mreža je svakako Myspace koji je vremenom poklekao od strane Facebook-a i od tada se bori za opstanak. Rebrandiran kao My_____ sada cilja da postane glavna društvena mreža za zabavu odnosno sadržaje vezane za muziku, filmove, poznate ličnosti, TV i igre i sve to da pokreću fanovi.

Koncept dizajn: Rafael Oliveira

Google

Sa procesiranjem preko milijarde zahteva za pretragu širom sveta Google je najpoznatiji sajt na svetu. Isto tako je poznat kao kraljevstvo koje pokušava da dominira internetom tako što pravi prijateljski nastrojene proizvode kao što su Android, Gmail i Analytics. Kako Google ima velik broj vrhunskih dizajnera koji rade na dizajnu svih njihovih proizvoda svaki pokušaj redizajna sa strane je vrlo smeo i predstavlja izazov za njihove dizajnere.

Koncept dizajn: Craig Reville

Koncept dizajn: FloxDesign

Malo podseća na Bing ali je za nijansu više epski. Iskreno bilo bi lepo kada bi ovako nekako izgledala Google glavna strana.

YouTube

Rangiran na 3 mestu na svetu i na 4 mestu u USA po saobraćaju YouTube je web sajt za pronalaženje, pregled, kačenje i razmenu video materijala. Većina sadržaja je okačena od strane individua ali ima i sve više materijala koji kače mediji kao što su CBS, BBC, Vevo i Hulu. Da li imate smelosti da redizajnirate sajt koji ima preko 2 milijarde pregleda dnevno? Oni svakao smeju...

Koncept dizajn: Michele Byrne

Koncept dizajn: Josh Collie

Koncept dizajn: Thadeu Morgado

Eksperimentalni redizajn YouTube glavne strane. Stil je manje više isti jedino što je kompletna postavka promenjenai ubačen je veliki slajder u kojem se kreću featured video materijali.

Amazon

Amazon je postao online 1995 i sada je već postao multinacionalna e-commerce kompanija sa ogromnom ponudom knjiga, časopisa, muzike, DVD-ova, elektronike itd. Pošto imaju tako veliki i razvijen posao dizajneri širom sveta postavljaju sebi izazove tako što redizajniraju Amazon da bude još lepši i više okrenut korisnicima.

Koncept dizajn: Trevor Cleveland

Koncept dizajn: Maurice Kindermann

IMDb

Najveći web sajt na kojem možete pronaći podatke o nekom filmu, televizijskoj seriji, glumcima itd. je svakako IMDb. Redizajnirati ovaj portal koji sadrži toliko informacija je svakako veliki izazov za sve dizajnere.

Koncept dizajn: Vladimir Kudinov

Koncept dizajn: Rob Hendricks

Mnogi tvrde kako kod ovih ogromnih sajtova dizajn nije bitan i nije u prvom planu pošto se svaki korisnik navikne na to što je pred njim a u neku ruku mora da koristi. Postavlja se pitanje da li ima smisla i da li je uopšte dobro menjati nešto što tako dobro funkcioniše već duži vremenski period.

Bilo da izaberete nas ili neku drugu firmu za rad na vašem web, grafičkom dizajnu ili marketingu treba da težite da vam jedna firma obavlja sve poslove. Evo i zašto:

Ponude kompleta usluga

Ako želite da uštedite nešto novca ovo je pravi način. Većina dizajn firmi će vam ponuditi popuste na komplet usluga koji nude pogotovo ako su već radili za vas.

Doslednost

Što više ljudi radi na identitetu vaše firme i marketinga veći je rizik da će doći do mimoilaženja u idejama i mišljenjima. Ne zaboravite da gradite vaš brend odnosno identitet. Želite da vas vaši klijenti što lakše identifikuju sa vašim logom, marketing materijalom, signalizacijom itd. Morate se potruditi da su svi elementi vašeg identiteta jasno definisani i slični kako se potencijalni klijenti ne bi zbunili.

Efikasnost

Kada treba nešto novo da se stvori, često dizajner koji je već radio za vas ima sačuvane vaše prethodne projekte. To znači da ako treba nešto da se menja na nekom postojećem projektu ne treba da izmišljate točak i angažujete novog dizajnera i da plaćate redizajn. Isto tako ako dizajner radi nešto novo za vas on već ima sve boje, kontakt podatke i ostale informacije koje je koristio na vašim projektima. Dizajner tako štedi vreme a samim tim i vaš novac.

Manje muke

Teško je pamtiti ko je šta dizajnirao za vas, ili želite da vaš webmaster koristi sličan dizajn na webu kao na štampanom materijalu. Ako imate jedan kontakt koji može sve ovo da uradi držite ga se jel ćete tako uštedeti i vreme i novac.

Familijarnost sa vašim poslom

Korišćenjem jedne firme za sve vi izgrađujete odnos. Dobar dizajner će uvek znati vaš URL, vaše kontakt informacije, boje koje je koristio, FTP podatke itd. Sve ovo doprinosi smanjenju gubljenja vremena na podelu tih informacija sa više ljudi. Bitna stvar je da što duže sarađujete sa jednom firmom to se oni bolje upoznavaju sa vašim biznisom i samim tim mogu bolje da ga predstave kroz dizajn.

Obostrane koristi

Kako razvijate vaš posao dizajneri mogu da uče o vama i obrnuto. To je obostrana korist. Pitate se kako je to moguće? Reći ćemo samo da 95% poslova dolazi preko preporuka. Ovo znači da mi želimo da vi budete zadovoljni. Svaki dizajner ima za cilj da mu klijent bude zadovoljan uslugom.

Web dizajn je svakako stvar ličnog ukusa i nešto što služi za interakciju. Kada pravite okruženje za internet odnosno web sajt nije na odmet malo inspiracije sa strane kako bi to trebalo da izgleda po sadašnjim trendovima. U ovom članku predstavićemo 10 zanimljivih dizajna koji bi trebali da vam pokrenu ideje i pomognu u dizajnu.

Dizajn i umetnost: Lako je predstaviti slike u par redova ili u nekoj vrsti mreže. German Lopez je stvorio ceo svet međutim. Njegove ideje trepere na ekranu i lebde u vazduhu.

Posao: Hannah Heller je stvorila taktilni svet notebook računara i snimaka nešto kao virtuelnu umetničku radionicu.

Fotografija: Od početne strane sajt vam jasno govori da arhitekturalne slike od Cornelis Van Wieren-a su neposredne, darežljive i impresivne.

Šou-biznis: Glumica i novelista Petra Bryant se predstavlja na dosta smeloj prezentaciji bez teksta i navigacije gde posetilac ima magično okruženje koje ga prosto mami da klikne na ikonice i vizuelna rešenja.

Web dizajn: Glumica i web dizajner Deborah Foreman koristi predivne slike i ilustracije i može se reći da je ovladala tehnike za dobijanje maksimalnih rezultata.

Slikarstvo: Koje je bolje mesto za predstavljanje dela jednog slikara nego galerija. Reece Rawland vas vodi upravo tamo i omogućava vam da prođete kroz istu.

Film: Mali detalji čine sveže i jasne ideje. Svedok stvaralac filmova John Frederick Schindler III omogućava vam da pomoću mouseover-a preko određenih elemenata gledate kako se klipovi pojavljuju na old school TV uređaju na portfolio strani.

Humanitarne organizacije: Na sajtu 1America dugmići su pokretni grafički elementi gde se sadržaj neočekivano i kreativno pojavljuje. Kao dodatak tu su Bono i Mary J. Blidge.

Ilustracije i stil: Dve stvari se ističu na Thiluu web sajtu: prva je suptilna upotreba zvuka, druga je kreativno korišćenje layer-a sa slikama i tekstom sa menijem koji reaguje neočekivano na klik.

Izdavaštvo i komunikacije: Sproud koristi istaknute grafičke elemente od samog početka tu su klikabilni delove ilustracije balansirani sa dugmićima koji su bazirani na tekstu.

Istorija interneta je kratka ali su se dogodile mnoge značajne promene tokom tog kratkog perioda. Internet je radikalno uticao na naš način života. Što je još bitnije internet je stvorio na hiljade radnih mesta koja nisu postojala pre dvadesetak godina. Među ovim poslovima su SEO marketing, online telemarketing, freelance pisanje, blogging i naravno web dizajn. Iako je web dizajn prisutan desetak godina postao je značajan deo naših života. Ne možemo zamisliti internet bez animiranih grafika, fensi teksta, zanimljivih pozadina kao i pozadinske muzike. Kako su sve ove stvari nastale?

Internet i web dizajn rani počeci

U istoriji World Wide Web-a se vodi da je prvi sajt objavljen negde u avgustu 1981. To je bilo pre trideset godina dok je sam internet rođen još šezdesetih godina. Internet tada nije bio brz kao što je sad ali je bio vrlo efikasan u prebacivanju informacija sa jednog računara na drugi. Zbog svoje pouzdanosti internet je korišten od strane vojske, naučnika, obraznovnih lica, doktora i vlade zbog svoje efikasnosti transfera informacija u grupi. Tada je internet zahtevao da imate računar, modem i telefonsku liniju. Devedesetih godina Mosaic je predstavljen javnosti koji je bio besplatan internet pretraživač. Mosaic je bio prvi komercijalni pretraživač koji je omogućavao široj javnosti pristup online sadržaju. Dizajniran je od strane Marc Andreesen-a i Eric Bina-e i originalno je radio pod UNIX sistemom. Do 1994 Mosaic web pretraživač je postao dostupan i za ostale operativne sisteme kao što su Mac, Windows i Amiga OS.

Mosaic pretraživač prvi web pretraživač u istoriji interneta. (slika od Computer History)

Tokom devedesetih internet je spojio ceo svet kroz telefonske linije. Dokumenti su mogli da se pregledaju u HTML-u gde su svi mogli da ih vide i da im pristupe ako su online. Ovi web sajtovi spadaju u prvu generaciju sajtova. Imali su dosta teksta, skromnu količinu boja i grafike. Bili su stvoreni za funkcionalnu komunikaciju a ne da zabave korisnike. Pošto su dial-up modemi omogućavali dosta spor pristup internetu bilo je nepraktično bombardovati korisnike sa mnogo grafike jel bi vreme učitavanja takvih strana trajalo čitavu večnost. Zbog toga su sajtovi prve generacije stvarani da maksimizuju vreme učitavanja zbog bržeg prenosa podataka kroz spore dial-up modeme tog vremena.

HTML – prva generacija

Hypertext koncept je delo Ted Nelson-a tokom šezdesetih godina ali je korišten tek nekoliko decenija posle. Tokom osamdesetih Tim Berners-Lee je izumeo Internet i koristio je hypertext jezik za kodiranje. World Wide Web se pojavio 1994. HTML je bio jedini jezik za kodiranje web dizajna tada i zbog toga nije bilo previše slobode kada je u pitanju dizajn. Zbog toga prvi web dizajneri su bili ograničeni i mogli su da stvore samo jednostavan raspored, tekst, tabele i linkove sa vrlo malo ili ništa grafike. Ovo se smatra za "bronzano doba" u web dizajnu. Iako web sajtovi tada nisu bili orjentisani ka dizajnu developeri su smišljali načine kako da svoje sajtove naprave vizuelno atraktivnijim. W3C ili World Wide Web Consortium je nastao da spreči velike kompanije da monopolizitaju web dizajn kod. Da je samo jedna kompanija mogla da kontroliše web kodiranje i dizajn priča o internetu i web dizajnu bi bila potpuno drugačija. Do sada W3C je još uvek odgovoran za regulisanje tehnika kodiranja, pravila i smernica. Isto tako W3C stalno obaveštava web dizajnere o svim promenama koje će da napravi. Vrlo je bitno za dizajnere da prate smernice koje je donelo odgovorno telo tako da web sajt funkcioniše u koheziji sa search engine-ima i pretraživačima bez bilo kakvih grešaka.

W3C je postavio standarde za web dizajn i kodiranje.

Posle Mosaic-a pojavio se Netscape novembra 1994. godine. Nije trebalo da prođe puno vremena da postane vodeći pretraživač na web-u. Počeo je da stvara svoje tagove i World Wide Web je samo pratio model.

Druga generacija

U periodu između 1992. i 1994. developeri su počeli da dodaju neke svoje delove HTML koda. Da bi se sprečila konfuzija povećanja HTML 1 tagova rođen je HTML 2. Internet je postao brži i web dizajneri su imali više mogućnosti u HTML-u. Kodiranje je postalo nešto komplikovanije i grafika je postala sve češće viđena.

Treća generacija

Tokom 1995. pojavilo se još HTML tagova i tako je rođen HTML 3. Dizajneri su dobili opcije da koriste HTML B tabele i style sheet-ove. Iste godine Microsoft je izbacio svoj pretraživač Internet Explorer. U toku tog vremena dizajneri su dobili još slobode da prilagode i ulepšaju svoj web dizajn. Treća generacija web sajtova je imala pozadine u boji sa raznim paternima. Takođe su im bile dostupne animirane slike zahvaljujući .gif-u. Flash je predstavljen koji je tada bio svež dah vazduha. Promenio je ceo pogled na web dizajn od statičkog ka dinamičkom.

Moderni web dizajn današnjice: četvrta generacija

Današnji web sajtovi se vode kao četvrta generacija. Pored HTML-a web dizajneri mogu da se igraju sa drugim alatima za kodiranje kao što su JavaScript, Flash, XML, CSS, itd.

HTML 5 je peta revizija HTML jezika i on se trenutno koristi. HTML 5 je rešenje za većinu problema i grešaka koje se mogu naći u HTML 4 i XHTML 1.1. HTML 5 pokušava da definiše markup jezik kako za HTML tako i za XHTML sintaksu. HTML 5 je doneo mnoštvo opcija u sintaksi uključujući integraciju SVG sadržaja, kao i dodavanje <video>, <audio> i <canvas> tagova. To znači da je sad lakše dodavati multimedijalni sadržaj bez potreba za nekim dodacima. Ostali elementi koji poboljšavaju semantiku sadržaja dokumenata su: <header>, <article>, <section>, itd.

Zbog značajnih dodataka potreba za drugim dodacima kao što su video materijal, flash i Java su znatno smanjeni. HTML napreduje i kreće se u svakom smeru. HTML 5 je kompatibilan sa raznim pretraživačima kao što su Mozilla Firefox, Apple Safari, Internet Explorer i Google Chrome.

Web dizajn za mobilne uređaje

Procenjeno je da će većina populacije do 2012 koristiti pametne telefone tzv. smartphone sa internacionalnom prodajom od 2,5 milijarde telefona u periodu od 2010. do 2015. To znači da će se mobilna upotreba web-a povećati 100% a možda i više od toga. Vreme je da kompanije ulože u mobilni dizajn da bi bili sigurni da su njihovi web sajtovi čitljivi na svim mobilnim platformama. Mobilni web jednostavno čini sve pogodnije. Mobilni web dizajn odgovara na dva ključna pitanja vezana za bolje iskustvo na webu a to je korisnost i dostupnost. Kao što se kreće trend pametnih telefona i mobilni web dizajn omogućava da se sadržaj brže učitava. Developeri razmišljaju o svemu nudeći aplikacije i igre za iPhone, Blackberry i Android.

Mobilni web dizajn je u jednostavnosti. Sve je pojednostavljeno da odgovara manjim ekranima. Navigacija je lakša, dizajn je jednostavniji a korišćenje flash-a trenutno nije moguće.

Nijedna dva web sajta nisu slična. Kao rezultat ogromnih tehnoloških napredaka web dizajneri mogu da eksperimentišu sa video materijalom, grafikom, slikama, animacijama pa čak i igrama. Pored toga developeri moraju da razmišljaju i o SEO marketingu kako bi bili sigurni da se njihov web sajt pojavi na što boljem mestu kod pretraživača. Svi ovi elementi se implementiraju u web dizajn kako bi sve bilo što zabavnije i interaktivnije. Web dizajn nije više samo prost komunikacioni alat, internet postaje arena zabave sa bezgraničnim mogućnostima.

A za naše web dizajnere internet je igralište koje se stalno povećava.