20 sjajnih predložaka i tema (besplatno i premium)
Odgovarajući web dizajn trenutno je bijesan, ali kao punoljetnom dizajneru teško je izdvojiti vrijeme za nove trendove, bez obzira koliko korisni i možda čak potrebni.
Unaprijed izgrađene teme i predlošci pružaju vam brz i jednostavan način da započnete s fleksibilnim web dizajnom. Mnogi od njih rade sav posao umjesto vas i pružaju jednostavan plug and play tijek rada, drugi se samo brinu za dizanje teške brige o medijskim upitima i pružaju vam potpunu kontrolu nad dizajnom. Ovaj post sadrži 20 besplatnih i premium predložaka, a svi su u potpunosti odgovaraju odmah izvan okvira.
Odgovarajući izgled: Naklonost ili nužnost?
U posljednje vrijeme često se raspravlja o responzivnom web dizajnu. Mnogi ga doživljavaju kao budućnost web dizajna, pa čak i idu toliko daleko da kažu da jednostavno ne radite web dizajn na pravi način ako vaše web stranice ne udovoljavaju njihovoj specifičnoj formuli za maksimalnu kompatibilnost. Drugi tvrde da je ovo samo još jedna igračka u dugom nizu nabora koji dolaze i odlaze.
Odgovor je vjerojatno negdje između njih dvojice. Istina je da je web dizajn doista naišao na veliku prepreku zbog bogatstva različitih veličina zaslona koji sada redovito pristupaju webu. Mnoge web stranice ne mogu priuštiti da ne ostave velike dijelove mobilnih korisnika niti mogu izraditi prilagođene web stranice savršeno prilagođene svakom pametnom telefonu, tabletu, prijenosnom računalu i radnoj površini na tržištu.
Odgovarajući dizajn, bio on trend ili ne, trenutno je najbolji odgovor na ovaj problem. Ako medijskim upitima ne padne naklonost, to će jednostavno biti bolje rješenje, a ne zato što problem prestaje biti važan.
Ne mogu reći kako ćemo razvijati web stranice za deset godina, ali možete se kladiti da će veličine ekrana i dalje postajati još fragmentarnije jer sve s baterijom ili utikačem brzo postaje sposobno pristupiti webu. Ako definiramo "responzivni" web dizajn kao skup tehnika koje se koriste za osiguravanje maksimalne kompatibilnosti na što većem broju uređaja, onda definitivno ne gledamo na modu, već na trenutni i budući standard za profesionalce u našoj industriji.
Neki se žale na dodatni napor i vrijeme razvoja, ali zaista nije tako loše kao što možda mislite i nakon što ga nekoliko puta povučete, utjecaj na vaš tijek rada može biti prilično minimalan. Alat u ovom postu čini još bržim i uklanja većinu pritiska od vas kada su u pitanju responzivni elementi.
20 Odzivnih predložaka i tema
Yoko - Besplatni HTML5 / CSS3 WordPress 3.1+ Tema
„Yoko je moderna i fleksibilna tema programa WordPress. Zahvaljujući prilagodljivom rasporedu koji se temelji na CSS3 medijskim upitima, tema se prilagođava različitim veličinama zaslona. Dizajn je optimiziran za velike radne zaslone, tablete i male ekrane pametnih telefona. Da biste svoj blog učinili individualnijim, možete koristiti nove formate objava (poput galerije, u stranu ili citirati), odabrati svoj logotip i sliku zaglavlja, prilagoditi pozadinu i boju veze. "
Kostur
Skeleton je kotlovska ploča koja uspješno čini razvoj web-lokacija sa dobrim iskustvom. O tome smo nekoliko puta pisali na Design Shack-u i stvarno volimo njegovu jednostavnost. Uz preuzimanje, naravno, dobivate i demo datoteku, koja se lako može koristiti kao početni predložak za izgradnju vašeg vlastitog rada.
Odgovarajući dvadeset i deset (WP tema)
Responsive Twenty Ten je dječja tema zadane WordPress teme s puno sjajnih funkcija poput fleksibilnih slika. Autori vam dopuštaju "s njima preuzimajte, uzimajte, koristite, mijenjajte i radite sve što želite".
Predložak web dizajna za Onextrapixel responzivni
Vrlo osnovni, ali čvrsti besplatni predložak / tutorial za brzi web dizajn. Ovo je savršeno ako želite samo iskopati i vidjeti kako jednostavan jednostavni predložak djeluje bez pahulja.
Novinar: Odgovarajuća WP tema za pisce
Vrlo jedinstvena tema sa simuliranim sučeljem otvorenih knjiga koje lijepo mjeri kad promijenite veličinu preglednika. Idealno za portfelje osobnih pisaca.
Ari WordPress tema
Ari je vrlo minimalna tema bloga koja je jednostavno atraktivna u svojoj jednostavnosti. Izgrađen je za WordPress 3 i više, a uključuje i svijetlu i tamnu temu. To ćete definitivno htjeti pogledati.
Zlatna mreža
Poput Skeletona, Golden Grid je više od obrasca, on je okvir za izradu web lokacija koje odgovaraju. Označeno kao sklopiva mreža za brzi dizajn, "16 stupaca može se kombinirati ili preklopiti u 8 stupaca za ekrane veličine tableta i u 4 stupaca za one veličine mobilnih uređaja."
Dobar minimalan - responzivan predložak HTML5
"Good Minimal je čisti i minimalistički predložak stila koji je dobar za portfelj, blogove i tvrtke." Vrlo sličan prethodnom predlošku u mnogim aspektima, ali s odvažnijim, jedinstvenijim dizajnom. Jako mi se sviđa izgled tipografije u ovom.
iTheme2 (WordPress)
iTheme2 je prekrasna besplatna predloška bloga koja ima odaziv izgleda i mnoštvo odličnih funkcija poput prilagodljivog klizača funkcija, widgeta za društvene mreže, dvije tematske kože i još mnogo toga.
Folio dva
"Folio Two je napredni portfelj, praktičan i upotrebljiv predložak dizajniran s HTML5 + CSS3 i koji koristi jQuery za poboljšanje fenomenalnog korisničkog iskustva."
Ovaj predložak sadrži zaista lijepu veliku mrežu slika koja glatko preslikava kako veličina prozora preglednika. Rešetka izgleda sjajno i mala i velika!
Grido WP tema
Grido je nevjerojatan i impresivan podvig trikova za izradu web stranica. Sadrži i zidni izgled i prilagodljiv sustav koji taj izgled prilagođava za nekoliko veličina zaslona. Dolazi s više shema boja, galerije svjetlosnih okvira, sedam koža i više.
Fleksibilna WordPress tema
„Fleksibilna je WordPress tema koja pomaže predstaviti vaš sadržaj i prikazati ga kako bi odgovarao različitim veličinama zaslona, s vlastitim dizajnom. Također nudi jednostavnu integraciju s opcijom Facebook i Fan Gate, koju morate imati ako imate web stranicu. "
Tema konstatacije WordPressa
Ova tema ima sve. Ne samo da je brz, već je i izgrađen na HTML5 pločici s bojlerima, a sadrži vodoravnu mrežu i savršen vertikalni ritam piksela koji lijepo mjeri na svim uređajima. Ovo je savršeno polazište za vaš sljedeći WordPress projekt.
Bešavna responzivna foto rešetka
Lijep mali eksperiment Chrisa Coyiera koji možete preuzeti i koristiti. U osnovi je to samo velika mreža fotografija koja se trenutno prilagođava različitim veličinama prozora preglednika.
Tisa WP Tema
Još jedna sjajna i responzivna tema Themify s puno velikih slika, prekrasnom shemom boja i šest tematskih tema.
Meerkats-responzivna WordPress tema
„Meerkats tema je stvorena da reagira na različite platforme i uređaje. To je jednostavna i osnovna WordPress tema koju je izgradio Gregor McKelvie. ”
Okvir bijele ploče
„Okvir Bijele ploče za WordPress razvijen je kako bi se ubrzao proces razvijanja WordPress teme. Whiteboard to čini eliminirajući vrijeme provedeno na kodu zajedničkom za sve WordPress teme i uključuje neintruzivni kôd koji poboljšava cjelokupnu WordPress temu na više načina - uključujući SEO, brzinu, upotrebljivost i podršku za mobilne uređaje. "
Izgrađena na popularnijem okviru, Whiteboard koristi i HTML5 i CSS3 i daje vam gotovo nenadmašno polazište za razvoj savršeno odgovarajućih WP tema.
Zaključak
S ovih dvadeset nevjerojatnih resursa, trebali biste biti potpuno naoružani za početak stvaranja responzivnih web dizajna i u pravim HTML / CSS i WordPressu. Bez obzira na proračun, ovdje postoji nekoliko tema i predložaka koji su savršeni za vas.
Ostavite komentar ispod i javite nam da li smo propustili bilo koji. Jeste li naišli na neke sjajne predloške i teme? Želimo ih vidjeti!
){kind=link}