27 kits de démarrage indispensables pour les concepteurs Web

Les kits de démarrage sont des gains de temps considérables pour les concepteurs Web et ils sont particulièrement utiles pour ceux qui créent souvent des maquettes pour des projets quotidiens. Si vous êtes concepteur-programmeur, considérez-le comme vos extraits de code.

Alors, qu'est-ce qu'il y a dans un kit de démarrage? Nous pensons que cela varie - en fonction du travail de chaque concepteur. Pour Designers graphiques, conserver une copie des éléments de formulaire (boutons, cases à cocher, onglets, menus déroulants, etc.) accélère le processus de création d’écrans et de dispositions; Par ailleurs, les modèles de navigateur (IE, Firefox Safari) avec zone de sécurité Web conservent concepteurs de sites Web rappelé comment / où ils devraient prioriser leur contenu. Les concepteurs expérimentés personnaliseront généralement et conserveront une version personnelle du kit de démarrage, certains pouvant en avoir trop!

Dans l'article d'aujourd'hui, nous essayons de vous montrer quelques-uns des meilleurs kits de démarrage que nous connaissions. Vous pouvez télécharger (gratuitement) et les utiliser tout de suite, ou personnaliser votre propre copie qui vous sera utile à l'avenir, votre choix. Liste complète après le saut.

Interface graphique, éléments de formulaire et composants Web

Des éléments de formulaire tels que les cases à cocher, les champs de saisie, les zones de texte aux composants de conception Web tels que les boutons, les flèches, les icônes, les badges, etc..

Kit de pochoir de conception de Yahoo

Probablement l'un des kits les plus complets pour les concepteurs. Les éléments de l'interface graphique incluent des calendriers, des grilles, des menus, des périphériques mobiles (général et iphone), de navigation et de pagination, des onglets, des commandes d'interface utilisateur et plus encore! Existe en plusieurs formats: OmniGraffle, Visio (XML), PDF, PNG et SVG.

Éléments de formulaire Web

Avec tous ces onglets, boutons, menus déroulants dans un seul fichier PSD, vous serez sûrement emballé dans la conception de l'interface. Gracieuseté de sniperyu.

Éléments de formulaire de navigateur PSD

Eléments de formulaire de navigateur PSD pour Mac Firefox 3 et un autre pour Vista IE7.

Flex Dark Skin

Éléments d'interface de peau sombre élégant.

Icônes Famfamfam

Que vous conceviez pour le Web ou une application, vous ne devriez pas manquer ces superbes petits boutons de Famfamfam.

Raccourci vers: Collections soie, mini et drapeaux.

Peter DeivantART ID

Créez facilement des cartes d'identification avec ce modèle PSD.

Pack Créatif Deluxive

Distribué gratuitement par Deluxive, ce pack PSD créatif comprend des badges, des cadres de grille, des boutons, des autocollants et bien plus encore..

Aero Avatar et SIG

Avatar Vista et modèle de signature en PSD.

PSD Turquoise

Éléments Vista.

Modèles d'écrans de navigateur

Si vous concevez un site Web dans un fichier PSD Photoshop, il est important de prendre en compte chaque navigateur et chaque écran visible. Ces PSD suivants avec différentes versions de Firefox, IE et Safari Web Safe Area seront utiles.

Zone de sécurité Web du navigateur

Zone de sécurité Web pour Safari, IE et Firefox sous différents systèmes d'exploitation, le tout dans un fichier PSD téléchargeable.

Raccourci vers: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Modèle de grille Photoshop de 960 pixels

Modèle de grille PSD d'une largeur de 960 px pour vous empêcher de composer avec des bords de l'écran qui pourraient ne pas se trouver à l'endroit prévu..

(Plus) modèles de navigateur

Si vous recherchez encore plus de modèles de navigateur (PSD), la collection de webdesignerstoolkit devrait être celle que vous recherchez. Ces gens ont des modèles pour Opera, Camino et les navigateurs classiques comme iCan, Netscape et Mozilla..

Éléments du navigateur Web

Éléments de formulaire HTML standard gratuits ou fenêtres de navigateur pour Windows et Mac OSX.

Raccourci vers: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Écrans de navigateur et éléments de site Web

Freebie Pack Vectoriel exclusif de VectorTuts. C'est un ensemble utile de ressources vectorielles pour sites Web que vous pouvez utiliser pour maquiller vos projets clients, présenter votre travail ou obtenir un visuel rapide lors de la mise en page de sites Web..

Kit de démarrage Quommunication

Si vous souhaitez commencer à concevoir un PSD avec un PSD minimal et de base, le kit de démarrage de Quommunication est probablement ce que vous recherchez. Il contient des modèles de couleur, une zone sécurisée pour le Web du navigateur et des composants de formulaire de base dans un même fichier PSD.

Les curseurs

Une capture d'écran typique (écran d'impression) n'inclura pas le curseur dans la sortie. Si vous dépendez du curseur pour mieux indiquer et décrire une image, les packs PSD suivants peuvent vous aider.

Graphite poli

2 ensembles de curseurs de souris différents par usedHONDA.

Photoshop Cursor Pack

Utile pour ceux qui créent des tutoriels Photoshop.

La conception des produits

iPhone GUI PSD 3.0

L'image ci-dessous vous donne une idée précise de la composition de ce fichier PSD. Très utile pour se moquer de toutes les interfaces de développement iPhone. Créé par teehanlax.