Ne samo ljudi, ki jih srečajo njihova oblačila, ampak tudi spletne strani. Obleka spletnega mesta je njegova zasnova. Kakovostna in privlačna oblika vira na uporabnike naredi ugoden vtis, s čimer zagotavlja njihovo zvestobo in pripravljenost, da svoj čas namenijo nadaljnjemu ogledu. Poleg kakovosti sta pomembni izvirnost in edinstvenost oblikovanja. Dobro obrabljene teme odbijajo obiskovalce. Toda razvoj edinstvenega dizajna je drag. Zato se mnogi začetniki spletnih skrbnikov sprašujejo, kako z lastnimi rokami narisati zasnovo spletne strani.
Potrebno je
- - svinčnik;
- - papir;
- - urejevalnik rasterske grafike GIMP ali Photoshop;
- - neobvezno: urejevalnik vektorske grafike (na primer CorelDraw);
- - neobvezno: okolje za 3D modeliranje (3DStudio, Blender);
- - sodoben brskalnik;
- - dostop do interneta.
Navodila
Korak 1
Razvijte koncept zasnove spletnega mesta. Odločite se za slog, barvno shemo, postavitev strani (velikost glave strani, mesto v meniju, besedilni bloki, slike). Dobro je, če koncept oblikovanja temelji na izvirnih idejah. Če pa jih primanjkuje, lahko navdih črpite iz analize obstoječih rešitev. Na primer, brskanje po katalogih priljubljenih tem CMS. Rezultat dela je lahko skica strani spletnega mesta, izdelana s svinčnikom na listu papirja, ki označuje območja fiksnih in različnih velikosti.
2. korak
Ustvarite predlogo prazne strani spletnega mesta v urejevalniku rastrskih grafik. Odprite nov dokument v grafičnem urejevalniku. Velikosti dokumentov morajo biti veliko večje od najmanjše velikosti strani tako vodoravno (tudi če ne nameravate ustvariti "tekočega" dizajna) kot navpično. Dodajte novo prosojno plast. V dodani plasti narišite sliko predloge strani s črtami debeline 1 slikovna pika, upoštevajoč dejanske dimenzije elementov. Za zasnove strani s fiksno širino določite robove, ki bodo zapolnjeni z barvo ozadja.
3. korak
Prenesite jih z interneta ali oblikujte lastne elemente oblikovanja strani. Logotipe in unikatne oblikovalske elemente lahko ustvarite v okolju 3D modeliranja, vektorskem ali rastrskem urejevalniku. Veliko brezplačnih internetnih fotobank vsebuje veliko tematskih slik visoke ločljivosti. Na internetu obstajajo tudi brezplačne zbirke ikon, ki jih lahko prosto uporabljate pri svojih projektih.
4. korak
Narišite zasnovo spletne strani. V dokument, ki vsebuje predlogo za spletno stran v grafičnem urejevalniku, dodajte prozorne plasti. Izberite in jih izpolnite na področjih, ki ustrezajo ozadju strani. Območja zapolnite z gradientnim polnjenjem in periodičnimi teksturami. Vstavite logotip, statične slike, ikone. Narišite meje blokov. Dodajte nekaj besedila. Vsak končni element oblikovanja, statično sliko in logotip postavite na ločeno plast. Premaknite slike v plasteh, da dosežete zahtevano postavitev.
5. korak
Delovni "vir" zasnove spletnega mesta shranite v "izvorni" obliki grafičnega urejevalnika. Tako se boste lahko pozneje vrnili k urejanju.
