Når du tager ud til lære webdesign, den første ting du skal huske er, at design af websteder ligner meget printdesign. Grundlæggende er alle de samme. Du er nødt til at forstå plads og layout, hvordan man håndterer skrifttyper og farver, og læg det hele sammen på en måde, der leverer din besked effektivt.
Lad os se på de nøgleelementer, der går ind i læring af webdesign. Dette er en god ressource for begyndere, men selv erfarne designere kan muligvis finpudse nogle færdigheder med dette råd.
01
af 07
Godt webdesign er det samme som godt design generelt. Hvis du forstår, hvad der gør noget til et godt design, kan du anvende disse regler på dine websteder.
De vigtigste elementer i webdesign er god navigation, kortfattede og effektive sider, fungerende links og vigtigst af alt god grammatik og stavning. Husk disse ting, når du tilføjer farve og grafik, og dit websted starter godt.
02
af 07
Mange mennesker tror, at layoutet på en webside er designet, og på mange måder er det. Layoutet er den måde, hvorpå elementerne er placeret på siden, det er dit fundament for billeder, tekst, navigation osv.
Mange designere vælger at lave deres layout med CSS. Det kan også bruges til elementer som skrifttyper, farver og andre tilpassede stilarter. Dette hjælper med at sikre ensartede og nemme at administrere funktioner på tværs af hele dit websted.
Den bedste del af at bruge CSS er, at når du har brug for at ændre noget, kan du bare henvende dig til CSS, og det ændres på hver side. Det er virkelig glat og lære at bruge CSS kan ende med at spare tid og en hel del besvær.
I dagens onlineverden er det meget vigtigt at overveje responsivt webdesign (RWD) såvel. Det primære fokus for RWD er at ændre layoutet afhængigt af bredden på den enhed, der ser siden. Husk, at dine besøgende vil se det på desktops, telefoner og tablets i alle størrelser, så dette er vigtigere end nogensinde.
03
af 07
Skrifttyper og typografi
Skrifttyper er, hvordan din tekst ser ud på en webside. Dette er et vigtigt element, fordi de fleste websider indeholder store mængder tekst.
Når du tænker på design, skal du tænke over, hvordan teksten ser ud på mikroniveau (skrifttypen glyfer, skrifttypen familie osv.) såvel som på makroniveau (placering af tekstblokke og justering af tekstens størrelse og form). Det er bestemt ikke så simpelt som at vælge en skrifttype, og et par tip hjælper dig med at komme i gang.
04
af 07
Dit websteds farveskema
Farve er overalt. Det er sådan, vi klæder vores verden på, og hvordan vi ser tingene. Farve har betydning ud over bare "rød" eller "blå", og farve er et vigtigt designelement.
Hvis du tænker over det, har hvert websted et farveskema. Det tilføjer webstedets brandidentitet og flyder ind på hver side såvel som andet marketingmateriale. Bestemmelse af dit farveskema er et vigtigt skridt i ethvert design og bør overvejes nøje.
05
af 07
Grafik er den sjove del af opbygningen af websider. Som man siger "et billede er 1.000 ord værd", og det gælder også i webdesign. Internettet er et meget visuelt medium, og iøjnefaldende fotos og grafik kan virkelig føje til dit brugerengagement.
I modsætning til tekst har søgemaskiner svært ved at fortælle, hvad et billede er af, medmindre du giver dem disse oplysninger. Af den grund kan designere bruge IMG-tagattributter ligesom ALT-mærke at inkludere disse vigtige detaljer.
06
af 07
Rabat ikke på navigation
Navigation er, hvordan dine besøgende kommer rundt fra en side til en anden. Det giver bevægelse og giver besøgende mulighed for at finde andre elementer på dit websted.
Det skal du sørge for strukturen på dit websted (informationsarkitekturen) giver mening. Det skal også være ekstremt let at finde og læse, så besøgende ikke behøver at stole på på søgefunktionen.
Det ultimative mål er, at dine navigations- og inline-links hjælper besøgende med at udforske dit websted. Jo længere du kan beholde dem, jo mere sandsynligt får du dem til at købe det, du sælger.
07
af 07
Webdesign software
De fleste webdesignere foretrækker at arbejde i WYSIWYG eller "Hvad du ser er hvad du får" redaktører. Disse giver en visuel grænseflade til designet og giver dig mulighed for at fokusere mindre om kodning af HTML.
At vælge den rigtige webdesignsoftware kan være en udfordring. Mange designere foretrækker det Adobe Dreamweaver fordi det er let at bruge og inkluderer næsten alle funktioner, du nogensinde har brug for. Det koster dog en pris, men der er en gratis prøveversion tilgængelig.
Begyndere vil måske undersøge gratis eller online webredaktører. Disse giver dig mulighed for at dabble i webdesign og oprette nogle fantastiske sider uden omkostninger.