Sut i Ddylunio Gwefan

01 o 10

Ymchwil

Roedd cleient posibl ond gofyn i chi ddylunio gwefan, ond ble rydych chi'n dechrau? Mae yna broses benodol y gallwch ei ddilyn er mwyn sicrhau bod y prosiect yn mynd yn esmwyth. Mae'n adlewyrchu'r broses ddylunio graffeg safonol , gyda dim ond ychydig o gamau penodol i'r wefan i'w cynnwys.

Fel dylunydd graffig, efallai y byddwch yn dewis cymryd y dyluniad cyfan eich hun, gan gynnwys y codio. Fodd bynnag, efallai yr hoffech chi gasglu tîm i'ch helpu gyda'r manylion. Efallai y bydd datblygwr gwe ac arbenigwr SEO yn ychwanegiadau gwerthfawr i'ch prosiect.

Mae popeth yn dechrau gydag ymchwil

Fel gyda'r rhan fwyaf o brosiectau dylunio, y cam cyntaf wrth greu gwefan yw gwneud ymchwil. Bydd peth o'r ymchwil hwn yn cael ei wneud gyda'r cleient i gael dealltwriaeth o'u hanghenion. Bydd angen i chi hefyd ddysgu mwy am eu diwydiant a'u cystadleuwyr.

Wrth gyfarfod â'ch cleient, mae angen ichi ddarganfod cymaint â phosibl i'ch helpu i ddatblygu amlinelliad ar gyfer y safle ac yn y pen draw, ei ddylunio. Mae hyn yn cynnwys gofyn am eu cynulleidfa darged, nodau, cyfeiriad creadigol a newidynnau eraill a allai effeithio ar yr hyn y gallwch chi ei gynnig i'r cleient, megis y gyllideb a'r dyddiad cau.

Bydd eich diwydiant a'ch ymchwil marchnad yn digwydd ar yr un pryd. Er mwyn bod yn barod ar gyfer cyfarfod â'ch cleient, dylech gael syniad o'u diwydiant. Ar ôl darganfod eu hanghenion, yna byddwch chi eisiau edrych ychydig yn ddyfnach.

Bydd lefel yr ymchwil a berfformir yn dibynnu ar gyllideb y cleient a'ch gwybodaeth bresennol o'r diwydiant. Gall fod mor syml â chwilio i weld pa wefannau eraill yn y maes sy'n edrych. Ar gyfer prosiectau mwy, gall fod yn rhywbeth tebyg i ymchwil manwl gyda grwpiau ffocws.

02 o 10

Llunio syniadau

Ar ôl i chi wybod beth yw'r prosiect yn ei olygu, mae'n bryd casglu syniadau, ac mae dadansoddi syniadau'n lle gwych i gychwyn . Yn hytrach na chwilio am y syniad perffaith i fod yn gyntaf, taflu unrhyw syniadau neu gysyniadau ar gyfer y wefan. Gallwch chi bob amser ei chwympo yn nes ymlaen.

Efallai y bydd rhai gwefannau'n galw am rhyngwyneb gwe safonol, gyda llywio (bar botwm) a meysydd cynnwys lle mae defnyddwyr yn fwyaf tebygol o'u disgwyl. Efallai y bydd eraill angen cysyniad unigryw i gyflwyno'r cynnwys.

Yn y pen draw, bydd y cynnwys yn gyrru'r dyluniad. Er enghraifft, bydd gan wefan newyddion ymagwedd lawer wahanol na phortffolio gwe ffotograffydd

03 o 10

Penderfynu ar ofynion technegol

Yn gynnar yn y broses o ddatblygu gwefan, mae angen gwneud penderfyniadau ynghylch gofynion technegol y prosiect. Bydd penderfyniadau o'r fath yn effeithio ar y gyllideb, yr amserlen ac, mewn rhai achosion, y teimlad cyffredinol o'r safle.

Un o'r prif benderfyniadau yw strwythur sylfaenol y safle, a fydd yn penderfynu pa feddalwedd i'w ddefnyddio a pha system sy'n gwneud y safle "yn gweithio".

Mae'ch opsiynau'n cynnwys:

04 o 10

Ysgrifennwch Amlinelliad

Nawr eich bod wedi casglu'r wybodaeth angenrheidiol ac wedi dadansoddi syniadau ar y syniad, mae'n syniad da ei wneud i gyd ar bapur.

Dylai amlinelliad o wefan gynnwys rhestr o bob adran i'w gynnwys ar y safle, gyda disgrifiad o'r math o gynnwys a ddangosir ar bob tudalen. Dylai hefyd ddisgrifio cymaint o fanylion â phosibl pa nodweddion fyddai ar y safle, megis cyfrifon defnyddwyr, sylwadau, swyddogaethau rhwydweithio cymdeithasol, fideo neu lofnod newyddion.

Ar wahân i helpu i drefnu'r prosiect, dylid cyflwyno amlinelliad o gynnig gwefan i'r cleient fel y gallant ei gymeradwyo cyn i'r prosiect barhau. Bydd hyn yn caniatáu iddynt ychwanegu, dileu, neu addasu unrhyw adrannau neu nodweddion.

Yn y pen draw, bydd hyn yn eich helpu i ddatblygu cyllideb ac amserlen ac adeiladu'r safle. Bydd cytuno ar bris ar gyfer prosiect gwefan yn seiliedig ar amlinelliad a gymeradwywyd yn helpu i osgoi ffioedd ychwanegol neu wahaniaethau barn yn hwyr yn y prosiect.

05 o 10

Creu Wireframes

Mae fframiau Wire yn ddarluniau llinell syml o gynlluniau gwefan sy'n eich galluogi chi (a'r cleient) i ganolbwyntio ar leoliad elfennau yn hytrach na lliw a math.

Mae hyn yn hynod o ddefnyddiol gan ei fod yn penderfynu pa gynnwys sy'n haeddu y ffocws mwyaf a chanran y gofod a ddefnyddir ar y dudalen ar gyfer yr elfennau hynny. Heb gael ei dynnu gan elfennau gweledol eraill, mae fframiau gwifren cymeradwy yn darparu fframwaith ar gyfer eich dyluniadau.

Ar gyfer rhai prosiectau, efallai y byddwch yn ystyried cael casgliad o fframiau gwifrau sydd ar gael i'w defnyddio ar gyfer gwahanol fathau o gynnwys. Efallai y bydd gan y cyswllt, tua, a thudalennau eraill gyda llawer o destun gynllun gwahanol nag oriel neu dudalen siopa.

Mae'n bwysig eich bod chi'n cynnal golwg unffurf trwy'r wefan wrth i chi drosglwyddo o un ffrâm wifren i'r nesaf.

06 o 10

Dyluniwch y Wefan

Unwaith y byddwch chi a'ch cleient yn hapus gyda'r fframiau gwifren, mae'n bryd dechrau dylunio'r safle.

Adobe Photoshop yw'r offeryn mwyaf cyffredin ar gyfer creu dyluniadau cychwynnol. Dylai ffocws dyluniad y safle fod yn cynnwys y cynnwys a bydd yn cael ei ddefnyddio i greu'r tudalennau gwe gwirioneddol.

Am y tro, dim ond dylunio a chwarae gyda'r elfennau sylfaenol i greu rhywbeth i'ch cleient edrych arno a'i gymeradwyo.

07 o 10

Adeiladu Tudalennau Gwe

Pan gymeradwyir eich dyluniad, mae angen troi'r tudalennau o ffugiau i mewn i dudalennau gwe gwirioneddol a ysgrifennwyd yn HTML a CSS.

Efallai y bydd dylunydd / datblygwyr profiadol yn dewis ymgymryd â'r holl godio, er y gall rhywun sy'n canolbwyntio ar ochr ddylunio'r we weithio'n agos gyda datblygwr i ddod â'r safle yn fyw. Os yw hynny'n wir, dylai'r datblygwr fod yn rhan o'r cychwyn.

Bydd datblygwyr yn helpu i sicrhau bod y dyluniad yn realistig ac yn gynllun gwe effeithiol. Dylid hefyd ymgynghori â nhw am unrhyw nodweddion yr ydych yn eu haddewid i'r cleient oherwydd efallai na fydd rhai'n bosib gweithredu neu fuddiol i'r safle.

Gall meddalwedd megis Adobe Dreamweaver helpu dylunydd i droi mockup i dudalen we weithio, gyda nodweddion llusgo a gollwng, swyddogaethau a adeiladwyd ymlaen llaw a botymau i ychwanegu dolenni a delweddau.

Mae llawer o ddewisiadau meddalwedd ar gael ar gyfer adeiladu gwefannau. Dewiswch un yr ydych chi'n mwynhau gweithio gyda hi, ond gwnewch yn siŵr eu bod yn caniatáu i chi fynd i mewn i fanylion a chodio'r tudalennau.

08 o 10

Datblygu'r Wefan

Unwaith y bydd eich cynllun wedi'i gwblhau yn HTML a CSS, mae angen iddi gael ei integreiddio â'r system rydych wedi'i ddewis. Dyma'r pwynt lle mae'n dod yn wefan weithredol.

Gallai hyn olygu datblygu templedi i'w darllen gan system rheoli cynnwys, newid templed WordPress, neu ddefnyddio Dreamweaver i greu cysylltiadau rhwng tudalennau a nodweddion gwe uwch. Mae hyn eto yn gam y gellir ei adael i aelod arall neu aelodau o'r tîm.

Bydd angen i chi brynu enw parth gwefan hefyd a bydd gennych wasanaeth cynnal ar-lein. Dylai hyn fod wedi bod yn rhan o'ch trafodaethau gyda'r cleient ac, mewn gwirionedd, dylid ei wneud yn ystod camau cychwynnol y broses. Weithiau gall gymryd ychydig o amser i wasanaethau ddod yn weithgar.

Mae hefyd yn bwysig iawn eich bod chi neu'ch datblygwr yn gwneud profion trylwyr o'r wefan. Nid ydych chi am wneud y 'datguddiad mawr' ac mae gennych swyddogaethau nad ydynt yn gweithio'n iawn.

09 o 10

Hyrwyddo'r Wefan

Gyda'ch gwefan ar-lein, mae'n bryd i'w hyrwyddo. Nid yw eich dyluniad anhygoel yn dda os na fydd pobl yn ymweld â hi.

Gall gyrru traffig i safle gynnwys:

10 o 10

Cadwch yn Ffres

Un o'r ffyrdd gorau o gadw pobl yn dod yn ôl i'ch gwefan yw cadw'r cynnwys yn ffres. Gyda'r holl waith a roddir i mewn i safle, nid ydych chi am iddi aros yr un fath am fisoedd ar ôl y lansiad.

Parhewch i bostio cynnwys, lluniau, fideos neu gerddoriaeth newydd ... beth bynnag a adeiladwyd y safle i'w gyflwyno. Mae blog yn ffordd wych o gadw diweddariad ar y safle, gyda swyddi o unrhyw hyd ar unrhyw bwnc sy'n gysylltiedig â'ch safle,

Os bydd eich cleient yn delio â'r diweddariadau ar gyfer gwefan CMS, efallai y bydd angen i chi eu hyfforddi i'w ddefnyddio. Mae gwneud diweddariadau i wefan rydych chi wedi'i gynllunio yn ffordd wych o gael incwm rheolaidd. Gwnewch yn siŵr eich bod chi a'ch cleient yn cytuno ar amlder a chyfraddau unrhyw waith diweddaru a wnewch.