Mitte ainult inimesi ei kohtu nende riided, vaid ka veebisaidid. Saidi kleit on selle kujundus. Ressursi kvaliteetne ja atraktiivne kujundus jätab kasutajatele soodsa mulje, tagades seeläbi nende lojaalsuse ja valmisoleku pühendada oma aega edasiseks vaatamiseks. Lisaks kvaliteedile on oluline disaini originaalsus ja ainulaadsus. Hästi kulunud teemad tõrjuvad külastajaid. Kuid ainulaadse disaini väljatöötamine on kallis. Seetõttu mõtlevad paljud algajad veebimeistrid, kuidas oma kätega veebisaidi kujundust joonistada.
See on vajalik
- - pliiats;
- - paber;
- - rastergraafika redaktor GIMP või Photoshop;
- - valikuline: vektorgraafika redaktor (näiteks CorelDraw);
- - valikuline: 3D-modelleerimise keskkond (3DStudio, Blender);
- - kaasaegne brauser;
- - juurdepääs Internetile.
Juhised
Samm 1
Töötage välja veebisaidi kujunduse kontseptsioon. Otsustage stiil, värvilahendus, lehe paigutus (saidi päise suurus, menüü asukoht, tekstiplokid, pildid). On hea, kui kujunduskontseptsioon põhineb algsetel ideedel. Kuid kui need puuduvad, võite inspiratsiooni ammutada olemasolevate lahenduste analüüsist. Näiteks populaarsete CMS-i teemade kataloogide sirvimine. Töö tulemuseks võib olla saidilehe visand, mis on valmistatud pliiatsiga paberilehele, näidates fikseeritud ja erineva suurusega tsoone.
2. samm
Rastergraafika redaktoris saate luua tühja saidilehe malli. Avage uus dokument graafilises redaktoris. Dokumendi suurused peaksid olema nii horisontaalselt (isegi kui te ei kavatse luua sujuvat kujundust) kui ka vertikaalselt palju suuremad kui minimaalne lehe suurus. Lisage uus läbipaistev kiht. Lisatud kihis tõmmake lehemalli pilt 1 piksli paksuste joontega, austades elementide tegelikke mõõtmeid. Fikseeritud laiusega lehekujunduse jaoks määrake veerised, mis täidetakse taustavärviga.
3. samm
Laadige alla Internetist või kujundage oma lehe kujunduselemente. Logo ja ainulaadseid kujunduselemente saab luua 3D-modelleerimiskeskkonnas, vektori- või rastriredaktoris. Tasuta Interneti-fotopankades on suur hulk kõrge eraldusvõimega temaatilisi pilte. Internetis on ka tasuta ikoonikogu, mida saate oma projektides vabalt kasutada.
4. samm
Joonista veebisaidi kujundus. Lisage graafilises redaktoris dokumendile, mis sisaldab veebisaidi lehe malli, läbipaistvaid kihte. Valige ja täitke need alad, mis vastavad lehe taustale. Täitke alad gradienttäite ja perioodiliste tekstuuridega. Sisestage logo, staatilised pildid, ikoonid. Joonista plokkide piirid. Lisage mõni tekst. Pange iga valmis kujunduselement, staatiline pilt ja logo eraldi kihile. Nõutava paigutuse saavutamiseks liigutage pilte kihtidena.
5. samm
Salvestage saidi kujunduse töötav "allikas" graafilise redaktori natiivses vormingus. See võimaldab teil selle redigeerimise juurde hiljem naasta.