Hvordan lære webdesign fra bunnen av og lage et tiltalende nettsted

Webdesignferdigheter er en viktig ferdighet å ha, spesielt i denne moderne og informasjonsalderen.

De fleste som bruker mye tid på nettet på et eller annet tidspunkt, vurderer å gjøre noe webdesignarbeid enten for seg selv eller for andre.

Webdesign er et ferdighetssett som omfatter:

1. Designe det visuelle grensesnittet til et nettsted
2. Designe webgrafikk
3. Utforme brukeropplevelsen
4. Forfatter
5. SEO eller søkemotoroptimalisering

1 Webdesign vs. Webutvikling

Bildekreditt: Adham Dannaway

Mange blander sammen webdesign og webutvikling. Forskjellene er som følger:

1. Webdesign fokuserer på følelsen og utseendet til et nettsted, mens nettutvikling fokuserer på å lage bakenden av et nettsted.
2. Webdesignere bruker JavaScript, CSS og html som hovedverktøy mens nettutviklere bruker ruby, C, Python, PHP og .NET som hovedverktøy.
3. En webdesigner er mer kunstnerisk i sine ferdigheter mens en utvikler er mer teknisk eller en lineær tenker.
4. Som webdesigner må du være kompetent på fargeplanlegging, informasjonsflyt og grafisk design, men som utvikler bør du hovedsakelig ha praktiske programmeringsferdigheter.
5. Webdesignere handler mer om å skape en brukeropplevelse som appellerer til nettsurfere, mens nettutviklere er mer involvert i å lage brukergrensesnittet.

Ovennevnte distinksjoner skal kunne fjerne enhver forvirring om hva forskjellene er og lede deg mot ønsket mål.

2 Læringsressurser brukt av webdesignere

Hvis du ønsker å lære webdesign, er det flere ressurser du kan bruke for å hjelpe deg med å komme i gang med de nødvendige ferdighetene. De viktigste online- og offlineressursene du vil synes er gode inkluderer:

• Flere nettsteder, både betalte og gratis, inkludert CodeAcademy, W3Schools og mange flere
• Videoer, inkludert gratis YouTube-kanaler eller betalte versjoner av videoopplæringer
• E-bøker i pdf-, epub- og mobi-formater
• Webinarer og en-til-en opplæring på nettet fra profesjonelle webdesignere
• Hvis du har en venn eller et familiemedlem som kan webdesign og kan lære deg, kan dette være den raskeste veien til å bli webdesigner

Når du har identifisert ressursen du skal bruke til å lære webdesign, planlegg tid for å kunne lære og øve.

Avhengig av hvor travel dagen din er og hvilken ressurs du vil bruke, kan du også fremskynde læringsprosessen avhengig av hvor raskt du forstår konseptene du lærer.

Avhengig av opplæringen du velger å lære fra, kan hovedprogramvaren du vil bruke enten være gratisversjoner eller betalte versjoner.

Ikke la den betalte programvaren du har hørt om begrense søket etter å lære webdesign. Du vil finne at det er mange gratis programvarer der ute som er like gode, om ikke bedre enn noen programvarer som koster hundrevis av dollar.

3 Hva du skal studere

1. HTML bør være der du begynner veien (selvfølgelig etter å ha kommet gjennom denne informasjonen). Du må mestre språket inkludert bruk av tagger, innganger, IDer, klasser og så videre.
2. Cascading stilark, ofte kjent som CSS, går vanligvis hånd i hånd med HTML. For å bruke en analogi, hvis HTML er kaken, er CSS toppen. CSS gjør nettstedet fargerikt og mer tiltalende estetisk.
3. jQuery og JavaScript vil være nyttig hvis du vil legge til widgets på nettstedet ditt, for eksempel en kalender eller en kalkulator.
4. Hvis du finner ut at du har tid til litt mer læring, kan du bli kjent med noen webdesignferdigheter som PHP, Python, Ruby og MySQL. Disse ferdighetene vil være avgjørende hvis du ønsker å bygge et stort interaktivt nettsted.

Husk å sette tempoet i læringen. Du vil ikke gjøre spenningen og entusiasmen din for webdesign til en hverdagslig og kjedelig oppgave. Utbrenthet kan skje hvis du ikke hviler nok og pakker inn for mye kunnskap for fort.

4 Hvordan du kan bruke dine nye ferdigheter

Når du først har lært ferdighetene, er det ingen bedre måte å internalisere ditt nye talent på enn å faktisk sette det i praksis. For å gjøre det, ta fatt på et prosjekt. Nedenfor er de logiske trinnene i progresjonen av prosjekter du bør ta opp for å lære webdesign og praktisk kunne bruke det.

1. Lag den nettsiden du alltid har ønsket å lage. Du vet … nettstedet som gjorde deg så begeistret for hva du kunne gjøre med ferdigheter i webdesign. Se om det nåværende ferdighetssettet ditt kan bringe deg nær nok visjonen din, og gå tilbake til veiledningene dine for bedre å forstå hvordan du implementerer ferdighetene dine for å skape visjonen din.
2. Se om familien og vennene dine trenger et nettsted, og hjelp dem med å lage sin visjon og sette den på nettet. Dette er ganske nyttig fordi det vil hjelpe deg med å tenke på tidslinjer og legge nok press på deg til å begynne å ta prosjekter på alvor mens du lærer.
3. Etter at du har lykkes med nettstedet for familie/venner, er det neste logiske trinnet å finne noen som betaler deg for å designe et nettsted for dem. Det finnes flere nettbaserte plattformer som samler folk som vil ha nettsider designet og webdesignere. De vil faktisk betale deg for å gjøre dette arbeidet for dem.

Etter at du har gjort hvert prosjekt, setter du sammen koden du brukte og gjør den om til en favorittsamling. Dette vil hjelpe deg å gjøre arbeidet raskere hver gang du må implementere den samme koden. Du kan også være i stand til å sette sammen et bibliotek, godt nok til at andre vil kjøpe det.

Du er nå klar til å sette sammen en profesjonell nettside.

5 Designe et profesjonelt nettsted

Hvis du på dette tidspunktet finner ut at du blir skremt av prosessen med å lage et nettsted eller at arbeidet er for viktig for deg å gjøre på egen hånd, bør du vurdere å få profesjonell hjelp.

Et flott sted å starte er online fra et nettsted som BigDropinc.com. De gir ekspertise innen webdesign, merkevarebygging, markedsføring og animerte videoer for å gi nettstedet ditt en personlig opplevelse til kundene dine.

Hvis du føler deg trygg nok til å ta utfordringen med å designe et profesjonelt utført nettsted, eller hvis du ikke er skremt nok til å prøve å sette ferdighetene dine på en skikkelig prøve, så les videre.

Trinn 1: Bestem deg for designbanen din

Du kan enten bruke biblioteket med favoritter som du begynte å samle tidligere, eller du kan begynne med å bruke en forhåndsdefinert mal, valget er ditt.

Forhåndslagede malsider eller koder kan kjøpes på nettet. Velg fra en portefølje som du synes er attraktiv nok for nåværende og fremtidige oppgaver.

Velg fra en leverandør som gir god støtte for deres forhåndslagde maler og koder. Dette er viktig fordi du vil redigere eller implementere den forhåndslagde koden og designen for dine egne behov, og hvis noe går galt, vil du ha hjelp for hånden.

Trinn 2: Designhensyn

Enten du velger å bruke din egen kode eller andres kode eller maler, husk at du ønsker:

• 1 En strømlinjeformet nettside: Nettstedet ditt skal være veldig raskt å laste og enkelt å bruke. Avhengig av formålet med nettstedet ditt, vil du unngå å ha et nettsted som tar for lang tid å laste. Folk er vanligvis ikke tålmodige med å vente på at et nettsted skal lastes hvis det tar for lang tid.

  Siden skal også være enkel å navigere med en oversiktlig intuitiv meny og så få valg som mulig for nettbrukerne.

  Bruk bilder med små optimaliserte filstørrelser for å holde en god balanse mellom hastighet og kvalitet på bildene.

• 2 Nettsideelementer bør plasseres godt: Nettstedets tekst, tittel, logoer, sidefelt og grafikk bør plasseres på samme sted på hver side av nettstedet for å unngå forvirring og forbedre intuitiv navigering.

  Organiser sideelementene dine logisk slik at det er en flyt i innholdet fra den viktigste informasjonen til den minst viktige informasjonen.

  Du bør også unngå elementer som tabeller fordi innholdet i tabeller ikke er lett tilgjengelig for synshemmede som trenger å bruke programvare for skjermlesing.

• 3 Vær konsekvent i stilen din: Tematisk harmoni er viktig for nettstedet ditt. Bruk maks tre farger og pass på at de blander seg godt. Her vil CSS-ferdighetene du lærte tidligere, komme inn for å hjelpe deg med å administrere stilen til nettstedet ditt på tvers av alle sidene på nettstedet ditt fra en enkeltsidekode.

• 4 Gjør teksten din lett å lese: Hvis du har veldig lange avsnitt eller tekst med veldig liten skrift, vil de fleste lesere ignorere det du har skrevet.

  Folk graviterer mot det som ser lett å absorbere, og dette betyr vanligvis tekst som er stor nok til å lese og informasjon brutt ned i biter som lett kan fordøyes og absorberes.

  Bruk underoverskrifter, kuler og tall for å spesifisere data som er oppført eller for å skille mellom informasjon du vil fremheve.

• 5 Nettleserkompatibel: Publikum vil bruke forskjellige nettlesere for å få tilgang til nettstedet ditt. Du bør sørge for at designelementer er tilgjengelige på samme måte ved å bruke de forskjellige nettleserne.

  Dette betyr at hvis du må unngå plugins, funksjoner og annen kode som ikke er universell for alle nettlesere, så gjør det.

  Etter å ha designet nettstedet ditt med de ovennevnte hensynene i tankene, test det. Be et medlem av nettstedets målgruppe om å gå til nettstedet og gi deg tilbakemelding. Bruk tilbakemeldingen til å forbedre, endre eller fjerne det du må.

Trinn 3: Design med mobile enheter i tankene

I disse dager bruker de fleste innhold via mobile enheter og nettbrett. Med dette i tankene bør du designe nettsiden din slik at den enkelt og intuitivt kan justere mellom desktopversjoner og mobilversjoner, eller lage to forskjellige sider for de forskjellige brukerne.

Følgende er vurderinger for webdesign for mobile enheter:

1. Ta en titt på hvordan andre nettdesignere har implementert mobilinnhold og bruk en modell som passer dine behov og til publikum.
2. Hold nettstedet ditt enkelt og unngå komplekse strukturer, inkludert tabeller og blinkende grafikk.
3. Bruk et design som enkelt endres intuitivt fra en stasjonær versjon til en mobilversjon og fra en større skjerm til en mindre skjerm.
4. Unngå webdesignfunksjoner som ikke støttes på mobile enheter med mindre du har en separat mobil- og skrivebordsversjon for nettstedet ditt. Flash, popup-vinduer, java eller rammer vil gjøre innholdet ditt umulig å se på en mobil enhet.
5. Noen ganger kan du oppleve at en mobilapp vil dekke dine behov bedre enn en mobilnettside. Vurder alternativene dine for å passe bedre til dine og publikums behov.

Viktigst av alt, når du låner fra andre designere, eller hvis du trenger å bruke innhold som bilder, videoer og artikler fra andre innholdsskapere, sørg for å overholde lover om opphavsrett. Vær etisk og hold deg på rett side av loven når du legger ut innhold som andre vil se på nettet.

Det er flere nettsteder du kan få tilgang til innhold fra gratis, og disse nettstedene har krav og betingelser som du må oppfylle for å bruke innholdet deres. Andre nettsteder betales for nettsteder som gir deg tilgang til innholdet deres mot en avgift. De vil også gi deg retningslinjer for hvordan du kan bruke innholdet deres.

Alternativt kan du bruke innhold du lager selv. Dette er ofte det beste alternativet for innholdsskapere som ønsker å tilby informasjon som er personlig tilpasset det de trenger.