Learje de basis fan webûntwerp

Essentiale eleminten ferplichte om grutte websides te meitsjen

As jo ​​it webdesign learje, is it earste ding dat jo ûnthâlde moatte is dat webstee-websteeën tige fergelykber binne mei print-ûntwerp. De basis binne allegear itselde. Jo moatte romte en layout begripe, hoe't jo lettertypen en kleuren behannele wurde en allegearre op elkoar sette, dat jo berjocht effektyf leveret.

Litte wy in sjogge nei de kaaibestannen dy't it web design ûntfange. Dit is in goede boarne foar beginners, mar sels ûnderfûnde ûntwerpers kinne in pear feardigens dwaan mei dizze advizen.

01 of 07

Elements of Good Design

filo / Getty Images

Goeie web design is itselde as goede ûntwerp yn algemien. As jo ​​begrepen wat wat in goed ûntwerp makket, dan kinne jo dizze regels tapasse op jo websides tapasse.

De wichtichste eleminten yn webûntwerp binne goede navigaasjes, konsept en effektive siden, wurkjende links, en, wichtichste, goede grammatika en stavering. Hâld dizze dingen yn 'tens as jo tafoegje oan kleur en grafyk en jo webside sil útgean op in grutte start. Mear »

02 of 07

Hoe kinne jo in side wizigje

In soad minsken tinke dat it layout fan in webside it ûntwerp is, en op in protte manieren is it. It layout is de manier wêrop de eleminten op 'e side pleatst binne, it is jo basis foar ôfbyldings, tekst, navigaasje, ensfh.

In soad ûntwerper kieze foar it meitsjen fan har layouts mei CSS . It kin ek brûkt wurde foar eleminten lykas lettertypen, kleuren en oare maatstilen. Dit soarget foar it konsekwint en maklik om te funksjen fan funksjes oer jo hiele webside.

It bêste part fan it brûken fan CSS is dat as jo wat wizigje moatte, kinne jo gewoanwei nei it CSS rjochtsje en it feroaret op elke side. It is echt slik en it learen fan CSS kin gebrûk meitsje kinne om jo tiid te bewarjen en dan in pear kaartsjes.

Yn 'e hjoeddeistige online wrâld is it tige wichtich om respektearre web design (RWD) te behanneljen. It primêre fokus fan RWD is om it layout te feroarjen, ôfhinklik fan 'e breedte fan' e apparaten dy't de side besjen. Tink derom dat jo besikers it sjen sille op desktops, tillefoans en tablets fan alle dimensjes, dus dit is wichtiger as ea. Mear »

03 of 07

Lettertypen en typografy

Lettertypen binne de manier wêrop jo tekst op in webside sjocht. Dit is in wichtich elemint, om't de measte websiden in grut tal tekst binne.

As jo ​​tinke oan it ûntwerp, moatte jo tinke oer hoe't de tekst op in mikro-nivo (de lettertype glyphs, de lettertypefamylje, ensfh.) Likegoed as de makro-nivo (posysje blokken fan tekst en oanpassen fan de grutte en foarm fan 'e tekst). It is gewoan net sa ienfâldich as it kiezen fan in lettertype en in pear tips sille jo helpe begjinne. Mear »

04 of 07

Kleurenskema fan jo webside

Kleur is oeral. It is hoe't wy ús wrâld oanpasse en hoe't wy dingen sjogge. Kleur hat betsjutting allinich mar krekt "read" of "blau" en kleur is in wichtich ûntwerp elemint.

As jo ​​tinke oan dy, hat elke webside in kleurskema. It tafoegd oan de merk identiteit fan 'e side en streamt op elke side lykas oare marketingmaterialen. It bepalen fan jo kleurskema is in wichtich stap yn elke foarmjouwing en moat sertifyk beskôge wurde. Mear »

05 of 07

Grafike en foto's taheakje

Grafiken binne it lekkere diel fan gebouwen fan websiden. As it praten giet "in foto is 1.000 wurden" en dat is ek wier yn web design. It ynternet is in tige fisuele medium en opfallende foto 's en grafyk kin oeral oan jo brûkersbehear taheakje.

Oars as tekst, sykmasines hawwe in dreech tiid te fertellen wat in byld is fan 't as jo dizze ynformaasje net jaan. Om dy reden kinne ûntwerpers kinne IMG-tag-attributen brûke lykas it ALT-tag om dizze wichtige details te ferwiderjen. Mear »

06 of 07

Net-rûte nei Navigation

Navigaasje is hoe jo besikers trochgeane fan ien side nei de oare. It jout beweging en jout besikers de kâns om oare eleminten fan jo side te finen.

Jo moatte derfoar soargje dat de struktuer fan jo webside (de ynformaasjearchitektuur) sin is. It moat ek tige maklik wêze om te finen en te lêzen sadat de besikers net op 'e sykfunksje bliuwe .

It ultima doel is dat jo navigaasjes en ynligingslinks helpe besikers de site besjen. Hoe langer jo kinne se bewarje, hoe hieltyd wierskynlik se jo krije om te keapjen wat jo ferkeapje. Mear »

07 of 07

Web Design Software

De measte webûntwerpers leverje it foarkommen yn WYSIWYG te wurkjen of "Wat jo sjogge is wat jo krije" editors. Dizze biede in fisuele ynterface foar it ûntwerp en lit jo minder fokusje op it kodearjen fan HTML .

Choosing the right web design software can be a challenge. In soad ûntwerper preferen Adobe Dreamweaver om't it maklik brûke en hast elke funksje jildt dy't jo altyd nedich binne. It komt by in kosten, mar is der in fergees probleem beskikber.

Begjinners wolle graach yn 'e frije of online webwurden sykje . Dizze kinne jo meitsje yn webûntwerp en meitsje in oantal heurende siden op 'e lytse oantal kosten. Mear »