Ux/ui designer: pro nettsteder - kurs 74 880 rub. fra Uprock, trening, Dato: 28. november 2023.

instagram viewer

TEORI
PSYKOLOGI
ANALYTIKK (UX)
VISUELL DESIGN (UI)

Introduksjon

I denne opplæringen vil du få en forståelse av forskjellen mellom UX og UI, og hvorfor de er uløselig knyttet sammen. Vi vil diskutere hva et grensesnitt er og berøre temaet klassifisering av design og nettsteder. Du vil lære hvilke prinsipper og i hvilken rekkefølge det er viktig å følge i designprosessen, du får forstå hvordan brukere behandler data, lære teknikker for å håndtere oppmerksomheten deres og følelser. Ved å bruke denne kunnskapen kan du lage brukervennlige og intuitive grensesnitt. Lær å jobbe i Figma grafiske editor og gå gjennom de første stadiene av fordypning i UX/UI-design.

• Oppgaver og ferdigheter til en UX/UI-designer
• Brukerpsykologi
• Arbeide med Figma (Komme i gang) Arbeide med UI-settet
• Grunnleggende stil
• Tilpasset
• Utvikling av observasjon
• Web animasjon
• Grensesnittelementer / Site-komponenter
• Grensesnitt logikk
• Navigasjonsprinsipper
• Forskning

ANALYTIKK (UX)
VISUELL DESIGN (UI)

Oppretting av landingsside

Du vil tegne en landingsside ved hjelp av algoritmene som vi bruker i vårt studio og som du kan bruke som frilanser.

• Teknologisk prosess
• Første trinn: Briefing/Informasjonsinnhenting
• Andre trinn: Konkurranseanalyse
• Tredje trinn: Prototyping
• Trinn fire: Visuelt konsept
• Femte trinn: Overføring av layouter til utviklere

VISUELL DESIGN (UI)

Rutenett, komposisjoner, raske konsepter

Ofte i studioer må du tegne et ferdig konsept på 1 dag, denne modulen vil være en god trening for farten din. Du vil lære hva visuell logikk er, dens grunnleggende prinsipper, hva visuell vekt er, hvilken innvirkning den har på komposisjon og balanse visuell vekt, hva modulære rutenett er, veiledninger, hvordan jobbe riktig med farger og typografi, og konsolidere denne kunnskapen i praksis.

• Visuell logikk
• Komposisjon
• Modulære rutenett
• Guider
• Typografi
• Grunnleggende regler for arbeid med fonter på nettet
• Farge
• Praktisk leksjon nr. 1
• Praktisk leksjon nr. 2

ANALYTIKK (UX)
VISUELL DESIGN (UI)

Online-butikk

Du vil lære hvilke typer nettbutikker det finnes, forstå hvordan du jobber med produktkataloger, design og du vil tegne en fullverdig nettbutikk, lage adaptive versjoner og utvide porteføljen din med spektakulære sak.

• Teknologisk prosess
• Første trinn: Briefing/Informasjonsinnhenting
• Andre trinn: Konkurranseanalyse
• Tredje trinn: Prototyping
• Trinn fire: Visuelt konsept
• Femte trinn: Overføring av layouter til utviklere
• Formatere et prosjekt til en sak på Behance

ANALYTIKK (UX)
VISUELL DESIGN (UI)

Bedriftsnettsted

Du vil lære funksjonene til en av de vanligste typene nettsteder - bedrifter. Du vil forstå hvilke problemer det løser. Lær å lage strukturen og logikken til et firmanettsted. Finn ut i hvilken rekkefølge sidene er tegnet. Som et resultat vil du opprette prosjektet ditt og pakke det inn i et etui på Behance.

• Teknologisk prosess
• Første trinn: Briefing/Informasjonsinnhenting
• Andre trinn: Konkurranseanalyse
• Tredje trinn: Prototyping
• Trinn fire: Visuelt konsept
• Femte trinn: Overføring av layouter til utviklere
• Formatere et prosjekt til en sak på Behance

ANALYTIKK (UX)
VISUELL DESIGN (UI)

Nyhetsside

Ved å bruke et ekte eksempel vil vi analysere strukturen til nyhetssider i detalj, studere settet med nødvendige sidetyper og settet med blokker det består av. Som et resultat vil du opprette ditt eget nyhetsnettsted og publisere det på Behance.

• Teknologisk prosess
• Første trinn: Briefing/Informasjonsinnhenting
• Andre trinn: Konkurranseanalyse
• Tredje trinn: Prototyping
• Trinn fire: Visuelt konsept
• Femte trinn: Overføring av layouter til utviklere
• Formatere et prosjekt til en sak på Behance

ANALYTIKK (UX)
VISUELL DESIGN (UI)

Studio nettsted

Den mest interessante og kreative typen nettsteder. Du vil finne ut hvorfor byråer trenger nettsider, hvilke mål og målsettinger de løser. Du vil forstå hvilken verdi en klient mottar når du besøker byråets nettside. Vi skal se på hvordan du utformer og gjengir sider for denne typen nettsteder. Som et resultat vil du ha ditt eget prosjekt, som du vil legge ut på Behance.

• Teknologisk prosess
• Første trinn: Briefing/Informasjonsinnhenting
• Andre trinn: Konkurranseanalyse
• Tredje trinn: Prototyping
• Trinn fire: Visuelt konsept
• Femte trinn: Overføring av layouter til utviklere
• Formatere et prosjekt til en sak på Behance

ANALYTIKK (UX)
VISUELL DESIGN (UI)

Porteføljenettsted

Finn ut hva et porteføljenettsted er til for og hvordan det kan hjelpe med å bygge en karriere og frilansere. Lær hvilke typer sider du trenger og hvilke oppgaver de løser. Vi vil analysere det nødvendige settet med blokker for hver side. Du vil tegne desktop og adaptive versjoner, og også ordne dem i en sak på Behance.

• Teknologisk prosess
• Første trinn: Briefing/Informasjonsinnhenting
• Andre trinn: Konkurranseanalyse
• Tredje trinn: Prototyping
• Trinn fire: Visuelt konsept
• Femte trinn: Overføring av layouter til utviklere
• Formatere et prosjekt til en sak på Behance