Page d'accueil » Création de sites web » 27 kits de démarrage indispensables pour les concepteurs Web

    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.

    En voici un autre pour l'ancienne version de l'iPhone.

    iPhone PSD

    Interface iPhone haute résolution.

    Voici pour ceux qui recherchent une interface iPhone de première génération.

    Magazine PSD

    Si vous présentez quelque chose en style magazine, vous voudrez commencer par ce PSD.

    Sac en papier

    Boîtier en plastique DVD

    Notre collection de superbes boîtiers PSD pour CD et DVD.

    Documents et lettres

    Plus pour les designers

    Vous recherchez plus de téléchargements liés à la conception? Découvrez quelques-uns de nos messages précédents:

    • 60 Excellents sites de modèles 3D gratuits
    • 100 meilleures polices abstraites et grunge
    • 50 sites Web pour télécharger des images vectorielles gratuites