Webbdesign från grunden till PRO - gratis kurs från Skillbox, utbildning, Datum: 29 november 2023.

Figma från grunden till PRO
Du kommer att behärska det mest populära webbdesignprogrammet på professionell nivå. Lär dig hur du skapar interaktiva prototyper, lämnar över design till utvecklare och sparar tid på rutinuppgifter.

Lär känna Figma
Du kommer att förstå programmets gränssnitt och grundläggande inställningar. Lär dig att använda geometriska former, lager och textfält. Bygg din första prototyp.

Figma grundläggande verktyg
Lär dig vad ramar är och hur de skiljer sig från lager. Lär dig att rita enkla former, lägga till färg, effekter och text. Lär dig grunderna i prototypframställning.

Ikoner, illustrationer och bilder
Lär dig hur du skapar dina egna ikoner och manipulerar bilder med hjälp av Figmas interna verktyg. Du kan skapa designlayouter från grunden utan att använda tredjepartsredigerare.

Komponenter
Lär dig hur du skapar komponenter och använder inställningspanelen. Lär dig hur du gör interaktiva prototyper och visa kunden hur människor kommer att använda den framtida webbplatsen.

Komponentbibliotek och vanliga stilar
Du kan skapa bibliotek med stilar och UI Kit för att standardisera gränssnittselement. Lär dig att skapa snygga layouter med hjälp av modulära rutnät.

Automatisk layout och varianter
Du kommer att förstå hur man kombinerar layouter till ett system med hjälp av funktionen Varianter. Du kommer att kunna skapa och anpassa komplexa gränssnittselement för olika enheter.

Komplexa flersidiga dokument
Lär dig att arbeta med grundläggande skärmar och skapa ett sidträd. Kom igång med Branches beta-funktionen. Du kommer att förstå hur man organiserar teamets arbete på olika versioner av samma layout.

Ytterligare funktioner och gemenskap av författare
Ta reda på vilka plugins som hjälper dig att snabbt skapa utkast till projekt och arbeta med redigeringar. Lär dig att lägga till animationer till prototyper.

Förbereda en layout för utvecklare
Du kan visa utvecklaren de tekniska aspekterna av projektet och koden för komponenterna. Lär dig att optimera ditt teams arbete med hjälp av plugin-programmet Figma Jam.

Webbdesign från grunden till PRO
Du kommer att fördjupa dig i yrket som webbdesigner. Du får lära dig hur du arbetar med ett projekt – från första mötet med kunden till färdig hemsida. Lär dig att komma med kreativa idéer och dra nytta av UX-forskning. Finslipa dina färdigheter genom designsprintar.

Introduktion till yrket som webbdesigner
Ta reda på vilka problem webbdesigners löser och varför dessa specialister är så efterfrågade. Bekanta dig med professionella termer och verktyg.

Första beställning: kommunikation med kunden och tekniska specifikationer
Lär dig att kommunicera med kunden: ta reda på målen och begränsningarna för projektet, diskutera referenser, planera deadlines. Du kommer att förstå hur du ställer rätt förväntningar på jobbet och inte lovar för mycket. Gör upp tekniska specifikationer.

Sök efter en idé
Du kommer att förstå hur observation hjälper dig att hitta de bästa designidéerna. Lär dig att analysera dina konkurrenter, skapa moodboards och välja framgångsrika referenser för ditt projekt.

Modulära galler
Varje layout börjar med ett modulärt rutnät. Du kommer att bekanta dig med dess typer och lära dig hur du väljer rätt. Lär dig om nyanserna av rutnät för mobila och fullständiga versioner.

Vertikal rytm
Lär dig kontrollera användarnas uppmärksamhet med hjälp av kompetent komposition och vertikal rytm. Lär dig mer om visuell hierarki och förstå vilken storlek varje element på sidan ska ha.

Typografi
Lär dig att välja typsnitt och kombinera dem med varandra. Du kommer att förstå hur man skapar en effektiv design med hänsyn till reglerna för typografi.

Sprint 1
Dyrt och minimalistiskt: vi skapar en målsidesdesign baserad på typografi

Uppgiften med texter i gränssnitt
Lär dig om kraven för texter för gränssnitt. Lär dig grunderna i UX-copywriting. Du kommer att kunna modifiera texterna så att de är begripliga för användarna och passar perfekt in i layouten.

Färger, bakgrunder och skuggor
Bemästra färgteori och lär dig om dess funktioner i gränssnittet. Du kommer att förstå hur du väljer en palett för en webbplats och markerar de element som är viktigast för användaren. Du kan skapa realistiska skuggor för knappar och andra designkomponenter.

Kontrast och läsbarhet
Lär dig hur du visuellt framhäver viktiga block på en sida och gör text mer läsbar. Bekanta dig med principerna för inkluderande design och kunna skapa webbsidor för en bred publik.

Första sidans prototyp
Skapa en wireframe - en prototyp som fokuserar på struktur och logik snarare än visuell design. Bemästra två designmetoder: block och freestyle.

Sprint 2
UX-skrivning: vi skapar en landningssida och förbereder texter för alla gränssnittselement.

Första sidans skärm
Bekanta dig med atomic design-metoden, som kommer att påskynda webbdesign. Du kommer att förstå hur du fångar användarnas uppmärksamhet från den första skärmen. Lär dig att skapa knappar, ikoner, datainmatningsfält och formulär i en konsekvent stil och skala.

Användarundersökning: Kundresekarta och användarflöde
Lär dig hur du tar hänsyn till din målgrupps behov i din design. Lär dig att skapa en kundresekarta och användarflöde, utvärdera användarbeteende i varje steg av interaktion med webbplatsen.

Navigering
Förstå typerna av navigering. Du kommer att förstå vilka uppgifter och enheter var och en av dem är lämplig för.

Design av huvudblock
Lär dig att skapa produktkort, reglage, block med förmåner, tariffer och reklam. Du kommer att sätta ihop en fullfjädrad sida och förstå hur du presenterar den för kunden. Du kommer att kunna förklara dina designbeslut, acceptera redigeringar på ett adekvat sätt och arbeta med kundinvändningar.

Anpassningsförmåga och komponenter
Lär känna responsiv webbdesign och dess principer. Låt oss titta på populära adaptiva maskor. Lär dig hur du skapar en högkvalitativ mobilversion av webbplatsen.

Sprint 3
Vi anpassar sidlayouten för dator, surfplatta och mobiltelefon.

Presentation av projektet för kunden
Lär dig hur du presenterar ett projekt i en effektiv och begriplig presentation. Lär dig förklara dina lösningar för kunden och svara på typiska eller oväntade frågor.

Överföra layouten till utvecklare
Du kommer att ordna lagren och deras namn, skapa enkel animering av element och övergångar mellan sidor och skapa en specifikation. Lär dig att genomföra en designgranskning efter layout.

Sprint 4
Tekniker för en imponerande portfölj: skapa ett fall på Behance.

Portföljfodral
Du kommer att ta reda på vad som är bättre för marknadsföring - en visitkortswebbplats eller en portfölj på designplattformar. Lär dig hur du skapar case på Behance så att ditt arbete uppmärksammas och uppskattas. Lär dig mer om betalda och gratis marknadsföringsmetoder.

Bonusmoduler

1. Principer för framgångsrikt arbete med kunden
2. Var man kan leta efter beställningar
3. Hur designers arbetar i stora team

Examensprojekt

Webbplats design koncept
Välj en av de riktiga kunderna och utveckla en webbdesign för deras företag. Använd berättande principer för att prata om ditt arbete.