27 Must-Have-Starter-Kits für Webdesigner

Starter-Kits sind eine gute Zeitersparnis für Webdesigner und sie sind besonders nützlich für diejenigen, die häufig Modelle für das Projekt-Pitching täglich erstellen. Wenn Sie ein Designer-cum-Programmierer sind, stellen Sie sich dies als Ihre Codeausschnitte vor

Was ist also in einem Starter-Kit? Wir denken, dass es unterschiedlich ist - je nachdem, was jeder Designer routinemäßig gearbeitet hat. Zum GUI-Designer, Wenn Sie eine Kopie der Formularelemente (Schaltflächen, Kontrollkästchen, Registerkarten, Dropdown-Menüs usw.) aufbewahren, beschleunigen Sie die Erstellung von Bildschirmen und Layouts. Auf der anderen Seite können Browser (IE, Firefox Safari) Vorlagen mit websicherem Bereich aufbewahren Webdesigner erinnerte daran, wie / wo sie ihren Inhalt priorisieren sollten. Erfahrene Designer passen in der Regel eine persönliche Version des Starter-Kits an, und einige haben auch wenige!

In dem heutigen Artikel versuchen wir, Ihnen einige der besten Design-Starter-Kits zu zeigen, die wir kennengelernt haben. Sie können sie kostenlos herunterladen und sofort verwenden oder Ihre eigene Kopie anpassen, die sich in Zukunft als nützlich erweist, Ihrer Wahl. Vollständige Liste nach dem Sprung.

GUI, Formularelemente und Webkomponenten

Von Formularelementen wie Ankreuzfeldern, Eingabefeldern, Textbereichen bis hin zu Webdesign-Komponenten wie Schaltflächen, Pfeilen, Symbolen, Abzeichen und mehr.

Yahoo's Design Stencil Kit

Wahrscheinlich eines der umfassendsten Kits für Designer. Zu den GUI-Elementen gehören Kalender, Raster, Menüs, Mobile (allgemein und iPhone), Navigation und Seitenumbruch, Registerkarten, Bedienelemente der Benutzeroberfläche und vieles mehr! Kommt in verschiedenen Formaten: OmniGraffle, Visio (XML), PDF, PNG und SVG.

Webformularelemente

Mit all diesen Registerkarten, Schaltflächen und Dropdowns in einer einzigen PSD-Datei können Sie sich sicher auf das Interface-Design einlassen. Mit freundlicher Genehmigung von sniperyu.

Browser-Formularelemente PSD

Browser-Formularelemente PSD für Mac Firefox 3 und ein weiteres für Vista IE7.

Flex Dunkle Haut

Glatte dunkle Hautschnittstellenelemente.

Famfamfam-Symbole

Egal, ob Sie für Web oder Anwendungen entwerfen, Sie sollten diese tollen kleinen Schaltflächen von Famfamfam nicht verpassen.

Abkürzung zu: Kollektionen aus Seide, Mini und Flagge.

Peters DeivantART ID

Mit dieser PSD-Vorlage lassen sich ID-Karten einfach gestalten.

Deluxive Creative Pack

Dieses von Deluxive kostenlos vertriebene PSD-Paket enthält Abzeichen, Gitterrahmen, Knöpfe, Aufkleber und mehr.

Aero Avatar und SIG

Vista-Avatar und Signaturvorlage in PSD.

Türkis PSD

Vista-Elemente.

Browser-Bildschirmvorlagen

Wenn Sie eine Website in einer Photoshop PSD-Datei entwerfen, sollten Sie jeden Browser und jeden sichtbaren Bildschirm berücksichtigen. Die folgenden PSD-Versionen mit unterschiedlichen Versionen von Firefox, IE und Safari werden von großem Nutzen sein.

Browser-Web-Safe-Bereich

Websicherer Bereich für Safari, IE und Firefox unter verschiedenen Betriebssystemen, alle in herunterladbarer PSD-Datei.

Abkürzung nach: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

960px-Photoshop-Raster-Vorlage

PSD-Raster-Vorlage mit einer Breite von 960px, um zu verhindern, dass Sie mit Bildschirmrändern zusammenstellen, die möglicherweise nicht dort sind, wo Sie sie haben möchten.

(Weitere) Browservorlagen

Wenn Sie nach noch mehr Browservorlagen (PSD) suchen, ist die Sammlung von webdesignerstoolkit genau das Richtige für Sie. Diese Leute haben Vorlagen für Opera, Camino und klassische Browser wie iCan, Netscape und Mozilla.

Webbrowser-Elemente

Kostenlose Standard-HTML-Formularelemente oder Browserfenster für Windows und Mac OSX.

Abkürzung nach: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Browser-Bildschirme und Website-Elemente

Exklusives FreeBie Vector Pack von VectorTuts. Es ist ein nützlicher Satz von Vektor-Website-Assets, mit dem Sie Ihre Kundenprojekte nachahmen, Ihre Arbeit präsentieren oder beim Erstellen von Websites eine schnelle visuelle Darstellung erhalten.

Quommunication Starter Kit

Wenn Sie vorhaben, in PSD mit einer Minial und einer einfachen PSD als Anleitung zu arbeiten, ist das Starter-Kit von Quommunication wahrscheinlich das, was Sie suchen. Es enthält Farbvorlagen, einen Browser-sicheren Bereich und grundlegende Formularkomponenten in einer einzigen PSD.

Cursor

Bei einer typischen Bildschirmaufnahme (Druckbildschirm) wird der Cursor nicht in die Ausgabe aufgenommen. Wenn Sie sich beim Anzeigen und Beschreiben eines Bildes auf den Cursor verlassen, können diese folgenden PSD-Pakete hilfreich sein.

Polierter Graphit

2 verschiedene Mauszeiger von usedHONDA.

Photoshop-Cursor-Pack

Nützlich für diejenigen, die Photoshop-Tutorials erstellen.

Produktdesign

iPhone GUI PSD 3.0

Das Bild unten gibt Ihnen eine klare Vorstellung davon, was diese PSD-Datei enthält. Äußerst nützlich für alle iPhone-Entwicklungsoberflächen. Erstellt von teehanlax.