27 kit di avvio indispensabili per i web designer

I kit di avvio sono ottimi tempi per i web designer e sono particolarmente utili per coloro che creano spesso modelli di pitching del progetto su base giornaliera. Se sei un programmatore-programmatore, pensalo come il tuo codice snippet

Quindi cosa c'è in un kit iniziale? Pensiamo che varia, a seconda di cosa ha lavorato abitualmente ogni designer. Per Designer GUI, mantenere una copia degli elementi del modulo (pulsanti, caselle di controllo, schede, menu a discesa, ecc.) aiuta ad accelerare il processo di creazione di schermate e layout; d'altra parte, i modelli di browser (IE, Firefox Safari) con area protetta web rimangono web designer ha ricordato come / dove dovrebbero dare la priorità ai loro contenuti. I progettisti esperti solitamente personalizzano e mantengono una versione personale del kit di base, alcuni potrebbero averne anche pochi!

Nell'articolo di oggi, tentiamo di mostrarvi alcuni dei migliori kit di progettazione che abbiamo imparato a conoscere. Puoi scaricare (gratuitamente) e usarli subito, oppure personalizzare la tua copia che ti tornerà utile in futuro, a tua scelta. Elenco completo dopo il salto.

GUI, elementi del modulo e componenti Web

Da elementi del modulo come caselle di controllo, campi di immissione, aree di testo a componenti di progettazione Web come pulsanti, frecce, icone, badge e altro.

Kit di stencil di design di Yahoo

Probabilmente uno dei kit più completi per i designer. Gli elementi della GUI includono calendari, griglie, menu, mobile (generale e iphone), navigazione e paginazione, schede, controlli dell'interfaccia utente e molto altro! Disponibile in diversi formati: OmniGraffle, Visio (XML), PDF, PNG e SVG.

Elementi del modulo Web

Con tutte queste schede, pulsanti, menu a discesa in un singolo file PSD, sicuramente ti darà un calcio d'inizio nella progettazione dell'interfaccia. Per gentile concessione di sniperyu.

Elementi del modulo del browser PSD

Elementi del modulo del browser PSD per Mac Firefox 3 e un altro per Vista IE7.

Flex Dark Skin

Eleganti elementi dell'interfaccia skin dark.

Famfamfam Icons

Che tu stia progettando per il web o l'applicazione, non dovresti perderti questi fantastici bottoncini di Famfamfam.

Collegamento a: collezioni Silk, Mini e Flag.

Peter's DeivantART ID

Design ID card facile con questo modello PSD.

Deluxive Creative Pack

Distribuito gratuitamente da Deluxive, questo Creative Pack PSD include badge, cornici griglia, pulsanti, adesivi e altro ancora.

Aero Avatar e SIG

Vista avatar e modello di firma in PSD.

PSD turchese

Elementi Vista.

Modelli di schermate del browser

Se stai progettando un sito Web in un file PSD di Photoshop, è importante tenere in considerazione ciascun browser e lo schermo visibile. Questi seguenti PSD con diverse versioni di Firefox, IE e Safari, saranno utili.

Area sicura del browser web

Area sicura per Safari, IE e Firefox in diversi sistemi operativi, tutti in file PSD scaricabile.

Collegamento a: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Modello di griglia Photoshop 960px

Modello di griglia PSD con larghezza di 960px per evitare di comporre con i bordi dello schermo che potrebbero non essere effettivamente dove li pianifichi.

(Altro) Modelli di browser

Se stai cercando ancora più modelli di browser (PSD), la raccolta di webdesignerstoolkit dovrebbe essere ciò che stai cercando. Queste persone hanno modelli per Opera, Camino e browser classici come iCan, Netscape e Mozilla.

Elementi del browser Web

Elementi del modulo HTML standard gratuiti o finestre del browser per Windows e Mac OSX.

Collegamento a: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Schermi del browser ed elementi del sito web

Pacchetto vettoriale esclusivo gratuito da VectorTuts. È un insieme utile di risorse del sito Web vettoriale che puoi utilizzare per prendere in giro i progetti dei tuoi clienti, presentare il tuo lavoro o ottenere una visuale veloce mentre stendi i siti web.

Starter Kit di comunicazione

Se stai cercando di iniziare a progettare in PSD con un PSD minial e di base come guida, lo starter kit di Quommunication è probabilmente quello che stai cercando. Viene fornito con modelli di colore, area sicura per browser web e componenti di base in un unico PSD.

Cursori

Una tipica cattura dello schermo (schermo di stampa) non includerà il cursore nell'output. Se dipendi dal cursore per aiutare a indicare e descrivere meglio un'immagine, i seguenti pacchetti PSD potrebbero aiutarti.

Grafite lucidata

2 set di diversi cursori del mouse utilizzati da HONDA.

Photoshop Cursor Pack

Utile per chi crea tutorial per Photoshop.

Design del prodotto

iPhone GUI PSD 3.0

L'immagine sotto ti dà una chiara idea di cosa sia questo file PSD. Molto utile per deridere qualsiasi interfaccia di sviluppo iPhone. Creato da teehanlax.