Nataly Birch 12. Juni 2014

Sketch 3: Webdesign-Schnellstart mit diesen 30 kostenlosen Templates

Nataly kommt aus Sevastopol und liebt Webdesign und Development. Sie betreibt verschiedene...

Ob Sie nun tatsächlich davon besessen sind, komplexe User Interfaces oder einzelne Widgets zu bauen oder ob Ihre Lieblingstätigkeit schlicht das Erstellen von Icon-Packs oder das Prototyping von Websites ist, ist im Grunde unwesentlich. Sollte eines oder mehreres davon zutreffen, haben Sie vermutlich schon einmal von Sketch App gehört. Diese schlanke Software für Mac OS X wurde von Bohemian Coding geschickt als Rivale wesentlich leistungsstärkerer Pakete, wie Adobe Photoshop und Illustrator entworfen. Aufgrund der vergleichsweise geringen Größe mag das zunächst überraschen. Tatsächlich aber ist Sketch zielgenau auf Webdesigner zugeschnitten. Konsequenterweise bietet es daher ausschließlich Instrumente und Plugins, die für diese Zielgruppe nützlich und relevant sind. So betrachtet, ist Sketch nicht wirklich funktionsschwächer als andere Lösungen, sondern lediglich sehr viel stärker fokussiert und nicht mit unnötigem Ballast aufgebläht.

Sketch 3 und das Featureset

Sketchs Featureset ist schon recht beeindruckend:

  • Skalierbarkeit der Designs sorgt für schnelle Anpassbarkeit an unterschiedliche Auflösungen;
  • Komplexe Formen, gepaart mit einfachem Handling von Pfaden und Ebenen;
  • eine durchdachte Dokumentenorganisation mit der Möglichkeit, schnell und effizient zu suchen;
  • leistungsstarke Eigenschaftendialoge, die die passgenaue Konfiguration von Positionen. Ebenentransparenz und vielem mehr erlauben;
  • Ein-Klick-Export für schnelles Prototyping ohne detaillierte Konfiguriererei (letztere ist aber auch möglich);
  • Schnelles Wiederholen von Elementen mit einer Re-Use-Funktion;
  • Boolesche Vektor-Operationen;
  • extrem einfaches Interface.

Zu den wichtigsten Instrumenten gehören

  • Text Styles;
  • Grids und Hilfslinien;
  • Bitmaps;
  • mehrseitige Dokumente;
  • Pixelgenaues Layout mit Snap-Feature und vieles mehr.

Manche halten Sketch für einen durchdachten Verschnitt aus Photoshop und Illustrator, eine Essenz quasi. Es ist völlig frei von überflüssiger Funktionalität und konzentriert sich ganz eindeutig auf Webdesign.

Kennen Sie Sketch bislang nicht, laden Sie sich bei Bohemian Coding die kostenlose Trial-Version herunter. Erst, wenn Sie vollkommen überzeugt sind, nehmen Sie die vergleichsweise schmalen 80 Dollar (= rund 60 Euro) in die Hand und erwerben die Vollversion.

Heute bieten wir Ihnen einige Einblicke in das stetig wachsende Sketch-Universum. Die Community ist sehr aktiv und veröffentlicht Ressource um Ressource. Wir haben die frischesten und unserer Auffassung nach besten im folgenden Beitrag zusammengefasst. Alle der folgenden Templates, GUIs, Mockups und mehr wurden mit und für Sketch 3 erstellt.

Twitter for Yosemite

twitter-for-yo

Erstellt von:  Dmitry Novikov
Lizenz:  Frei für die persönliche Nutzung.

Yosemite

yosemite

Erstellt von:  Danny Giebe
Lizenz:  Frei für die persönliche Nutzung.

Blueprint

blueprint

Erstellt von:
 rojcyk
Lizenz:  Frei für die persönliche Nutzung.

Safari OS X Yosemite

safari

Erstellt von:  Kuswanto
Lizenz:  Frei für die persönliche Nutzung.

Dark UI Kit

dark ui

Erstellt von:  Alexander Haniotis
Lizenz:  Frei für die persönliche Nutzung.

Twitter profile

twitter profile

Erstellt von:  Benny Chew
Lizenz:  Frei für die persönliche Nutzung.

Marvel Resources

marvel

Erstellt von:  Murat Mutlu
Lizenz:  Frei für die persönliche Nutzung.

wireframe template V1

wireframe

Erstellt von:  John Menard
Lizenz:  Frei für die persönliche Nutzung.

Music Player

music

Erstellt von:  Andreea Nicolaescu
Lizenz:  Frei für die persönliche Nutzung.

Profile Screen

profile

Erstellt von:  Reza Selçuk Saydam
Lizenz:  Frei für die persönliche Nutzung.

Login Screen

login

Erstellt von:  Reza Selçuk Saydam

Lizenz:
  Frei für die persönliche Nutzung.

iPhone 5c

iphone

Erstellt von:  Jisi Guo
Lizenz:  Frei für die persönliche Nutzung.

iPhone 5/5s Wireframe

iphone2

Erstellt von:  Tariq Abuirshaid
Lizenz:  Frei für die persönliche Nutzung.

iPad App Showcase Template

ipad

Erstellt von:  Clifton Lin
Lizenz:  Frei für die persönliche Nutzung.

iPhone 5c mockup

iphone3

Erstellt von: brilliantsketch
Lizenz: Frei für die persönliche Nutzung.

Circlecons Vol1

circle

Erstellt von:  Onur Oztaskiran
Lizenz:  Frei für die persönliche Nutzung.

iOS 7 Icons

ios7

Erstellt von:  Erica Jaclyn Stein
Lizenz:  Frei für die persönliche Nutzung.

Linies

linies

Erstellt von:  Norm
Lizenz:  Frei für die persönliche Nutzung.

Sketch icons

rect

Erstellt von:  Christian
Lizenz:  Frei für die persönliche Nutzung.

GUI Content Views for iOS 7

mobile

Erstellt von:  Erica Jaclyn Stein

Lizenz:  Frei für die persönliche Nutzung.

iPhone GUI for Sketch (iOS7)

gui

Erstellt von:  teehanlax

Lizenz:  Frei für die persönliche und kommerzielle Nutzung.

Akilli Vatandas

gui2

Erstellt von:  Reza Selçuk Saydam
Lizenz:
  Frei für die persönliche Nutzung.

Dark UI Kit

ui2

Erstellt von:  Armand Chakhalyan

Lizenz:  Frei für die persönliche Nutzung.

Nexus 5 Wireframe UI

nexus

Erstellt von:  Tristan Remy
Lizenz:  Frei für die persönliche Nutzung.

iPhone 5S Wireframe

iphone4

Erstellt von:  Gavin Anthony
Lizenz:  Frei für die persönliche Nutzung.

Flat UI Kit

ui3

Erstellt von:  medialoot
Lizenz:  Frei für die persönliche Nutzung.

Yosemite Safari

browser

Erstellt von:  Nishank Khanna
Lizenz:  Frei für die persönliche Nutzung.

Nexus 5

nexus2

Erstellt von:  Tristan Remy
Lizenz:  Frei für die persönliche Nutzung

Chrome

chrome

Erstellt von:  Octavian Rosca

Lizenz:
  Frei für die persönliche und kommerzielle Nutzung.

Car Rent Design

car

Erstellt von:  Gideon Heilbron
Lizenz:  Frei für die persönliche Nutzung.

(dpe)

Nataly Birch

Nataly kommt aus Sevastopol und liebt Webdesign und Development. Sie betreibt verschiedene Blogs. In ihrer Freizeit entschlüsselt sie die Geheimnisse dieser Welt oder spielt Volleyball.

Kennst du schon unseren Newsletter?

Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.

Cookies

Weitere Informationen zu den Auswahlmöglichkeiten findest du hier. Dazu musst du zunächst keine Auswahl treffen!

Um Dr. Web zu besuchen, musst du eine Auswahl treffen.

Deine Auswahl wurde gespeichert!

Informationen zu den Auswahlmöglichkeiten

Was du erlaubst!

Um fortfahren zu können, musst du eine Auswahl treffen. Nachfolgend erhältst du eine Erläuterung der verschiedenen Optionen und ihrer Bedeutung.

  • Ich stimme zu:
    Du erlaubst uns das Setzen aller Cookies, die wir in unseren Datenschutzhinweisen genannt haben. Dazu gehören Tracking- und Statistik-Cookies. Aus dem Tracking per Google Analytics bieten wir auf der Seite Datenschutz ein Opt-Out, also die Möglichkeit der Abmeldung, an.
  • Ich stimme nicht zu:
    Wir verzichten bei dieser Option auf den Einsatz von Google Analytics. Die für den Betrieb von Dr. Web notwendigen Cookies werden aber dennoch gesetzt. Einzelheiten entnimmst du bitte den Datenschutzhinweisen

Du kannst deine Cookie-Einstellungen jederzeit hier ändern: Datenschutz. Impressum

Zurück