Kafka, M: Sketch

1. Auflage 2021
ISBN: 978-3-8362-7306-0
Verlag: Rheinwerk Verlag GmbH

Buch, Deutsch, 439 Seiten, Format (B × H): 182 mm x 240 mm, Gewicht: 1000 g

Reihe: Rheinwerk Design

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 kennenlernen

- Vektorbasiertes Arbeiten

- Pages und Artboards anlegen

- Farboptionen und Schriftstile nutzen

- Symbole erstellen, mit Shapes arbeiten

- Arbeiten mit Libaries

- Layout Grids verwenden

- Objekte ausrichten

- Sketch im Team nutzen

- Sketch Mirror nutzen

- Prototyping mit Sketch

- Layouts und Elemente exportieren

Autoren/Hrsg.

Kafka, Micha

Fachgebiete

• Geisteswissenschaften Design Interface Design, Interaktionsdesign, Application Design
• Mathematik | Informatik EDV | Informatik Informatik Mensch-Maschine-Interaktion User Interface Design & Benutzerfreundlichkeit
• Mathematik | Informatik EDV | Informatik Professionelle Anwendung Web Graphik & Design, Web-Publishing

Inhaltsverzeichnis

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

Über Autor(innen)

Kafka, Micha
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.

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.