-
-
1.
Einführung
2:50
-
2.
Was wir in diesem Kurs behandeln werden
2:38
-
3.
Die Requriements
1:58
-
4.
Photoshop die wir brauchen
6:41
-
5.
So organisierst du ein to
4:56
-
6.
Die your und Gruppen organisieren
5:40
-
7.
Benennungskonventionen mit Entwicklern bearbeiten
3:16
-
8.
Was ist eine gute Designbrief?
9:47
-
9.
Erste Ideen und frühzeitige Skizzen bekommen
3:52
-
10.
Fragen zur den Kunden vor jedem to
5:25
-
11.
Verwendung von Content zur Erstellung von Vorlagen für die Inhalte der Website der Website
3:25
-
12.
Mood für das Webdesign
5:40
-
13.
Ideenphase (mindestens 3 Layouts)
5:07
-
14.
Einführung in Balsamiq Mockups
9:33
-
15.
Wireframing in Balsamiq Mockups Teil 1
7:55
-
16.
Wireframing in Balsamiq Mockups Teil 2
14:24
-
17.
Atomic
7:32
-
18.
8-Punkt-Raster mit 8-Punkt
8:57
-
19.
Schriftart und Farbauswahl
4:26
-
20.
Was sind UI
7:26
-
21.
Beispiele für UI
3:10
-
22.
Gestalte einen Stilleitfaden
7:13
-
23.
Type erklärt
2:35
-
24.
Online-Tools für das Raster
12:30
-
25.
Planung deiner Raster für die Desktopansicht
5:19
-
26.
So verwendest du White Space im Webdesign
5:34
-
27.
Zeichenflächen und Raster für die Desktop-Ansicht einrichten
6:36
-
28.
Gestalten von Header/Hero Teil 1
12:17
-
29.
Gestalten von Header/Hero Teil 2
8:32
-
30.
Schritte entwerfen Teil 1
10:00
-
31.
Schritte entwerfen Teil Teil 2
8:36
-
32.
Die User gestalten
8:49
-
33.
Anpassen des weißen Raums und des vertikalen Rhythmus
5:46
-
34.
Team Teil Teil 1 entwerfen
10:32
-
35.
Team Teil Teil 2 Teil
6:42
-
36.
Die Gestaltung von Fußzeilen Teil Teil
8:18
-
37.
Die Footer Teil 2
10:37
-
38.
Responsive Web Teil 1
6:29
-
39.
Responsive Web Teil 2
5:45
-
40.
Planungsraster für Tablets /mittlere Ansicht
7:20
-
41.
Gestalten von Header/Hero für Tablet
11:17
-
42.
Schritte entwerfen (So funktioniert es ist) für das Tablet
10:17
-
43.
Team für Tablets entwerfen
9:27
-
44.
Fessel für die tablet entwerfen
8:48
-
45.
Die Einrichtung von Kunstkarten für die mobile Ansicht
3:59
-
46.
Kopfzeile für kleine Geräte entwerfen
10:32
-
47.
Schritte im Bereich für kleine Geräte entwerfen
8:53
-
48.
Team für kleine Geräte entwerfen
9:08
-
49.
Fessel für die tablet entwerfen
7:39
-
50.
Was müssen Entwickler über dein Webdesign kennen?
4:55
-
51.
Die Entstehung von roten Linien von den Anfängern → Teil 1
10:15
-
52.
Die Entstehung von roten Linien von den Anfängern → Teil 2
6:13
-
53.
Welche Ebenenstilen können in Code (HTML) konvertiert werden?
7:48
-
54.
Zeplin für die Zusammenarbeit von Webdesign installieren
10:11
-
55.
Die UI mit Zeplin erstellen
14:12
-
56.
Zepling vs Avocode → Vergleich von Designer/Entwickler-Tools
3:44
-
57.
Sympli vs Avocode → Vergleich von Designer/Entwickler-Tools
5:40
-
58.
Einführung in die Prototypen
3:49
-
59.
Mit der Invision App zum Prototyping vertraut machen
6:35
-
60.
Prototyping mit Invision
6:16
-
61.
Erstellen benutzerdefinierte Icon mit Iconmoon
8:13
-
62.
Verwendung und Exportieren von SVG im Webdesign im Bereich Webdesign
10:36
-
63.
Stilanleitung in 2020 mit Figma
10:06
-
64.
Handoff in Figma und Adobe XD 2020
11:23
-
65.
Prototyping mit Adobe XD und Figma 2020
6:32
-
Workflow des modernen Webdesigns → Ideenfindung, Wireframing, Mockups und Prototypen
Muhammad Ahsan Pervaiz, UI UX Visual Designer 15+ Years
Über diesen Kurs
In den letzten Jahren wurde die Arbeit eines traditionellen Webdesigners drastisch verändert. Das Design für jeden jeden Bildschirm (Responsive Webdesign) ist nicht einfach. Fragen wie diese werden beispielsweise von jedem jungen Webdesigner in den Sinn gebracht, z. B. Wie man das Layout ändern kann? Wie du Raster für das responsive Webdesign einrichtest Welche Inhalte du verbergen und zeigen sollst?
Jetzt in jedem in haben wir Designern für die designers
- Projektanforderungen erstellen (von Kunden und Anwendern)
- Frühen Ideen skizzieren
- Verfasse diese Ideen
- wireframes in Mockups konvertieren
- Die Anleitung für die Entwickler bereitstellen
- Erstellen von Prototypen zum Anzeigen der Ströme und Interaktionen
Jeder moderne Designer verwendet mehr als 2 bis 3 Tools im Web Designer:innen müssen auch viel mit Entwicklern zusammenarbeiten, so wie du all diese Probleme lösen kannst.
In diesem Kurs zeige ich dir den modernen Prozess der Erstellung von Responsives Webdesign, von der Erstellung von Informationen und der design vom Kunden vom Kunden bis hin zu Skizzen, wireframes und Prototypen oder sogar von Style-Leitfaden für Entwickler.
Tools du in diesem Kurs lernst, sind die
- Adobe Photoshop
- Balsamiq Mockups
- Invision App
- Zeplin App
Designrahmen, die du in diesem Kurs anfühlst, sind
- Atomic
- 8-Point-Raster
Ich zeige dir andere ähnliche Online-Apps für Webdesigner am Ende und vergleiche ihre Vor-und Nachteile
Wenn du nun bereit bist, das moderne Webdesign zu erlernen und ein erstklassiges Webdesigner zu werden
Beginne diesen Kurs jetzt
Kursprojekte
Bitte beachte, dass dieser Kurs nur für persönliche Bildungs- und Informationszwecke zur Verfügung gestellt wird, allgemeiner Natur ist und nicht als Ersatz für professionelle, rechtliche oder medizinische Beratung gedacht ist. Lies mehr darüber in unseren Nutzungsbedingungen.