Kako oblikovati spletno stran

01 od 10

Raziskave

Potencialna stranka vas je ravnokar prosila, da oblikujete spletno stran, a kje začnete? Obstaja določen postopek, ki ga lahko spremljate, da zagotovite nemoten potek projekta. Odraža standardni proces grafičnega oblikovanja z le nekaj spletnimi koraki, ki jih je treba vključiti.

Kot grafični oblikovalec se lahko odločite, da boste sami prevzeli celotno obliko, vključno s kodiranjem. Lahko pa tudi zberete ekipo, ki vam bo pomagala pri podrobnostih. Spletni razvijalec in strokovnjak za SEO so lahko dragoceni dodatki za vaš projekt.

Vse se začne z raziskavami

Kot pri večini projektov, je prvi korak pri ustvarjanju spletne strani opravljanje raziskav. Nekatere raziskave bodo opravljene s stranko, da bi razumeli njihove potrebe. Prav tako boste morali izvedeti več o svoji industriji in konkurentih.

Ko se srečujete z vašim odjemalcem, morate čim bolj odkriti, da vam pomagajo razviti osnutek spletnega mesta in ga sčasoma oblikovati. To vključuje spraševanje o ciljnem občinstvu, ciljih, kreativnih usmeritvah in drugih spremenljivkah, ki lahko vplivajo na to, kar lahko ponudite odjemalcu, kot sta proračun in rok.

Vaša industrija in tržne raziskave se bodo zgodile hkrati. Da bi bili pripravljeni na srečanje z vašo stranko, bi morali imeti idejo o svoji panogi. Po ugotovitvi njihovih potreb, boste potem želeli videti malo globlje.

Raven izvedenih raziskav bo odvisna od proračuna naročnika in vašega obstoječega znanja industrije. Lahko je tako preprosto, kot si želite ogledati, kakšne so druge spletne strani na tem področju. Za večje projekte je lahko nekaj podobnega poglobljenemu raziskovanju s ciljnimi skupinami.

02 od 10

Brainstorming

Ko veste, o katerem projektu je vse, je čas, da se zberejo ideje, in brainstorming je odličen kraj za začetek . Namesto da iščete popolno idejo, da bi bili vaš prvi, vrnite vse ideje ali koncepte za spletno mesto. Kasneje ga lahko vedno zožite.

Nekatera spletna mesta morda zahtevajo standardni spletni vmesnik, z navigacijo (gumbno vrstico) in območji z vsebinami, kjer jih uporabniki najverjetneje pričakujejo. Drugi lahko zahtevajo edinstven koncept, da predstavijo vsebino.

Na koncu bo vsebina zasnovala dizajn. Na primer, spletno mesto z novicami bo imelo veliko drugačen pristop kot portfelj spletnih fotografov

03 od 10

Odločite se o tehničnih zahtevah

V zgodnji fazi priprave spletne strani je treba sprejeti odločitve v zvezi s tehničnimi zahtevami projekta. Take odločitve bodo vplivale na proračun, časovni okvir in v nekaterih primerih celoten občutek mesta.

Ena od primarnih odločitev je, kakšna je osnovna struktura spletnega mesta, ki bo določila, katero programsko opremo bo uporabila in kateri sistem dela na spletnem mestu.

Vaše možnosti vključujejo:

04 od 10

Napišite preglednico

Zdaj, ko ste zbrali potrebne informacije in zamislili nekaj idej, je dobra ideja, da vse odstranite na papir.

V preglednici spletne strani je treba navesti seznam vsakega odsekov, ki bo vključen na spletno mesto, z opisom vrste vsebine, ki bo prikazana na vsaki strani. Prav tako mora opisati čim več podrobnosti, katere značilnosti bi bile na mestu, kot so uporabniški računi, komentarji, funkcije družabnega omrežja, video ali prijava glasila.

Poleg pomoči pri organizaciji projekta mora biti stranki predstavljen tudi osnutek predloga spletnega mesta , ki ga lahko odobrijo, preden se projekt nadaljuje. To jim bo omogočilo dodajanje, odstranjevanje ali prilagajanje vseh delov ali funkcij.

Vse to vam bo na koncu pomagalo razviti proračun in časovni okvir ter zgraditi spletno mesto. Dogovor o ceni projekta projekta spletnega mesta, ki temelji na odobrenem načrtu, bo pripomogel k izogibanju dodatnih provizij ali razlik v mnenju pozno v projektu.

05 od 10

Ustvarite žične okvirje

Žični okvirji so preproste črte risb spletnega mesta, ki vam omogočajo, da se (in stranka) osredotočite na postavitev elementov in ne na barvo in vrsto.

To je izredno koristno, saj določa, katera vsebina si zasluži največjo težo, in odstotek prostora, uporabljenega na strani za te elemente. Ne da bi jih motili drugi vizualni elementi, odobreni žični okvirji zagotavljajo okvir za vaše modele.

Pri nekaterih projektih lahko menite, da imate na voljo zbirko žičnih okvirjev za različne vrste vsebin. Kontakt, slike in druge strani z veliko besedili imajo lahko drugačno postavitev kot galerija ali stran za nakupovanje.

Pomembno je, da vzdržujete enoten videz na celotnem spletnem mestu, ko preidete iz enega ogrodja na drugo.

06 od 10

Oblikujte spletno stran

Ko ste vi in ​​vaša stranka zadovoljni z žičnimi žicami, je čas, da začnete načrtovati spletno mesto.

Adobe Photoshop je najpogostejše orodje za izdelavo začetnih modelov. Osredotočenost na zasnovo spletnega mesta bi morala biti predstavitev vsebine in uporabljena bo za ustvarjanje dejanskih spletnih strani.

Za zdaj preprosto zasnovajte in igrajte z osnovnimi elementi, da ustvarite nekaj za vašo stranko, da si ogleda in odobri.

07 od 10

Ustvarite spletne strani

Ko je vaš projekt odobren, je treba strani pretvoriti iz mockupov na dejanske spletne strani, zapisane v HTML in CSS.

Izkušeni oblikovalci / razvijalci se lahko odločijo, da prevzamejo vse kodiranje, medtem ko se nekdo, ki je osredotočen na oblikovalsko stran v spletu, tesno sodeluje z razvijalcem, da bi stran lahko oživel. Če je tako, bi moral biti razvijalec vključen že od začetka.

Razvijalci bodo pomagali zagotoviti, da bo dizajn realističen in učinkovito spletno postavitev. Prav tako se jih je treba posvetovati o vseh funkcijah, ki jih obljubljaš stranki, saj nekateri morda ne bodo mogli izvršiti ali koristijo spletnemu mestu.

Programska oprema, kot je Adobe Dreamweaver, lahko oblikovalcu pomaga, da prikaže delovno spletno stran s funkcijami povleci in spusti, vnaprej nameščenimi funkcijami in gumbi za dodajanje povezav in slik.

Obstaja veliko možnosti izbire programske opreme za spletno gradnjo. Izberite tistega, s katerim radi uživate, bodite prepričani, da vam omogočajo, da se resnično vpišete v podrobnosti in kodiranje strani.

08 od 10

Razviti spletno stran

Ko je postavitev končana v HTML in CSS, jo je treba vključiti v sistem, ki ste ga izbrali. To je točka, ko postane delujoča spletna stran.

To lahko pomeni, da razvijajo predloge, ki jih bere sistem za upravljanje vsebine, spreminja predlogo WordPress ali uporablja Dreamweaver za ustvarjanje povezav med stranmi in naprednejšimi spletnimi funkcijami. To je spet korak, ki se lahko prepusti drugemu članu ali članom ekipe.

Prav tako boste morali kupiti ime domene spletnega mesta in imeti gostiteljsko storitev. To bi moralo biti del vaših razgovorov s stranko in v resnici bi bilo treba storiti v začetnih fazah procesa. Včasih lahko traja nekaj časa, ko postanejo storitve aktivne.

Prav tako je zelo pomembno, da vi ali vaš razvijalec opravite temeljito preizkušanje spletne strani. Nočeš narediti "velikega razkritja" in imeti funkcije, ki ne delujejo pravilno.

09 od 10

Spodbujanje spletne strani

Z vašim spletnim mestom je čas, da ga promovirate. Vaš neverjetni dizajn ne pomaga, če ga ljudje ne obiščejo.

Vožnja na spletno mesto lahko vključuje:

10 od 10

Naj bo sveže

Eden od najboljših načinov, kako ljudje prihajajo nazaj na vašo spletno stran, je, da vsebina ostane sveža. Z vsem delom, ki ga postavite na spletno mesto, ne želite, da ostane enako več mesecev po začetku.

Nadaljuj objavljati novo vsebino, fotografije, videoposnetke ali glasbo ... ne glede na to, kje je bilo spletno mesto zgrajeno, da bi ga lahko predstavili. Blog je odličen način za posodabljanje spletnega mesta, z objavami katere koli dolžine na kateri koli temi, povezani z vašo spletno stranjo,

Če bo vaša stranka obdelala posodobitve za spletno mesto CMS, jih boste morda morali usposobiti za uporabo. Ustvarjanje posodobitev spletnega mesta, ki ste ga ustvarili, je lep način za reden prihodek. Prepričajte se, da se vi in ​​vaša stranka strinjate s frekvenco in cenami za vsako posodabljanje.