27 måste ha startpaket för webbdesigners

Startpaket är fantastiska timesavers för webbdesigners och de är särskilt användbara för dem som ofta skapar mock-ups för projekthöjning på daglig basis. Om du är en designer-cum-programmerare, tänk på det som dina kodfragment

Så vad finns det i en startpaket? Vi tycker att det varierar - beroende på vad varje designer rutinmässigt arbetade med. För GUI-designers, Att hålla en kopia av formulärelement (knappar, kryssrutor, flikar, nedrullningsmenyer, etc.) hjälper till att påskynda processen att skapa skärmar och layouter. Å andra sidan behåller webbläsare (IE, Firefox Safari) mallar med webbsäkert område webbdesigners påminde hur / var de borde prioritera innehållet. Erfarna designers brukar anpassa och hålla en personlig version av startpaketet, vissa kan få få!

I dagens artikel försöker vi visa dig några av de bästa designstartpaketet vi har fått veta. Du kan ladda ner (gratis) och använda dem direkt, eller anpassa din egen kopia som kommer att vara till nytta i framtiden, ditt val. Hela listan efter hopp.

GUI, formulärelement och webbkomponenter

Från formelement som kryssrutor, inmatningsfält, textområden till webbdesignkomponenter som knappar, pilar, ikoner, märken och mer.

Yahoo's Design Stencil Kit

Förmodligen ett av de mest kompletta kit för designers. GUI-element inkluderar kalendrar, galler, menyer, mobila (allmänna och iphone), navigering och pagination, flikar, användargränssnittskontroller och mer! Kommer i flera format: OmniGraffle, Visio (XML), PDF, PNG och SVG.

Webformulärelement

Med alla dessa flikar, knappar, dropdowns i en enda PSD-fil, kommer det säkert att ge dig en kickstart i gränssnittsdesign. Höft av sniperyu.

Webbläsarformelementen PSD

Browser Form Elements PSD för Mac Firefox 3 och en annan för Vista IE7.

Flex Dark Skin

Eleganta, mörka hudgränssnitt.

Famfamfam Ikoner

Oavsett om du designar för webb eller applikation, bör du inte missa dessa fantastiska små knappar av Famfamfam.

Genväg till: Siden, Mini- och Flaggsamlingar.

Peter's DeivantART ID

Design ID-kort görs enkelt med denna PSD-mall.

Deluxive Creative Pack

Distribuerad gratis av Deluxive, kommer detta kreativa paket PSD inklusive märken, gallerramar, knappar, klistermärken och mer.

Aero Avatar och SIG

Vista avatar och signaturmall i PSD.

Turkos PSD

Vista-element.

Webbläsarskärmsmallar

Om du utformar webbplatsen i en Photoshop PSD-fil, är det viktigt att beakta varje webbläsare och synlig skärm. Dessa följande PSD med annan version av Firefox, IE och Safari webbsäker område kommer att vara till nytta.

Webbplatsens säkra område

Säkerhetsområde för Safari, IE och Firefox i olika operativsystem, allt i hämtningsbar PSD-fil.

Genväg till: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

960px Photoshop gallermall

PSD-nätmall i 960px bredd för att förhindra att du komponerar med kanter på skärmen som kanske inte kan vara där du planerar att de ska vara.

(Mer) Webbläsarmallar

Om du letar efter ännu fler webbläsarmallar (PSD), bör webbdesignerstoolkit samling vara det du söker. Dessa personer har mallar för Opera, Camino och klassiska webbläsare som iCan, Netscape och Mozilla.

Webbläsarelement

Gratis standard HTML-formulärelement eller webbläsarfönster för Windows och Mac OSX.

Genväg till: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Webbläsarskärmar och webbsidor

Exklusiv freebie Vector Pack från VectorTuts. Det är en användbar uppsättning av webbsidor för vektor som du kan använda för att mocka dina klientprojekt, presentera ditt arbete eller få en snabb visuell när du lägger ut webbplatser.

Quommunication Starter Kit

Om du letar efter att sparka med att designa i PSD med en minial och grundläggande PSD som vägledning, är Quommunications startsats troligen det du letar efter. Den levereras med färgmallar, webbläsarsäkerhetsområde och grundläggande formkomponenter i en PSD.

markörer

En vanlig skärminspelning (utskriftsskärm) innehåller inte markören i utmatningen. Om du är beroende av markören för att hjälpa till att indikera och beskriva en bild bättre kan följande PSD-paket vara till hjälp.

Polerad grafit

2 uppsättningar av olika muspekare av usedHONDA.

Photoshop Cursor Pack

Användbar för dem som skapar Photoshop Tutorials.

Produktdesign

iPhone GUI PSD 3.0

Bilden nedan ger dig en klar uppfattning om vad den här PSD-filen består av. Extremt användbar för att mocka alla iPhone-gränssnitt. Skapat av teehanlax.