Webbdesign. UX/UI - kurs 66 360 rub. från Moscow Digital Academy, utbildning, Datum: 29 november 2023.

instagram viewer

Introduktion till design. Övning och verktyg 

— Designerns ansvarsområde.
— Hur man utvecklar en designer i sig själv.
– Hur och var kan man bli inspirerad?
— Processen att skapa design.

Att bemästra Figma-programmet. Öva

— Att lära känna Figma
— Grundläggande verktyg
— Figma-simulator
— Animering i Figma
— Skapa en interaktiv layout i Figma + använd GIF
— Stilar i Figma
— Autolayout (teori). PROFFS.
— Autolayout (övning). PROFFS.
- Komponenter. PROFFS.
— Varianter. PROFFS.
— FigJam
— Plugins

Modulärt rutnät och sammansättning

— Vad är ett modulnät?
— Hur man designar ett modulärt rutnät
— Vad är komposition, hur är den uppbyggd?
— Färg, färgmatchning, färglära
— Arbeta med innehåll
— Arrangemang av element på platsen
— Neuroestetik
— Modulnät. PROFFS.
- DZ-1. Rita en portföljwebbplats

Typografi

— Stämning, typsnittsklassificering
— Anatomi av ett typsnitt: kerning, spårning, ledande
— Redigering: bindestreck, bindestreck, citattecken, dinglande konjunktioner
— Tjänster, kommersiella och icke-kommersiella typsnitt, teckensnittsavgifter, priser.
— Textlayout
— Teckensnittspar
— Vilka typsnitt som ska användas
— Fel i typografin.

Arbetar med referenser

— Arbeta med referenser. 1 del.
— Arbeta med referenser. PROFFS.
— Referenstränare

Projektutvecklingsstadier

- Studie
— Struktur, prototyp och layout
— Teknisk produktion
- DZ-2. Omdesign av en barwebbplats/webbplats för inredningsdesigner (att välja mellan)

Tekniska egenskaper hos projekt

— Hur kommer en webbplats ut på Internet?
– Vad är frontend. Hur fungerar koden?
– Vad är en backend?
— Domän och hosting.
— Hur lämnar man in en layout för utveckling? Vad behöver bifogas, i vilket format och varför?

UX och analys

– Vad är UX. Vad består den av?
— Informationsarkitektur. Hierarki.
- Interaktionsdesign
— Visuell design
— Användbarhetstestning
— UX-analys
— Anpassade skript
— Personmetod
— Sinnekarta
— Prototypframställning
— Nivåer enligt James Garrett.
— UX-mönster
— Vad är ett designsystem?
— Designsystem. Öva
— Analys av fel i visuell design
— Principen om 4 frågor
— Komplexa detaljerade prototyper
— DZ-3
— DZ-4
— Customer Journey Map (CJM)
— UX/UI-tränare (beta)
— Varför behöver vi UX-forskning?
- Kvantitativ forskning. Omröstningar.
— Verktyg för att skapa undersökningar.
- Kvalitativ efterforskning. Intervju.
— Användbarhetstestning. PROFFS.
— Hypoteser.
— Användarberättelse / jobb som ska göras
— Hemläxa om UX-forskning

Adaptiv design

— Vad är responsiv design
– Hur behörigheter fungerar
— Typer av layout
— Samla adaptiv (ny)

Projektskydd

— Förberedelse för försvar
— Projektförsvar till kunden
— Uppskattning
— Projektskydd från Grisha Kochenov
- DZ-5. Rita en webbplats

Personligt varumärke

— Frilansande och heltid
— Grundläggande arbetsformat för designers.
— Vad vill arbetsgivarna se?
— Var man ska söka jobb som webbdesigner
- Följebrev
— Hur man klarar intervjuer
— Framgångsrika fall
- DZ-6. Examensarbete

Animation

— Mikroanimation
— Makroanimering
— Animering av den första skärmen
— Animering i ProtoPie
— Animering i princip
— Animering i Adobe After Effects
- Spline 3D
— Framtidens gränssnitt. Grisha Kochenov

Registrering av verk

— Portföljdesign. Hur man skapar ett projektcase. Vad består ärendet av?
— Analys av exempel på elevfall
— Hur du infogar din layout i en mockup. Del 1
— Jobbar med mockup. Del 2
— Fodraldesign på Behance i Figma
— Hur du lägger upp ditt ärende på Behance
— Behance och MDA-tagg

Tilde

— Att lära känna Tilda
— Registrering och gränssnitt
— Webbplatsinställningar och sidinställningar
— Standardblock
— Nollblock, gränssnitt
— Nollblock, arbetar med text
— Nollblock, arbetar med bilder
— Nollblock, former
— Noll block, arbetar med knappar
— Noll block, ytterligare verktyg
— Säker layout på Tilda, Gridcontainer
— Inställningar för startskärmen
— Autoskala
— Indrag i Tilde
— Mobilanpassning
— Animationsmallar från Varfolomeev
- Webbutik
- Webbutik. PROFFS
— Nyheter och streams
- Personligt område
— Layout i Figma, Gridcontainer
— Layout i Figma, Fönstercontainer
— Layout i Figma, autoskala
— Automatisk överföring av layout från Figma
— Modifieringar
— DZ enligt Tilda 

Photoshop

Några lektioner som hjälper dig att förstå de grundläggande verktygen som webbdesigners behöver

UX copywriting

UX copywriting, hur det skiljer sig från vanlig copywriting, exempel beaktas.

Branding

- Vad är ett varumärke? Märkeskomponenter.
— Märkesbok
— Positionering, varumärkesplattform
— Rita en logotyp i Figma

Bibliotek

Böcker för webbdesigners