Dysgwch Hanfodion Dylunio Gwe

Elfennau Hanfodol sydd eu hangen i greu gwefannau gwych

Pan fyddwch chi'n gosod allan i ddysgu dylunio gwe, y peth cyntaf y dylech ei gofio yw bod gwefannau dylunio yn debyg iawn i ddylunio argraffu. Mae'r pethau sylfaenol yr un peth. Mae angen i chi ddeall gofod a chynllun, sut i drin ffontiau a lliwiau, a'i roi i gyd gyda'i gilydd mewn ffordd sy'n cyflenwi eich neges yn effeithiol.

Gadewch i ni edrych ar yr elfennau allweddol sy'n mynd i mewn i ddylunio gwefannau dysgu. Mae hwn yn adnodd da ar gyfer dechreuwyr, ond gall dylunwyr profiadol hyd yn oed ysgogi rhai sgiliau gyda'r cyngor hwn.

01 o 07

Elfennau o Ddylunio Da

filo / Getty Images

Mae dyluniad da ar y we yr un peth â dyluniad da yn gyffredinol. Os ydych chi'n deall beth sy'n gwneud rhywbeth yn ddyluniad da, byddwch chi'n gallu defnyddio'r rheolau hynny i'ch gwefannau.

Mae'r elfennau pwysicaf mewn dylunio gwe yn dudalennau llywio, cryno ac effeithiol da, dolenni gwaith, ac, yn bwysicaf oll, ramadeg a sillafu da. Cadwch y pethau hyn mewn golwg wrth i chi ychwanegu lliw a graffeg a bydd eich gwefan yn dechrau gwych. Mwy »

02 o 07

Sut i Gynllunio Tudalen We

Mae llawer o bobl yn credu mai cynllun y dudalen yw cynllun, ac mewn sawl ffordd y mae. Y cynllun yw'r ffordd y mae'r elfennau wedi'u lleoli ar y dudalen, eich sylfaen chi yw delweddau, testun, llywio, ac ati.

Mae llawer o ddylunwyr yn dewis gwneud eu cynlluniau gyda CSS . Gellir ei ddefnyddio hefyd ar gyfer elfennau fel ffontiau, lliwiau ac arddulliau arferol eraill. Mae hyn yn helpu i sicrhau nodweddion cyson a hawdd eu rheoli ar draws eich gwefan gyfan.

Y rhan orau o ddefnyddio CSS yw pan fydd angen i chi newid rhywbeth, gallwch chi droi at y CSS ac mae'n newid ar bob tudalen. Mae'n wirioneddol slic ac mae'n bosib y bydd dysgu defnyddio CSS yn gallu eich cynorthwyo i arbed amser ac ychydig o bethau bach.

Yn y byd ar-lein heddiw, mae'n bwysig iawn ystyried dylunio gwefannau ymatebol (RWD) hefyd. Prif ffocws RWD yw newid y cynllun yn dibynnu ar lled y ddyfais sy'n edrych ar y dudalen. Cofiwch y bydd eich ymwelwyr yn ei weld ar bwrdd gwaith, ffonau a thabliadau o bob maint, felly mae hyn yn bwysicach nag erioed. Mwy »

03 o 07

Ffontiau a Typograffeg

Ffontiau yw'r ffordd y mae eich testun yn edrych ar dudalen We. Mae hon yn elfen hanfodol oherwydd bod y rhan fwyaf o dudalennau gwe yn cynnwys llawer iawn o destun.

Pan fyddwch chi'n meddwl am ddylunio, mae angen i chi feddwl am sut mae'r testun yn edrych ar lefel micro (y glyffs ffont, y teulu ffont, ac ati) yn ogystal â lefel macro (blociau gosod testun ac addasu'r maint a siâp y testun). Yn sicr, nid yw mor syml â dewis ffont a bydd ychydig o gynghorion yn eich helpu i ddechrau. Mwy »

04 o 07

Cynllun Lliw eich Gwefan

Mae lliw ym mhobman. Dyma sut yr ydym yn gwisgo ein byd a sut rydym yn gweld pethau. Mae lliw yn golygu y tu hwnt i "goch" neu "las" ac mae lliw yn elfen dylunio pwysig.

Os ydych chi'n meddwl amdano, mae gan bob gwefan gynllun lliw. Mae'n ychwanegu at hunaniaeth brand y safle ac mae'n llifo i mewn i bob tudalen yn ogystal â deunyddiau marchnata eraill. Mae penderfynu eich cynllun lliw yn gam hanfodol mewn unrhyw ddyluniad a dylid ei ystyried yn ofalus. Mwy »

05 o 07

Ychwanegu Graffeg a Delweddau

Graffeg yw'r rhan hwyl o adeiladu tudalennau gwe. Wrth i'r gair ddweud "mae llun yn werth 1,000 o eiriau" ac mae hynny'n wir hefyd mewn dylunio gwe. Mae'r rhyngrwyd yn luniau gweledol a llygad gweledol iawn a gall graffeg ychwanegu at eich ymgysylltiad defnyddwyr.

Yn wahanol i destun, mae gan beiriannau chwilio amser anodd gan ddweud beth yw delwedd oni bai eich bod yn rhoi'r wybodaeth honno iddynt. Am y rheswm hwnnw, gall dylunwyr ddefnyddio nodweddion tag IMG fel y tag ALT i gynnwys y manylion pwysig hynny. Mwy »

06 o 07

Peidiwch â Gadael Disgownt

Mordwyo yw sut mae'ch ymwelwyr yn mynd o gwmpas o un dudalen i'r llall. Mae'n darparu symudiad ac yn rhoi cyfle i ymwelwyr ddod o hyd i elfennau eraill o'ch safle.

Mae angen i chi sicrhau bod strwythur eich gwefan (y pensaernïaeth wybodaeth) yn gwneud synnwyr. Mae angen iddo hefyd fod yn hynod o hawdd i'w ddarganfod a'i ddarllen felly nid oes rhaid i ymwelwyr ddibynnu ar y swyddogaeth chwilio .

Y nod yn y pen draw yw bod eich llywio a'ch cysylltiadau mewnol yn helpu ymwelwyr i archwilio'ch gwefan. Po hiraf y gallwch eu cadw, y mwyaf tebygol y cewch chi brynu beth bynnag rydych chi'n ei werthu. Mwy »

07 o 07

Meddalwedd Dylunio Gwe

Mae'n well gan y rhan fwyaf o ddylunwyr gwe weithio yn golygyddion WYSIWYG neu "Beth Ydych chi'n Gweler Beth Rydych Chi". Mae'r rhain yn darparu rhyngwyneb gweledol i'r dyluniad ac yn gadael i chi ganolbwyntio llai ar godio HTML .

Gall dewis y meddalwedd dylunio gwe iawn fod yn her. Mae'n well gan lawer o ddylunwyr Adobe Dreamweaver oherwydd ei bod yn hawdd ei ddefnyddio ac mae'n cynnwys bron bob nodwedd y bydd angen erioed. Fodd bynnag, mae'n dod ar gost ond mae treial am ddim ar gael.

Efallai y bydd dechreuwyr eisiau edrych i mewn i olygyddion gwe rhad ac am ddim neu ar-lein . Mae'r rhain yn caniatáu i chi dabbleu mewn dylunio gwe a chreu rhai tudalennau anhygoel yn fawr heb unrhyw gost. Mwy »