Design business pentru website

O noua frantura de web, o noua resursa pentru cei care nu au o “dragoste” aparte fata de web design.Si intr-adevar, sa inveti un intreg tipar este destul de complicat.Asa ca webmasterii(cei in devenire) se imaprt in 2 categorii:

  • Programatori – cei care stiu sa codeze un website utilizand o gama larga de limbaje de programare(HTML, CSS, PHP si Javascript).Aceste persoane au o afinitate pe lucrurile logice, dar cand creezi un website trebuie sa pui si un pic de imaginatie, dar poate cel mai important lucru este sa ai o viziune dezvoltata in timp si spatiu.
  • Designeri – cei care cunosc o multime de lucruri legate de trendurile actuale in materie de design, cei care isi imagineaza un design, dar nu pot sa si-l puna in practica cu ajutorul limbajelor de programare.
  • WebMasterii – cei care cunosc o groaza de lucruri in materie de deign si programare.Cu timpul si programatorii vor incepe sa vada cum se creaza un design, iar designerii vor invata cu sa codeze unul.Cand ajugi la stadiul in care poti coda cu usurinta cam orice design ce iti vine in minte, atunci te poti considera un webmaster.

La prima vedere ai spune ca cele 2 meserii se afla in antiteza…poate este adevarat, dar ele depind una de alta in aceeasi masura!Asa ca, in acest mini-tutorial o sa ma adresez programatorilor, care nu prea au idei legate de design, dar care stiu cum sa codeze un website.Asa ca navigand pe web, am descoperit cel mai bun chilipir in materie de sablon .psd.Este de la premiumpixels.com, este de vanzare ca tema wordpress, dar designul este gratuit si ofera un punct de inceput pentru cei care vor sa afle noi lucruri in materie de design.Sablonul acesta se adreseaza persoanelor care vor sa reduca prapastia dintre designeri si programatori, dar si designerilor, ce vor sa vada un exemplu de design profesional.

Dupa cum vedeti designul este fenomenal, un template web 2.0 adevarat ce s-ar potrivi la orice tip de website.In partea frontala a website-ului se utilizeaza Sablonul Z(tot aici pe site puteti gasi mai multe informatii) ce iti indreapta la final atentia spre “Download Redux Now!”.Paleta de culori este una eleganta, ce imbina cu succes palete simple de culori creand efecte uimitoare.De fapt cam acesta este si rostul unui website;sa uimeasca cat mai mult utilizand cat mai putin.

Website-ul lor ofera numai sablonul .psd pentru pagina, dar chiar si asa este un chilipir ce merita avut.Iar acum, daca tot vorbim de sablon voi evidentia cateva din detaliile ce il fac atat de frumos.

In imaginea de mai sus am evidentiat utilizarea sablonului Z in header-ul website-ului.De obicei veti intalni acest tipar, in special la website-urile ce promoveaza sau vand produse dintr-un motiv simplu.Atentia utilizatorului urmeaza un tipar, de sus in jos si de la stanga la dreapta, exact ca la o carte, culminand in final cu butonul Download Redux Now.In imagine este un singur Z, dar in realitate nu este unul perfect, atentia utilizatorului fiind axata pe mesajul de deasupra slider-ului de imagini.este o tehnica eficienta ce este utilizata adesea ca un mesaj de bun venit.Utilizarea culorilor inchise, dar si a unui pattern axeaza si mai mult atentia spre continut si pe butonul Portocaliu deschis ce iese in evidenta.

Urmatoarea parte a site-ului contine continutul care dupa cum se observa este impartit in 2 bucati.Prima bucata descrie website-ul, iar a doua parte convinge userii sa cumpere un anumit produs sau serviciu.Ambele parti sunt structurate pe 3 coloane;fara acel mesaj despartitor(quote), partea centrala a website-ului ar capata un aspect monoton.Deci acel mic “divider” are un rol dublu:imbunatateste aspectul website-ului si elimina efectul de monotonie.

Subsolul paginii reia paleta de culori inchise ce le gasim in header cu mici diferente.In header avem o palte albastra, iar aici una gri.Gri, doar pentru a elimina efectul de la continut, efectul de monotonie.

Urmarind detaliile am aflat cateva lucruri noi, dar ce trebuie sa retinem este ca in web ai succes cand respecti o serie de reguli relativ simple ce ti se vor intipari in minte prin exercitiu.

Descarca Sablonul

Postare asemănătoare

Ștefănescu Marian

Pasionat de științe exacte, drumeții.

Leave a Reply

Be the First to Comment!

avatar
  Subscribe  
Notify of