Micha Kafka

Sketch

Websites und Apps, Prototyping und UX. Das Praxisbuch für gutes Web- und App-Design

• Broschiertes Buch

Produktbeschreibung

Sie möchten Apps und Webseiten endlich mit Sketch erstellen? Dann starten Sie mit diesem Buch durch: vektorbasiertes Arbeiten, Pages und Artboards anlegen, Objekte ausrichten, Farb- und Schriftoptionen nutzen, mit Symbolen arbeiten, mit Sketch Mirror Layouts in Echtzeit testen, Layouts exportieren u.v.m. So setzen Sie die im Web- und App-Design anfallenden Aufgaben deutlich besser, zeiteffizienter und intuitiver um!

Aus dem Inhalt:

Benutzeroberfläche und Werkzeuge kennenlernenVektorbasiertes ArbeitenPages und Artboards anlegenFarboptionen und Schriftstile nutzenSymbole erstellen, mit Shapes arbeitenArbeiten mit LibariesLayout Grids verwendenObjekte ausrichtenSketch im Team nutzenSketch Mirror nutzenPrototyping mit SketchLayouts und Elemente exportieren

Produktdetails

• Rheinwerk Design
• Verlag: Rheinwerk Verlag
• Artikelnr. des Verlages: 459/07306
• Seitenzahl: 439
• Erscheinungstermin: 29. Januar 2021
• Deutsch
• Abmessung: 244mm x 181mm x 30mm
• Gewicht: 1000g
• ISBN-13: 9783836273060
• ISBN-10: 3836273063
• Artikelnr.: 59485538

Autorenporträt

Micha Kafka ist UX-Konzeptor und betreibt die größte deutsche Sketch-Website sketch-wiki.de, er kennt also die Fragen der Anwender genau. Seit 10 Jahren ist er in unterschiedlichen Bereichen des Designs und Marketings tätig und setzt Sketch vieflältig ein.

Inhaltsangabe

Vorwort ... 13

Gespräch mit Sketch-Co-Gründer Pieter Omvlee ... 16

1. Grundlagen des digitalen Designs ... 24

1.1 ... Was ist Design? ... 24

1.2 ... Layout: Inhalte strukturieren ... 31

1.3 ... Typische Typografie-Fehler ... 38

1.4 ... Mit Farben designen ... 50

1.5 ... Pixel und Bildschirme ... 69

1.6 ... Projektorganisation: Ordnung halten in Dokumenten und Ordnern ... 73

2. Benutzeroberfläche ... 80

2.1 ... Das Sketch-Fenster ... 80

2.2 ... Auf dem Canvas designen ... 83

2.3 ... Die Werkzeugleiste ... 86

2.4 ... Ebenenliste, Dokumentstruktur und Seiten ... 88

2.5 ... Der Inspector ... 96

3. Ebenen und Bedienung ... 98

3.1 ... Ebenen ... 98

3.2 ... Artboards ... 104

3.3 ... Gruppen ... 110

3.4 ... Ebenen ausrichten, bewegen und verteilen ... 114

3.5 ... Größe ändern ... 119

3.6 ... Abstände messen ... 122

3.7 ... Lineal und Hilfslinien ... 123

3.8 ... Raster und Layout-Grids erstellen ... 125

3.9 ... Resizing - ein Design für alle Geräte ... 129

4. Erstellen und Bearbeiten auf dem Canvas ... 134

4.1 ... Rechtecke, Kreise und andere Formen ... 134

4.2 ... Freies Zeichnen mit Vektoren ... 142

4.3 ... Das Text-Werkzeug ... 148

4.4 ... Bilder und Bitmaps einfügen ... 159

4.5 ... Farben, Schatten und Effekte ... 165

4.6 ... Der Bearbeiten-Modus ... 181

4.7 ... Drehen, Spiegeln und Deckkraft - Einstellungen im Inspector ... 187

4.8 ... Maskieren, Kombinieren, Umwandeln - Werkzeuge für Ebenen ... 191

5. Die Powerfunktionen von Sketch ... 199

5.1 ... Stile für Ebenen und Texte ... 199

5.2 ... Symbole - wiederverwendbare Objekte ... 202

5.3 ... Libraries - Symbole und Stile teilen ... 215

5.4 ... Exportieren ... 221

5.5 ... Data - zufällige Texte und Bilder ... 231

5.6 ... Prototyping - Vorschau deines Designs ... 235

5.7 ... Assistants ... 241

5.8 ... Sketch Cloud ... 244

6. Sketch mit Plugins erweitern ... 255

6.1 ... Fragen und Antworten zu Sketch Plugins ... 255

6.2 ... Automate Sketch ... 259

6.3 ... Sketch Runner ... 272

6.4 ... Zeplin - Übergabe an die Entwickler ... 282

6.5 ... Abstract - im Team designen ... 293

6.6 ... Noch mehr Plugins ... 301

7. Einstellungen und versteckte Funktionen ... 312

7.1 ... Einstellungen ... 312

7.2 ... Sketch Mirror - Designs auf iPad und iPhone ansehen ... 318

7.3 ... Tastenkombinationen ... 322

7.4 ... Speicherplatz und Dateigrößen optimieren ... 326

7.5 ... Versionsverlauf - alte Designs wiederherstellen ... 328

8. Praxisteil ... 330

8.1 ... Chat entwerfen ... 330

8.2 ... Landingpage als Responsive Design entwerfen ... 339

8.3 ... Musikplayer: Konzept und Wireframe entwickeln ... 350

8.4 ... Icons und Illustrationen ... 362

8.5 ... Ein Design-System beginnen ... 377

8.6 ... Drei Lösungen für bessere Zusammenarbeit mit Sketch ... 389

9. Bonusmaterial zum Weiterlesen ... 393

9.1 ... Sketch - Lizenzen und Kosten ... 393

9.2 ... Mit Sketch vergleichbare Programme ... 394

9.3 ... Bücher, Blogs und Quellen ... 399

9.4 ... Tools und Downloads ... 409

Glossar ... 417

Index ... 429

Rezensionen

»Das Buch hier ist das erste Handbuch über Sketch. Es versteht sich als Einführung in das sich schnell weiterentwickelnde Programm Sketch auf dem Entwicklungsstand 2020 und stützt sich auf viele Beispiele, die sehr ausführlich erläutert werden.« EKZ-Informationsdienst 202103