27 Must-Have Starter Kit til Web Designers

Starter kits er fantastiske timesavers til webdesignere og de er særligt nyttige til dem, der ofte skaber mock-ups til projekthøjning på daglig basis. Hvis du er en designer-cum-programmerer, tænk på det som dine kodestykker

Så hvad er der i et startpakke? Vi synes, det varierer - afhængigt af hvad hver designer rutinemæssigt arbejdede med. Til GUI designere, at holde en kopi af formelementer (knapper, afkrydsningsfelter, faneblad, rullemenuer osv.) hjælper med at fremskynde processen med at oprette skærmbilleder og layouter; På den anden side beholder browseren (IE, Firefox Safari) skabeloner med websikker område webdesignere mindede om, hvordan / hvor de skulle prioritere deres indhold. Erfarne designere vil som regel tilpasse og holde en personlig version af starter kit, nogle kan få få også!

I dagens artikel forsøger vi at vise dig nogle af de bedste designstartpakker, vi er kommet til at kende. Du kan downloade (gratis) og bruge dem med det samme eller tilpasse din egen kopi, som vil komme til nytte i fremtiden, dit valg. Fuld liste efter spring.

GUI, formelementer og webkomponenter

Fra formelementer som afkrydsningsfelter, indtastningsfelter, tekstområder til webdesignkomponenter som knapper, pile, ikoner, badges og mere.

Yahoo's Design Stencil Kit

Sandsynligvis et af de mest komplette sæt til designere. GUI-elementer omfatter kalendere, grids, menuer, mobil (almindelig og iphone), navigation og pagination, faner, brugergrænseflader og mere! Leveres i flere format: OmniGraffle, Visio (XML), PDF, PNG og SVG.

Web Form Elements

Med alle disse faner, knapper, dropdowns i en enkelt PSD-fil, er det sikkert at give dig en kick start i interface design. Hilsen af sniperyu.

Browserformelementer PSD

Browser Form Elements PSD til Mac Firefox 3 og en anden til Vista IE7.

Flex Dark Skin

Smarte mørke hudgrænsefladeelementer.

Famfamfam Ikoner

Uanset om du designer for web eller applikation, bør du ikke gå glip af disse fantastiske små knapper af Famfamfam.

Genvej til: Silke, Mini og Flag samlinger.

Peter's DeivantART ID

Design ID-kort gøres nemt med denne PSD-skabelon.

Deluxive Creative Pack

Distribueret gratis af Deluxive, kommer denne kreative pakke PSD inklusive badges, gitterrammer, knapper, klistermærker og meget mere.

Aero Avatar og SIG

Vista avatar og signatur skabelon i PSD.

Turkis PSD

Vista elementer.

Browser skærm skabeloner

Hvis du designer websitet i en Photoshop PSD-fil, er det vigtigt at overholde hver browser og den synlige skærm. Disse følgende PSD'er med en anden version af Firefox, IE og Safari-websikkerhedsområdet vil komme til nytte.

Browser Web Safe Area

Websikker område til Safari, IE og Firefox i forskellige operativsystemer, alt i downloadbar PSD-fil.

Genvej til: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

960px Photoshop Grid-skabelon

PSD-gitterskabelon i 960px bredde for at forhindre dig i at komponere med kanter på skærmen, der måske ikke er, hvor du planlægger dem at være.

(Mere) Browser Skabeloner

Hvis du leder efter endnu flere browser skabeloner (PSD), bør webdesignerstoolkit's samling være det, du leder efter. Disse folk har skabeloner til Opera, Camino og klassiske browsere som iCan, Netscape og Mozilla.

Web Browser Elements

Gratis standard HTML-formelementer eller browservinduer til Windows og Mac OSX.

Genvej til: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Browser Skærme og Website Elementer

Eksklusiv freebie Vector Pack fra VectorTuts. Det er et nyttigt sæt af vektorwebsiteaktiver, du kan bruge til at mocke dine klientprojekter, præsentere dit arbejde eller få et hurtigt visuelt, mens du lægger websider ud.

Quommunication Starter Kit

Hvis du ønsker at sparke med at designe i PSD med en minial og basic PSD som vejledning, er Quommunications startpakke sandsynligvis det, du leder efter. Den leveres med farve skabeloner, websikkerhedssikkerhed og grundlæggende formkomponenter i en PSD.

Markører

En typisk skærmopsamling (udskriftsskærm) vil ikke indeholde markøren i udgangen. Hvis du er afhængig af markøren for at hjælpe med at indikere og beskrive et billede bedre, kan disse følgende PSD-pakker hjælpe.

Poleret grafit

2 sæt forskellige musemarkører ved usedHONDA.

Photoshop Cursor Pack

Nyttigt for dem, der opretter Photoshop Tutorials.

Produkt design

iPhone GUI PSD 3.0

Billedet nedenfor giver dig en klar ide om, hvad denne PSD-fil består af. Det er meget nyttigt at mocke alle iPhone-grænseflader. Oprettet af teehanlax.