Webdesign 3.0 - gratis kurs fra Skillbox, opplæring, Dato: 29. november 2023.

1. trinn: Intern

Du vil lære å designe sosiale nettverk og lage lysbilder for presentasjoner. Du vil også øve på å designe longreads, landingssider og brev til nyhetsbrev. Oppgaver du skal jobbe med:

Reklamebannerdesign
Utforsk ulike bannerformater og filutvidelser. Mestre de enkleste retusjeringsteknikkene. Du vil lære hvordan du endrer størrelse på et oppsett for forskjellige oppgaver og justerer skriftstørrelser. Du kan lage et banner av høy kvalitet i henhold til kundens oppdrag.

Arbeid med vektorgrafikk
Finn ut hvorfor nettdesignere bruker vektorgrafikk. Lær å jobbe trygt med kurver, lag og utvalgsverktøy. Du vil kunne fargelegge svart/hvitt illustrasjoner, redigere tekstlogoer og ordne ferdige vektortegninger i oppsettet.

Tekstdekorasjon
Lær å bruke reglene for komposisjon og typografi, plasser fargeaksenter og design tekst på en måte av høy kvalitet, basert på merkeboken fra kunden. Du kan ikke bare jobbe med utseendet til teksten, men også redigere overskrifter slik at de ser attraktive ut.

Presentasjoner og landingssider for kommersielle tilbud
Du vil forstå hvordan du strukturerer en stor mengde data og gjør det til et vakkert bilde. Du vil jobbe med komplekse typografiske elementer: fakta, fotnoter, forkortelser og bunntekster. Lær å bruke modulære rutenett, samt teknikker for temporytmikk og fargepsykologi.

2. trinn: Junior

Du vil ta de første skrittene mot å designe nettsteder med flere sider. Du vil jobbe med gallerier, registreringsskjemaer, menyer og andre grunnleggende grensesnittelementer. Her er oppgavene som venter på deg på dette nivået:

Lage et visuelt konsept for nettstedet
Du vil lære hvilke elementer en flersidet nettside består av, hvordan du regulerer nivået av visuell støy og administrerer brukerens oppmerksomhet. Bli kjent med prosessen med å lage en nettside fra bunnen av. Lær å strukturere prosjekter i Figma, lage moodboards og samhandle med layoutdesignere. Forstå de juridiske aspektene ved design.

Utvikling av UI-sett
Lær de grunnleggende komponentene i et UI-sett og populære stiler for designet. Du vil opprettholde en balanse av farger i oppsettet. Du vil øve på å lage skriftpar og prosjektstiler. Du kan lage et UI-sett av høy kvalitet basert på kundens merkevarebok.

Design av topptekster, bunntekster og menyer
Du vil forstå hvilke fonter og farger som passer for disse 3 elementene. Lær å formulere overskrifter og CTAer, skap en harmonisk komposisjon og arbeid med grafikk.

Design av online utstillingsvindu og produktkort
Du vil forstå mikroelementene i et galleri og produktpresentasjonsformater. Du vil forstå hva et enkelt kort og katalog består av. Lær å gruppere elementer og ordne dem i en brukervennlig rekkefølge.

Arbeider med registreringsskjemaet
Lær hvordan du lager tilbakemeldingsskjemaer du vil fylle ut. Lær å jobbe med fargekontraster og ordne felt i riktig rekkefølge.

Flersidet nettsted med utstillingsvindu
Lær å bruke fortellerteknikker, grafikk og enkle spesialeffekter i webdesign. Du vil forstå hvordan du fremhever viktige elementer uten å bryte ut av den generelle stilen. Forbered et nettstedoppsett for layout.

Nivå 3: Pre-midten

På dette stadiet venter de største og mest ambisiøse oppgavene på deg: å designe en nettbutikk, bedriftens nettside og mobilapplikasjon. Du lærer ikke bare hvordan du tegner vakre layouter, men også hvordan du bruker analyser for å lage brukervennlige og funksjonelle design. For å fullføre nivået må du jobbe med disse oppgavene:

Produktkatalog design
Bli kjent med prinsippene for UX- og UI-design. Lær å bruke persona-metoden for å velge optimale designløsninger. Finn ut hva den første mobile tilnærmingen er, og når den passer. Du vil være i stand til kompetent å lage et produkttre, sette opp filtre og lage praktiske forhåndsvisninger.

Design av et kort med grener
Lær å bygge et brukerreisekart og analyser utformingen av konkurrentenes nettsider. Finn ut hvilke elementer du trenger for å lage et oversiktlig og praktisk grenkart. Du vil kunne plassere visuelle aksenter riktig.

Arbeid med komplekse produktkort
Du vil forstå hvordan du bygger hypoteser når du lager komplekse design. Du vil analysere standard og uvanlige designløsninger og være i stand til å lage effektive kort for kundens nettside. Du vil lære hvordan du kan forbedre et design ved hjelp av animasjon i After Effects, overføre den ferdige prototypen til utviklere på riktig måte og gjennomføre en A/B-test.

Utsjekkingsside
Lær den elektroniske kjøpsprosessen og populære markedsføringsteknikker som vil hjelpe deg med å lage et nettsted som selger. Du kan lage en praktisk utforming av bestillingsbekreftelsesskjemaet for både desktop og smarttelefon.

Kompleks registreringsskjema
Finn ut hva som motiverer brukere til å registrere seg på nettsteder. Gjør deg kjent med hovedelementene i registreringsskjemaet og lær hvordan du plasserer dem riktig på layouten.

Kasseside for levering
Se gjennom de obligatoriske feltene og tilleggsknappene for leveringssiden. Du vil finne ut hva designere ofte glemmer når de jobber med denne delen av nettstedet, og du vil kunne unngå feil.

Personlig område
Du vil forstå når folk bruker personlige kontoer. Lær å vakkert formatere statistikk om brukerhandlinger for rapportering til kunden. Du vil kunne undersøke kundeopplevelser og bruke dem til å forbedre designet ditt.

Jobber med ordreinformasjon
Du kan opprette sider med bestillingsinformasjon for ulike områder av virksomheten din. Du vil forstå hvordan disse dataene påvirker brukeratferd. Utforsk ulike visuelle løsninger og lær hvordan du arbeider med brukerinformasjon.

Støtte chat design
Finn ut hva du bør vurdere når du oppretter en chat. Lær å analysere arbeidet med chatter på konkurrentenes nettsteder, unngå deres feil og legg merke til gode funksjoner.

Enkelt kontrollpanel på nettstedet
Lær å jobbe med komplekse data som er nødvendige for normal drift av administrasjonspanelet. Du kan designe kontrollpanelet slik at det er praktisk, forståelig og ser bra ut på hvilken som helst skjerm.

Side for bedriftskunder
Du vil forstå hvordan benchmarking vil hjelpe deg å velge vellykkede designløsninger. Lær å legge til animasjon i oppsettet ditt for å tydelig demonstrere grensesnittet for kunden.