Kjo guidë është e para e një serie [besoj] interesante që do të përfshijë proçesin e krijimit të një design-i për web nga fillimi deri në produktin përfundimtar. Kam zgjedhur ta nis me replikimin e design-it të Feniksi.com, por kuptohet me disa ndryshime të vogla për të krijuar variacion.

E gjithë çka ju duhet për krijimin e dizenjos është një program që besoj secili prej jush e njihni, pra është fjala për Adobe Photoshop (s’ka rëndësi versioni).

Tani ndiqni çdo hap me kujdes në mënyrë që të mësoni sa më tepër nga kjo guidë.

1.Hapim programin Adobe Photoshop dhe krijojmë një skedar të ri, si në foton më poshtë:

Hapi i parë

2.Krijojmë një sfond të lehtë që të përshtatet pastaj me të gjitha ngjyrat. Thjesht duhet të fusni një gradient me ngjyrat që janë në demonstrimin më poshtë:

Zgjedhja e Gradientëve

dhe sfondi ynë do të duket kështu:

Ngjyra Sfondit

3.Pa humbur kohë, shkojmë me ndërtimin e një headeri.
a) Së pari zgjedhim Rectangle Tool (U) për krijimin e një hapësire të mbushur.  Shihni këtë fotografi për ta gjetur më lehtë:

b) Pastaj krijojmë një hapësirë në pjesën e sipërme të headerit, ku mund të vendosim disa lidhje. Pastaj e ngjyrosim atë duke i dhënë një Gradient të bukur si më poshtë:

Gradientët

Dhe do të duket kështu:

4.Po kështu veprojmë dhe në rastin e tanishëm, duke krijuar një hapësirë të mbushur dhe e ngjyrosim atë, me një gradient të errët.
Dhe do të duket kështu:

5.Për krijimin e menu-së, përsëri me anë të Rectangle Tool (U) krijojmë hapësirën aq sa është e madhe gjerësia e dizajnit dhe e ngjyrosim me Gradient si në foton e më poshtme.
Dhe dizajni do marrë këtë pamje:

Kliko tek foto për ta zmadhuar

PS: Kemi bër një dekorim tjetër të menu-së të cilën mund ta merrni për veten tuaj, nga më poshte:

Kliko imazhin për ta zmadhuar

6.Në rast se dëshironi që të paraqitni një portofol tuajin në ballinë, dhe të vendosni 2 apo më shumë foto, mund ta bëni lehtë, duke ndjekur hapat më poshtë.
a) Krijojmë një kuti (641×242) të mbushur me ngjyrë me anë të Rectangle Tool (U) në sfondin e dizajnit, si në foton më poshtë:

b) Pastaj merrni një demonstrim të ndonjë pune tuajën dhe vendoseni në kutinë që e krijuam ne. Kini parasysh që demonstrimi të jet -6px më i vogël dhe -6px më i hollë, që të duket më bukur në kufizimin e kutisë. Ja një pamje:

Klikoni figurën për ta zmadhuar

7. Sidebari i faqes suaj është pjesë shumë i rëndësishëm si në estetikë ashtu dhe në përdorim të faqes, ku mund të reklamoni partnerët apo ndonjë shërbim tuajin. Për ta formuar një të tillë, të thjeshtë dhe të bukur, shihni më poshtë:
1) Krijojmë 2 kuti si në hapin e 6-të mirëpo me dimensione më të vogëla. Dhe do të marrë këtë pamje:

Klikoni figurën për ta zmadhuar

2) Pastaj vendosim ikonën (varësisht çfarë vendoseni aty). Unë po e vendos një ikonë vetëm si shembull për spjegim më të lehtë. Pasi të vendosim ikonat shkruajmë dhe një tekst. Dhe shikoni si do të duket tani:

Klikoni figurën për ta zmadhuar

8. Pasi t’i kemi përfunduar të gjitha udhëzimet deri në hapin 7-të, na ka mbetur vetëm Footeri i cili është pjesa e dizajnit që vendoset në fund. Për të ndërtuar një footer të bukur, me estetikë dhe të përshtatshëm me dizajnin, thjesht ndiqni hapat si më poshtë:
1) Krijojmë përsëri një kuti si në hapin e 6/7 mirëpo me dimensione më të mëdha dhe e vendosim në fund, si në foton më poshtë:

Klikoni figurën për ta zmadhuar

2) Footerin mund ta përdorim për shumë qëllime, qoftë për lidhje të shpejta, informacione rreth faqes, të drejtat e autorit, etj. Këtu do të gjeni vetëm një shembull se si duket, pasi të vendosim ikona dhe tekstet aty, e çfarë dhe si ti vendosni, mund të zgjedheni vetë ju.
Dhe do duket kështu:

Klikoni figurën për ta zmadhuar

9.Vendosim dhe logon zyrtare të faqes dhe përfundimisht do të duket kështu:

Punimi përfundimtar

Për ta përmbledhur: Kemi krijuar një dizenjo të thjeshtë tërësisht nga zero duke i bazuar në dizenjon e Feniksi.com. Shpresoj që përmes kësaj guide të keni kuptuar bazat si një dizenjo krijohet dhe informacionet e marra ti përdorni për dizenjo faqesh më komplekse.

Komentet, pyetjet apo sygjerimet janë të mirëpritura dhe do tju përgjigjem sa më shpejt e mundur.