Zurbano postaje mobilni prvi sa potpuno novom fondacijom 4

Planiranje web projekata za mnoštvo uređaja ovoga je tjedna malo olakšalo izdanje Zurb Foundation 4, prilagodljivog okvira s mobilnim prikazom.

Sljedeće izdanje fleksibilne mreže Zurbanove fondacije 3 strukturirano je tako da prvo misli na dizajnere. S više od 1, 08 milijardi pametnih telefona koji se koriste širom svijeta, to će trend koji će i dalje steći popularnost. Pridružite nam se dok ćemo pogledati što je novo u Fondaciji 4 i otkriti zašto biste trebali razmisliti o tome kako ga koristiti za svoj sljedeći dizajnerski projekt!

Što ima novog?

"Mobile-first je definitivno novi val"

Foundation 4 je nova gradnja kod-up-a iz Zurba. Pokretni prvi koncept pokretački je faktor koji stoji iza njega.

"Mobile-first je definitivno novi val, čak i ako koncept već neko vrijeme pluta", rekao je Jonathan Smiley, partner i voditelj dizajna u ZURB-u. "Do sada smo prvo odlagali mobilni telefon upravo zato što nismo mislili da je većina dizajnera ili čak većina naših klijenata spremna za to. Sada je priča malo drugačija. "

Osim novog načina razmišljanja kada krenete u izradu web stranica, utroba Fondacije 4 također se promijenila u nadi da će ponuditi bržu i moderniju platformu.

Dizajneri i programeri vjerojatno će primijetiti pametnije i semantičnije kodiranje. Kôd je pojednostavljen kako bi se dizajneri mogli više usredotočiti na rad na HTML-u.

„Željeli smo omogućiti korisnicima Fondacije da prevladaju najočitije nedostatke u okviru: prezentacijsko obilježavanje“ - Jonathan Smiley

Smiley je napomenuo da je "obećanje HTML / CSS-a bilo da je HTML rekao uređaju kakav je vaš sadržaj, a CSS mu je rekao kako to treba izgledati. S drugim okvirima (uključujući Foundation 3) zaglavili ste stavljajući sve vrste markiranja u svoj HTML kako biste rekli kako bi to trebalo izgledati - pomoću Foundation 4 sve to možete izvući u CSS pomoću magije SCSS mixinsa. "

Okvir koristi i lakši Zepto umjesto jQuery. Stranice se moraju brzo učitavati u mobilnim okruženjima kako bi privukle pažnju korisnika. Zurb kaže da će ta poboljšanja koda i Javascript učiniti upravo to.

Što je isto?

Okvir je osjetljiv. Ideja je dizajnirati kroz proces razmišljanja za mobilne uređaje - ali to se ne zaustavlja. Fondacija 4 napravljena je za izgradnju responzivnih web stranica koje rade na mobilnim uređajima, tabletima i web preglednicima bilo kojeg oblika i veličine.

Rešetka Zurura poznata je po sjajnoj strukturi tekućine sa 12 stupaca - nije nigdje otišla. Još uvijek ga možete koristiti; proces dizajna tek započinje s mobilnim uređajem. Foundation 4 je potpuno prilagodljiv, od komponenti do specifikacija mreže do boja i točaka prijeloma. A softver je također prepun malih dodataka i dodataka koji će vam pomoći da dobijete prototip napravljen u bilo kojem trenutku.

Dizajnerski alat

Fondacija 4 izrađena je posebno za dizajnere. Izravna početna točka koda je izvrsna za dizajnere koji možda nisu baš pametni u kodu. A kao dizajner, to znači da se moram vremenom baviti dizajniranjem, a ne borbom protiv koda. (Pravi bonus.)

Okvir Fondacije 4 također je izvrsno mjesto za početak. Uz toliko mnogo mogućnosti za mobilne uređaje, samo ideja može biti malo neodoljiva i ovaj alat uklanja neke od tih problema. Zaklada je odlično početno mjesto i sjajan način da se prvi zaronite u svijet dizajna za sve vrste mobilnih uređaja.

Vrijeme je za nadogradnju?

Fondacija 4 neće zamijeniti popularni Foundation 3 koji se "natječe" s Twitterovim Bootstrap softverom. (Više o tome možete pročitati u prethodnom članku Design Shack.)

Korisnici Foundation 3 rado će znati da će Zurb i dalje podržavati proizvod (pa čak je i planirano ažuriranje). Verzija 3.2.5 poslužit će kao čvrst čvrsti okvir na koji se prvi odziva radna površina na koji su ljudi navikli.

Kako se to kaže, oni koji to žele napraviti skok mogu. Fondacija 4 ima temeljit vodič za migraciju za one kojima je to potrebno. Ali ovo je vrlo različit alat - prvo zapamtite mobilni, a ne web prvi - i neće ga svi dizajneri ili programeri htjeti "nadograditi".

Fondacija 4 vjerojatno je bolji alat za nove projekte - možda čak i one koji su već započeti ako su interna istraživanja pokazala jaku povezanost s mobilnim korisnicima. Za nove projekte vrijedna je opcija za dizajnere: "To će pomoći usredotočiti njihove napore, usredotočiti interakciju i iskustvo i pružiti bolju web lokaciju njihovim korisnicima."

Val budućnosti

Zurb je prvi veliki alat s mobilnom prvom platformom. I trebat će neko vrijeme da vidimo koliko su brzi programeri i dizajneri to prihvatili.

Čvrsto vjerujemo da je mobilni uređaj kao pristup trenutno najviše smisla

Na horizontu je i mobilna verzija Bootstrapa. Kada se objavi verzija 3, prema blogu Bootstrap, bit će i prva.

Zurb procjenjuje opreznu stopu usvajanja za početak.

"Očekivali bismo da će usvajanje mobilnog uređaja za razvoj još uvijek polako izgarati, barem nekoliko mjeseci, ali što god učinimo s Fondacijom da to ubrzamo, učinit ćemo", rekao je Smiley. "Čvrsto vjerujemo da je mobilni uređaj najprije smisao upravo kao pristup upravo sada, i to ćemo agresivno nastaviti."

Kako mobilna upotreba raste s 14 puta većom od stope upotrebe radne površine, ova strategija svakim danom postaje sve važnija. I sve više dizajnera i programera govori o tome - puno. Prema Luki Wroblewskom "Mobile First", razmišljanje mobilnim telefonom kao prioritetom omogućuje web lokacijama da dosegnu više ljudi, prisiljava dizajnere na fokusiranje na sadržaj i funkcionalnost, a dizajnere omogućuje inovacijama i razmišljanju o novim tehnologijama.

Zaključak

Osvježavajuće je vidjeti nekoga kako napravi skok u strategiju razvoja mobilnih uređaja. Nalazimo se u sve sve mobilnijem web-mjestu i sve više korisnika očekuje izvanredno iskustvo na mreži, bez obzira na uređaj.

"Mislimo da pomažemo ljudima da grade za uređaje koje stvarno koriste i gradimo na odgovoran, mašinski čitljiv, semantički način pomažemo u postavljanju generacije web lokacija i aplikacija koje će raditi onako kako bi trebale, čak i na uređajima i s tehnologijom koja još ne postoji ", rekao je Smiley. "Prilično smo uzbuđeni zbog toga.

S gledišta dizajnera, tako i ja. Dizajniranje mobitela prvo ima smisla. Učili su me da najprije dizajniram najmanje dijelove i učinim ih čitljivim, a potom i izradim od njih. To je osnova Fondacije 4. Prvo napravite malu, a zatim proširite dizajn. Čini se kao čvrsta strategija.