Ux/ui-designer: proffssidor - kurs 74 880 rub. från Uprock, träning, Datum: 28 november 2023.

instagram viewer

TEORI
PSYKOLOGI
ANALYTIK (UX)
VISUELL DESIGN (UI)

Introduktion

I den här handledningen kommer du att få en förståelse för skillnaden mellan UX och UI, och varför de är oupplösligt kopplade. Vi kommer att diskutera vad ett gränssnitt är och beröra ämnet klassificering av design och webbplatser. Du får lära dig vilka principer och i vilken ordning det är viktigt att följa i designprocessen du får förstå hur användare behandlar data, lära sig tekniker för att hantera sin uppmärksamhet och känslor. Genom att tillämpa denna kunskap kan du skapa användarvänliga och intuitiva gränssnitt. Lär dig att arbeta i Figma grafiska editor och gå igenom de första stadierna av fördjupning i UX/UI-design.

• Uppgifter och färdigheter hos en UX/UI-designer
• Användarpsykologi
• Arbeta med Figma (Komma igång) Arbeta med UI Kit
• Grundläggande stil
• Adaptiv
• Utveckling av observation
• Web animation
• Gränssnittselement / Webbplatskomponenter
• Gränssnittslogik
• Navigationsprinciper
• Forskning

ANALYTIK (UX)
VISUELL DESIGN (UI)

Skapande av målsida

Du kommer att rita en landningssida med hjälp av de algoritmer som vi använder i vår studio och som du kan använda som frilansare.

• Teknologisk process
• Första steget: Briefing/Informationsinsamling
• Andra etappen: Konkurrensanalys
• Tredje steget: Prototypframställning
• Steg fyra: Visuellt koncept
• Femte steget: Överföra layouter till utvecklare

VISUELL DESIGN (UI)

Rutnät, kompositioner, snabba koncept

Ofta i studior behöver du rita ett färdigt koncept på 1 dag, denna modul kommer att vara en bra träning för din snabbhet. Du kommer att lära dig vad visuell logik är, dess grundläggande principer, vad visuell vikt är, vilken inverkan den har på komposition och balans visuell vikt, vad modulära rutnät är, guider, hur man arbetar korrekt med färg och typografi, och befäster denna kunskap i praktiken.

• Visuell logik
• Sammansättning
• Modulära galler
• Guider
• Typografi
• Grundläggande regler för att arbeta med typsnitt på webben
• Färg
• Praktisk lektion nr 1
• Praktisk lektion nr 2

ANALYTIK (UX)
VISUELL DESIGN (UI)

Webbutik

Du får lära dig vilka typer av nätbutiker som finns, förstå hur man arbetar med produktkataloger, design och du kommer att rita en fullfjädrad onlinebutik, skapa adaptiva versioner och utöka din portfölj med spektakulära fall.

• Teknologisk process
• Första steget: Briefing/Informationsinsamling
• Andra etappen: Konkurrensanalys
• Tredje steget: Prototypframställning
• Steg fyra: Visuellt koncept
• Femte steget: Överföra layouter till utvecklare
• Formatera ett projekt till ett ärende på Behance

ANALYTIK (UX)
VISUELL DESIGN (UI)

Företagswebbplats

Du kommer att lära dig funktionerna hos en av de vanligaste typerna av webbplatser - företag. Du kommer att förstå vilka problem det löser. Lär dig att skapa strukturen och logiken för en företagswebbplats. Ta reda på i vilken ordning sidorna är ritade. Som ett resultat kommer du att skapa ditt projekt och packa det i ett fodral på Behance.

• Teknologisk process
• Första steget: Briefing/Informationsinsamling
• Andra etappen: Konkurrensanalys
• Tredje steget: Prototypframställning
• Steg fyra: Visuellt koncept
• Femte steget: Överföra layouter till utvecklare
• Formatera ett projekt till ett ärende på Behance

ANALYTIK (UX)
VISUELL DESIGN (UI)

Nyhetssida

Med hjälp av ett verkligt exempel kommer vi att analysera strukturen på nyhetssajter i detalj, studera uppsättningen av nödvändiga sidtyper och uppsättningen block som den består av. Som ett resultat kommer du att skapa din egen nyhetswebbplats och publicera den på Behance.

• Teknologisk process
• Första steget: Briefing/Informationsinsamling
• Andra etappen: Konkurrensanalys
• Tredje steget: Prototypframställning
• Steg fyra: Visuellt koncept
• Femte steget: Överföra layouter till utvecklare
• Formatera ett projekt till ett ärende på Behance

ANALYTIK (UX)
VISUELL DESIGN (UI)

Studios hemsida

Den mest intressanta och kreativa typen av webbplatser. Du får reda på varför byråer behöver webbplatser, vilka mål och mål de löser. Du kommer att förstå vilket värde en kund får när han besöker byråns webbplats. Vi ska titta på hur man designar och renderar sidor för dessa typer av webbplatser. Som ett resultat kommer du att ha ditt eget projekt, som du lägger upp på Behance.

• Teknologisk process
• Första steget: Briefing/Informationsinsamling
• Andra etappen: Konkurrensanalys
• Tredje steget: Prototypframställning
• Steg fyra: Visuellt koncept
• Femte steget: Överföra layouter till utvecklare
• Formatera ett projekt till ett ärende på Behance

ANALYTIK (UX)
VISUELL DESIGN (UI)

Portföljwebbplats

Ta reda på vad en portföljwebbplats är till för och hur den kan hjälpa till att bygga en karriär och frilansande. Lär dig vilka typer av sidor du behöver och vilka uppgifter de löser. Vi kommer att analysera den nödvändiga uppsättningen block för varje sida. Du kommer att rita skrivbordsversioner och adaptiva versioner, och även arrangera dem i ett fodral på Behance.

• Teknologisk process
• Första steget: Briefing/Informationsinsamling
• Andra etappen: Konkurrensanalys
• Tredje steget: Prototypframställning
• Steg fyra: Visuellt koncept
• Femte steget: Överföra layouter till utvecklare
• Formatera ett projekt till ett ärende på Behance