Webdesign. UX/UI – Kurs 66.360 Rubel. von der Moskauer Digitalakademie, Schulung, Datum: 29. November 2023.

instagram viewer

Einführung in das Design. Praxis und Werkzeuge 

— Verantwortungsbereich des Designers.
— Wie man einen Designer in sich selbst entwickelt.
— Wie und wo kann man sich inspirieren lassen?
— Der Design-Erstellungsprozess.

Das Figma-Programm beherrschen. Üben

— Figma kennenlernen
- Basiswerkzeug
— Figma-Simulator
— Animation in Figma
— Erstellen Sie ein interaktives Layout in Figma + verwenden Sie GIF
– Stile in Figma
— Autolayout (Theorie). PROFI.
— Autolayout (Übung). PROFI.
- Komponenten. PROFI.
– Varianten. PROFI.
- Feigenmarmelade
- Plugins

Modulares Raster und Zusammensetzung

— Was ist ein modulares Raster?
— Wie man ein modulares Raster entwirft
— Was ist Komposition, wie ist sie aufgebaut?
— Farbe, Farbabstimmung, Farbtheorie
— Mit Inhalten arbeiten
— Anordnung der Elemente auf der Website
— Neuroästhetik
— Modulares Raster. PROFI.
- DZ-1. Zeichnen einer Portfolio-Website

Typografie

— Stimmung, Schriftklassifizierung
— Anatomie einer Schriftart: Kerning, Tracking, Zeilenabstand
— Bearbeitung: Bindestrich, Bindestrich, Anführungszeichen, freie Konjunktionen
— Dienstleistungen, kommerzielle und nichtkommerzielle Schriftarten, Schriftartengebühren, Preise.
— Textlayout
— Schriftartenpaare
— Welche Schriftarten verwendet werden sollen
— Fehler in der Typografie.

Arbeiten mit Referenzen

— Arbeiten mit Referenzen. 1 Teil.
— Arbeiten mit Referenzen. PROFI.
— Referenztrainer

Phasen der Projektentwicklung

- Studie
— Struktur, Prototyp und Layout
— Technische Produktion
- DZ-2. Neugestaltung einer Bar-Website/Innenarchitekten-Website (zur Auswahl)

Technische Merkmale von Projekten

— Wie gelangt eine Seite ins Internet?
— Was ist Frontend? Wie funktioniert der Code?
— Was ist ein Backend?
— Domain und Hosting.
— Wie reicht man ein Layout zur Entwicklung ein? Was muss in welchem ​​Format beigefügt werden und warum?

UX und Analyse

— Was ist UX? Woraus besteht es?
— Informationsarchitektur. Hierarchie.
- Interaktionsdesign
— Visuelles Design
- Usability-Tests
— UX-Analyse
— Benutzerdefinierte Skripte
— Personenmethode
- Mindmap
- Prototyp entwickeln
— Ebenen nach James Garrett.
– UX-Muster
— Was ist ein Designsystem?
— Designsystem. Üben
— Analyse von Fehlern im visuellen Design
— Prinzip der 4 Fragen
— Komplexe detaillierte Prototypen
— DZ-3
— DZ-4
— Customer Journey Map (CJM)
— UX/UI-Trainer (Beta)
— Warum brauchen wir UX-Forschung?
- Quantitative Forschung. Umfragen.
— Tools zum Erstellen von Umfragen.
- Qualitative Forschung. Interview.
- Usability-Tests. PROFI.
— Hypothesen.
– User Story / Zu erledigende Aufgaben
— Hausaufgabe zur UX-Forschung

Adaptives Design

— Was ist responsives Design?
– Wie Berechtigungen funktionieren
— Arten von Layouts
— Adaptives Sammeln (neu)

Projektschutz

— Vorbereitung auf die Verteidigung
— Projektverteidigung gegenüber dem Kunden
– Schätzen
— Projektschutz von Grisha Kochenov
- DZ-5. Eine Website zeichnen

Persönliche Marke

— Freiberuflich und Vollzeit
— Grundlegende Arbeitsformate für Designer.
— Was wollen Arbeitgeber sehen?
— Wo kann man einen Job als Webdesigner suchen?
— Anschreiben
— So bestehen Sie Vorstellungsgespräche
— Erfolgreiche Fälle
- DZ-6. Diplomarbeit

Animation

— Mikroanimation
— Makroanimation
— Animation des ersten Bildschirms
— Animation in ProtoPie
— Animation im Prinzip
— Animation in Adobe After Effects
- Spline-3D
— Schnittstellen der Zukunft. Grischa Kochenow

Registrierung von Werken

— Portfolio-Design. So erstellen Sie einen Projektfall. Woraus besteht der Fall?
— Analyse von Beispielen studentischer Fälle
— So fügen Sie Ihr Layout in ein Modell ein. Teil 1
— Arbeiten mit Mockup. Teil 2
— Gehäusedesign auf Behance in Figma
— So veröffentlichen Sie Ihren Fall auf Behance
— Behance- und MDA-Tag

Tilde

— Tilda kennenlernen
— Registrierung und Schnittstelle
— Site-Einstellungen und Seiteneinstellungen
— Standardblöcke
— Zero-Block-Schnittstelle
— Null-Block, Arbeiten mit Text
— Zero-Block, Arbeiten mit Bildern
– Null-Block, Formen
— Nullblock, Arbeiten mit Tasten
— Nullblock, zusätzliche Werkzeuge
— Sicheres Layout auf Tilda, Grid-Container
— Einstellungen des Startbildschirms
— Automatische Skalierung
— Einzüge in Tilde
— Mobile Anpassung
— Animationsvorlagen von Varfolomeev
- Online-Shop
- Online-Shop. PROFI
— Nachrichten und Streams
- Persönliches Büro
— Layout in Figma, Grid-Container
— Layout in Figma, Fenstercontainer
— Layout in Figma, automatische Skalierung
— Automatische Übertragung des Layouts von Figma
— Änderungen
— DZ laut Tilda 

Photoshop

Ein paar Lektionen, die Ihnen helfen, die grundlegenden Tools zu verstehen, die Webdesigner benötigen

UX-Texterstellung

UX-Copywriting, wie es sich vom regulären Copywriting unterscheidet, Beispiele werden berücksichtigt.

Branding

- Was ist eine Marke? Markenkomponenten.
- Markenbuch
— Positionierung, Markenplattform
— Zeichnen eines Logos in Figma

Bibliothek

Bücher für Webdesigner