Nützliche (offline) Utensilien und Toolkits für Designer

Die meisten Webdesigner starten neue Projekte auf ihrem Computer. Es gibt Hunderte von Tools, mit denen Wireframes, Modelle, Prototypen und verschiedene andere Planungsaktivitäten auf Ihrem Computer oder online erstellt werden können. Es gibt aber auch jede Menge Offline-Tools auf Papierbasis, die Ihren Entwicklungs- und Konstruktionsprozess beschleunigen können. Designer, die ihre Planung offline beginnen, verwenden häufig nur leeres Papier oder Millimeterpapier und beginnen bei Null.

Warum ganz von vorne anfangen, wenn Sie diese vorgefertigten Anleitungen verwenden können, um Zeit zu sparen und deine kreativen Energien besser lenken? Im Folgenden haben wir eine große Liste von kostenlosen, herunterladbaren Tools sowie eine Sammlung von Notizblöcken und anderen Produkten zusammengestellt, die Sie für die Offline-Planung und das Design erwerben können.

Hier finden Sie weitere nützliche Artikel für Designer-Toolkits, die Sie vielleicht einmal ausprobieren sollten:

27 Must-Have-Starter-Kits für Webdesigner
GUI-Icon-Sets für Webdesigner
50 (Mehr) Ausgezeichnete Mini-Icon-Sets

Downloads

Die folgenden Tools stehen zum kostenlosen Download zur Verfügung. Dazu gehören vorgezeichnete Browser, Raster und Tools für die iPad- und iPhone-Entwicklung.

Papierbrowser

Ein einfaches, druckbares Browserfenster für das Wireframing. Im Inneren des Fensters gibt es ein subtiles Raster für ein besseres Design (sowohl für 960px breite als auch 800px breite Designs). Es ist proportional skaliert für eine Bildschirmauflösung von 1024 × 768.

MBTI Skizzierpapier für Ideenfindung

Das MBTI Sketching Paper enthält vier verschiedene Bereiche, in denen Sie Ideen für die vier spezifischen Kaufmodalitäten finden können: wettbewerbsorientiert, spontan, methodisch und humanistisch. Es ist in vier Größen erhältlich: A4, A3, Letter und Legal.

Concept7 Papier skizzieren

Dieses Skizzenpapier enthält ein Browserfenster mit vorgefertigten Rasterlinien sowie einen Anmerkungsbereich an der Seite. Es ist in den Formaten A4 und A3 erhältlich.

960 Rastersystem-Skizzenblätter

Das 960-Rastersystem verfügt über zahlreiche Vorlagen für verschiedene Designprogramme. Viele Leute wissen jedoch nicht, dass es auch PDF-Vorlagen zum Herunterladen für das Wireframing mit 960.gs auf Papier gibt.

Raster Design Graph Papier

Konigi bietet kostenloses, druckfähiges Millimeterpapier für Modelle mit Gitterdesign an. Zu den verfügbaren Vorlagen gehören ein Wireframe mit Notizenbereich, Quer- und Hochformat-orientierte Wireframes, Storyboards (mit und ohne Notizen), Zwei-für-zwei-Millimeterpapier und einfaches Millimeterpapier.

Wireframe Magnete DIY Kit

Eine Reihe von Magnetvorlagen von Konigi. Drucken Sie diese einfach auf Magnetplatten aus und Sie können mit dem Drahtmodellieren und Prototyping auf Ihrem Whiteboard oder einer anderen magnetischen Oberfläche beginnen. Sie können diese auch laminieren, um sie mit Marker für trockenes Löschen zu verwenden.

Skizzenbretter

Diese Skizzenbretter sind in zwei Versionen erhältlich: ein einzelner Bildschirm mit Notizenbereich oder ein Sechsfacher mit Notizenplatz. Die mehrseitige Version eignet sich hervorragend für das schnelle Prototyping mehrerer Seiten, während die einseitige Version für detaillierteres Wireframing spezifischer Seiten geeignet ist.

6 Seitenvorlage

Hierbei handelt es sich um eine einfache Vorlage mit vorgezeichneten Browserfenstern für sechs Seiten auf jedem Blatt, die zusätzlichen Platz für Notizen haben. Sehr einfach, aber sehr nützlich für die Planung auf oberster Ebene.

Papier-Drahtgittervorlagen

Eine Vielzahl von Wireframe-Vorlagen, von denen insgesamt sieben im Download enthalten sind. Es sind auch PSD-Vorlagen verfügbar, wenn Sie diese vor dem Drucken anpassen möchten.

Wireframe-Vorlage

Eine einfache Drahtmodellvorlage mit Platz für den Seitentitel oben und Notizen an der Seite. Es ist professionell genug für endgültige Wireframes und Modelle, um es den Kunden zu zeigen.

iPhone App-Drahtmodellvorlage

Eine sehr stilvolle iPhone-App-Vorlage, die im Hoch- und Querformat verfügbar ist. Es gibt Versionen mit einzelnen iPhone-Modellen mit viel Platz für Notizen sowie Seiten mit drei iPhones auf einer einzigen Seite.

iPad-Ideenblatt

Es stehen drei Versionen zur Verfügung: ein Doppelblatt mit hochformatorientierten iPads, ein Vierfachblatt mit landschaftlich orientierten iPads und ein Einzelblatt mit einem landschaftsorientierten iPad. Sie haben auch ein iPhone-Ideenblatt zum Herunterladen.

Szenario-, Taskflow- und Raster-Sketchsheets

Diese Skizzenblätter sind von unschätzbarem Wert für die Website-Planung. Das Szenarioblatt hilft Ihnen dabei, zu planen, wie Besucher Ihrer Website eine gewünschte Aktion ausführen können. Mit dem Aufgabenflussblatt können Sie herausfinden, welche Schritte für die Ausführung bestimmter Aufgaben an Ihrem Standort erforderlich sind. Das Rasterblatt bietet Ihnen Platz für Wireframing und Notizen auf bestimmten Seiten.

Produkte

Die folgenden Produkte ähneln häufig den oben zum Download verfügbaren, sind jedoch vorgedruckt. Weitere Tools wie Schablonen und Haftnotizen sind ebenfalls enthalten.

Mächtige Mausunterlage

Ein Mauspad, das auch ein Notizblock ist. Es gibt drei verschiedene Versionen: 5 Tage pro Woche (mit Platz für Aufgabenlisten für fünf Tage), Information Central (mit viel Platz für Notizen) und Random Dawdle. Jeweils 10 $.

iPad Stencil Kit

Eine Metallschablone von UI-Schablonen für das Design des Apple iPad. Hier finden Sie alles, was Sie zum Mockup von Anwendungen für das iPad benötigen. Das Kit enthält auch einen 0,7 mm-Zebra-Druckbleistift und einen Interaktionstechniktisch. 24,95 $

iPhone Stencil Kit

Ein weiteres Schablonenkit aus Metall von UI Stencils, diesmal für das iPhone. Es kommt auch mit den Zebra Mechanical Pencil- und UI-Stencils-Aufklebern. 24,95 $

App-Skizzenbuch

Bietet spiralförmige App-Skizzenbücher zum Gestalten von iPhone- und iPad-Apps. Es gibt eine Standard-, perforierte und iPad-Version. Die iPhone-Versionen enthalten drei echte iPhone-Bilder pro Seite mit insgesamt 50 Seiten (doppelseitig). Das iPad-Skizzenbuch (noch nicht verfügbar) enthält ein Bild pro Seite. Jeweils 12 $.

Notepod und Notepod+

Notizblöcke in Lebensgröße zum Entwerfen von iPod- und iPad-Apps. Die iPod-Notebooks werden in einem 3er-Pack mit 100 Seiten pro Block geliefert. Die iPad-Version (Notepod +) wird einzeln verkauft und umfasst ebenfalls 100 Seiten pro Block. Notepod + ist $ 19,95; Notepod kostet $ 17,95 / drei.

Storyboard-Notizblock

8 1/2 x 11-Zoll-Notizblöcke von Konigi mit 50 Storyboard-Bögen mit Platz für Notizen. Das unterscheidet sie von den meisten normalen Storyboard-Notizblöcken: Jeder Storyboard-Abschnitt ist in ein Raster unterteilt, so dass sie sich viel besser für Interaktionsdesign eignen. $ 9 pro Stück, nur in den USA erhältlich.

Browser-Skizzenblock

Ein Notizblock, der auf jeder Seite eine Browserfenstervorlage enthält. Jedes Fenster enthält ein Raster, das mit dem Website Stencil Kit (24,95 USD) kompatibel ist, das ebenfalls von UI-Schablonen stammt. Jeweils $ 8,95.

Dot Gitterbuch

Diese Punktrasterbücher von Behance ähneln herkömmlichem Millimeterpapier, aber statt Linien haben sie Punkte, an denen sich Linien schneiden würden. Es bietet ein hervorragendes Raster für das Skizzieren ohne das Eindringen von durchgezogenen Linien. Jeweils 14 $.

Wann immer Haftnotiz eingestellt

Für diejenigen von uns, die Haftnotizen verwenden, um sich zu organisieren, sind dies genau die richtigen Schritte, um Ihr Produktivitätssystem auf die nächste Stufe zu bringen. Separate Notizentypen für Dinge, die heute, bald oder irgendwann erledigt werden sollen, sowie drei zusätzliche Notiztypen. 12,99 $.

Weitere Ressourcen

Finden Sie noch mehr Ressourcen in den folgenden Zusammenfassungen:

50 Kostenlose Benutzeroberfläche und Webdesign Wireframing Kits, Ressourcen und Quelldateien - Eine fantastische Zusammenfassung des Smashing Magazine, die sowohl Online- als auch Offline-Ressourcen enthält.
Kostenlose druckbare Sketching-, Wireframing- und Notizvorlagen-PDF-Vorlagen - Eine weitere großartige Zusammenfassung des Smashing Magazine, die diesmal ausschließlich aus druckbaren Ressourcen besteht.
UI-, Wireframing- und Layout-Design-Ressourcen - Eine kleine Zusammenfassung der druckbaren Ressourcen, die von Es Developed erstellt wurden.