Hoe om 'n webwerf te ontwerp

01 van 10

navorsing

'N Potensiële kliënt het jou net gevra om 'n webwerf te ontwerp, maar waar begin jy? Daar is 'n sekere proses wat u kan volg om te verseker dat die projek glad verloop. Dit weerspieël die standaard grafiese ontwerpproses , met net 'n paar webwerf-spesifieke stappe om in te sluit.

As grafiese ontwerper kan jy kies om self die hele ontwerp aan te pak, insluitende die kodering. U kan egter ook 'n span versamel om u te help met die besonderhede. 'N Webontwikkelaar en SEO-kenner kan waardevolle toevoegings tot jou projek wees.

Dit begin met navorsing

Soos met die meeste ontwerpprojekte, is die eerste stap by die skep van 'n webwerf navorsing. Van hierdie navorsing sal met die kliënt gedoen word om begrip van hul behoeftes te kry. Jy sal ook meer moet leer oor hul bedryf en mededingers.

Wanneer u met u kliënt vergader, moet u soveel as moontlik ontdek om u te help om 'n oorsig vir die werf te ontwikkel en uiteindelik te ontwerp. Dit sluit in om te vra oor hul teikengehoor, doelwitte, kreatiewe rigting en ander veranderlikes wat kan beïnvloed wat jy die kliënt kan bied, soos begroting en sperdatum.

Jou bedryf en marknavorsing sal gelyktydig plaasvind. Om voorbereid te wees om u kliënt te ontmoet, moet u 'n idee hê van hul bedryf. Nadat jy hul behoeftes gekry het, sal jy dan 'n bietjie dieper wil lyk.

Die vlak van navorsing wat uitgevoer word, sal afhang van die kliënt se begroting en u bestaande kennis van die bedryf. Dit kan so eenvoudig wees as om te kyk watter ander webwerwe in die veld lyk. Vir groter projekte kan dit iets soos in-diepte navorsing met fokusgroepe wees.

02 van 10

dinkskrum

Sodra jy weet waaroor die projek gaan, is dit tyd om idees te versamel, en dinkskrums is 'n goeie plek om te begin . Eerder as om die perfekte idee om jou eerste te wees, gooi enige en alle idees of konsepte vir die webwerf uit. Jy kan dit later altyd vernou.

Sommige webwerwe kan 'n standaard webkoppelvlak vereis, met navigasie ('n knoppiebalk) en inhoudsareas waar gebruikers dit waarskynlik sal verwag. Ander mag 'n unieke konsep benodig om die inhoud aan te bied.

Uiteindelik sal die inhoud die ontwerp bestuur. Byvoorbeeld, 'n nuusblad sal 'n baie ander benadering hê as 'n fotograaf se webportefeulje

03 van 10

Besluit op tegniese vereistes

Vroeg in die proses om 'n webwerf te ontwikkel, moet besluite geneem word rakende die tegniese vereistes van die projek. Sulke besluite sal die begroting, tydsraamwerk en, in sommige gevalle, die algehele gevoel van die webwerf beïnvloed.

Een van die primêre besluite is wat die onderliggende struktuur van die werf moet wees, wat sal bepaal watter sagteware om te gebruik en watter stelsel die werf "werk" maak.

U opsies sluit in:

04 van 10

Skryf 'n oorsig

Noudat jy die nodige inligting versamel het en idees gedink het, is dit 'n goeie idee om dit alles op papier te kry.

'N Oorsig van 'n webwerf moet 'n lys bevat van elke afdeling wat op die webwerf ingesluit moet word, met 'n beskrywing van watter soort inhoud op elke bladsy gewys sal word. Dit moet ook soveel moontlik besonderhede beskryf oor watter funksies op die webwerf sal wees, soos gebruikersrekeninge, kommentaar, sosiale netwerkfunksies, video, of 'n nuusbrief-aanmelding.

Behalwe om die projek te help organiseer, moet die kliënt voorgestel word met die uiteensetting van ' n webwerfvoorstel sodat hulle dit kan goedkeur voordat die projek voortduur. Dit sal hulle toelaat om enige afdelings of funksies by te voeg, te verwyder of aan te pas.

Al hierdie dinge sal u uiteindelik help om 'n begroting en tydraamwerk te ontwikkel en die webwerf te bou. Om 'n prys vir 'n webwerfprojek te aanvaar wat gebaseer is op 'n goedgekeurde uiteensetting, sal help om addisionele fooie of meningsverskille laat in die projek te vermy.

05 van 10

Skep draadraamwerke

Draadraamwerke is eenvoudige lyntekeninge van webbladuitlegte wat jou (en die kliënt) toelaat om op die plasing van elemente te fokus, eerder as kleur en tik.

Dit is uiters nuttig aangesien dit bepaal watter inhoud die meeste fokus verdien en die persentasie spasie wat op die bladsy gebruik word vir daardie elemente. Sonder afleidings deur ander visuele elemente, bied goedgekeurde draadraamwerke 'n raamwerk vir jou ontwerpe.

Vir sommige projekte kan u dalk oorweeg om 'n versameling draadraamwerke beskikbaar te stel vir verskillende soorte inhoud. Die kontak, oor en ander bladsye met baie teks kan 'n ander uitleg as 'n gallery of inkopies bladsy hê.

Dit is belangrik dat u 'n eenvormige voorkoms regdeur die webwerf handhaaf soos u oorgang van een draadraam na die volgende.

06 van 10

Ontwerp die webwerf

Sodra jy en jou kliënt gelukkig is met die wireframes, is dit tyd om die webwerf te begin ontwerp.

Adobe Photoshop is die mees algemene hulpmiddel vir die skep van die aanvanklike ontwerpe. Die fokus van die webwerf ontwerp moet wees om die inhoud aan te bied en dit sal gebruik word om die werklike webbladsye te skep.

Vir nou, ontwerp en speel eenvoudig met die basiese elemente om iets vir jou kliënt te skep om na te kyk en goed te keur.

07 van 10

Bou webbladsye

Wanneer u ontwerp goedgekeur is, moet die bladsye van mockups verander word na werklike webbladsye wat in HTML en CSS geskryf is.

Ervare ontwerper / ontwikkelaars mag kies om al die kodering aan te neem, terwyl iemand wat op die ontwerpkant van die web fokus, kan nou saamwerk met 'n ontwikkelaar om die werf tot lewe te bring. As dit die geval is, moet die ontwikkelaar vanaf die begin betrokke wees.

Ontwikkelaars sal help om seker te maak die ontwerp is 'n realistiese en effektiewe webuitleg. Hulle moet ook geraadpleeg word oor enige eienskappe wat u aan die kliënt belowe, aangesien sommige moontlik nie moontlik is om die webwerf uit te voer of voordelig te maak nie.

Sagteware soos Adobe Dreamweaver kan u0026 # 39; n ontwerper help om 'n mockup in 'n werkende webblad, met sleep-en-druppel funksies, vooraf gebou funksies, en knoppies skakels en beelde te voeg.

Daar is baie sagteware keuses beskikbaar vir webwerf gebou. Kies een waarmee jy werk, met net seker dat hulle jou regtig in die besonderhede en kodering van die bladsye kan kry.

08 van 10

Ontwikkel die webwerf

Sodra u uitleg in HTML en CSS voltooi is, moet dit geïntegreer word met die stelsel wat u gekies het. Dit is die punt waar dit 'n funksionele webwerf word.

Dit kan beteken dat templates ontwikkel word om deur 'n inhoudbestuurstelsel gelees te word, 'n WordPress-sjabloon te verander, of Dreamweaver te gebruik om skakels tussen bladsye en gevorderde webkenmerke te skep. Dit is weer 'n stap wat aan 'n ander lid of lede van die span oorgelaat kan word.

Jy sal ook ' n webwerf domeinnaam moet koop en 'n hosting diens hê. Dit moes deel van u besprekings met die kliënt gewees het en moet in werklikheid in die eerste fase van die proses gedoen word. Soms kan dit 'n rukkie neem vir dienste om aktief te word.

Dit is ook baie belangrik dat u of u ontwikkelaar deeglike toetsing van die webwerf deeglik doen. Jy wil nie die 'groot openbaar' doen nie en funksies het wat nie reg werk nie.

09 van 10

Bevorder die webwerf

Met jou webwerf aanlyn, is dit tyd om dit te bevorder. Jou wonderlike ontwerp doen niks as mense dit nie besoek nie.

Die bestuur van verkeer na 'n webwerf kan insluit:

10 van 10

Hou dit vars

Een van die beste maniere om mense terug te keer na jou webwerf is om die inhoud vars te hou. Met al die werk wat in 'n webwerf geplaas word, wil jy nie dat dit maande na die bekendstelling dieselfde bly nie.

Gaan voort om nuwe inhoud, foto's, video's of musiek te plaas ... ongeag die webwerf wat gebou is om aan te bied. 'N blog is 'n goeie manier om 'n webwerf op te dateer, met plasings van enige lengte op enige onderwerp wat met jou webwerf verband hou,

As u kliënt die opdaterings vir 'n CMS-webwerf sal hanteer, moet u hulle dalk oplei om dit te gebruik. Om opdaterings te maak aan 'n webwerf wat jy ontwerp het, is 'n goeie manier om gereelde inkomste te kry. Maak seker dat jy en jou kliënt saamstem oor die frekwensie en tariewe vir enige werk wat jy doen.