27 Must-Have-starterkits voor webontwerpers

Starterkits zijn geweldige tijdbesparende functies voor webontwerpers en ze zijn vooral handig voor degenen die vaak mock-ups maken voor project pitching op dagelijkse basis. Als je een ontwerper annex programmeur bent, beschouw het dan als je codefragmenten

Dus wat zit er in een starterkit? We denken dat het varieert, afhankelijk van waar elke ontwerper routinematig mee heeft gewerkt. Voor GUI-ontwerpers, het bijhouden van een kopie van formulierelementen (knoppen, selectievakjes, tabbladen, vervolgkeuzemenu's, enz.) helpt bij het versnellen van het maken van schermen en lay-outs; aan de andere kant, browser (IE, Firefox Safari) sjablonen met web veilige gebied houden webontwerpers herinnerde eraan hoe / waar zij hun inhoud zouden moeten prioriteren. Ervaren ontwerpers zullen meestal een persoonlijke versie van de starterkit aanpassen en houden, sommigen misschien ook!

In het artikel van vandaag proberen we je enkele van de beste starterkit voor ontwerpen die we kennen te laten zien. Je kunt het (gratis) downloaden en meteen gebruiken, of je eigen exemplaar aanpassen dat in de toekomst van pas zal komen, je keuze. Volledige lijst na sprong.

GUI, formulierelementen en webcomponenten

Van formulierelementen zoals selectievakjes, invoervelden, tekstgebieden tot webontwerpcomponenten zoals knoppen, pijlen, pictogrammen, badges en meer.

Yahoo's Design Stencil Kit

Waarschijnlijk een van de meest complete kits voor ontwerpers. GUI-elementen omvatten agenda's, rasters, menu's, mobiel (algemeen en iphone), navigatie en paginering, tabbladen, UI-besturingselementen en meer! Komt in verschillende formaten: OmniGraffle, Visio (XML), PDF, PNG en SVG.

Webformulier elementen

Met al deze tabbladen, knoppen en vervolgkeuzemenu's in één enkel PSD-bestand krijgt u gegarandeerd een voorsprong in het ontwerp van de interface. Met dank aan Sniperyu.

Browser formulierelementen PSD

Browser Form Elements PSD voor Mac Firefox 3 en een andere voor Vista IE7.

Flex donkere huid

Slanke donkere huidinterface-elementen.

Famfamfam-pictogrammen

Of je nu aan het ontwerpen bent voor een web of een applicatie, je moet deze geweldige kleine buttons van Famfamfam niet missen.

Snelkoppeling naar: collecties Silk, Mini en Flag.

Peter's DeivantART ID

Ontwerp eenvoudig ID-kaarten met deze PSD-sjabloon.

Deluxive Creative Pack

Dit Creative Pack PSD, gratis verspreid door Deluxive, is inclusief badges, rasterkaders, knoppen, stickers en meer.

Aero Avatar en SIG

Vista-avatar en handtekeningsjabloon in PSD.

Turquoise PSD

Vista-elementen.

Browser Schermsjablonen

Als u een website ontwerpt in een PSP-bestand van Photoshop, is het belangrijk dat u rekening houdt met elke browser en elk zichtbaar scherm. Deze volgende PSD met verschillende versies van Firefox, IE en Safari web veilig gebied zal van pas komen.

Browser Web Safe Area

Webveilige zone voor Safari, IE en Firefox in verschillende besturingssystemen, allemaal in het downloadbare PSD-bestand.

Snelkoppeling naar: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

960px Photoshop rastersjabloon

PSD-rastersjabloon in 960 px-breedte om te voorkomen dat u gaat componeren met randen van het scherm die mogelijk niet juist zijn waar u van plan bent ze te zijn.

(Meer) browsersjablonen

Als u op zoek bent naar nog meer browsersjablonen (PSD), zou de collectie van webdesignerstoolkit moeten zijn wat u zoekt. Deze mensen hebben sjablonen voor Opera, Camino en klassieke browsers zoals iCan, Netscape en Mozilla.

Elementen van de webbrowser

Gratis standaard HTML-formulierelementen of browservensters voor Windows en Mac OSX.

Snelkoppeling naar: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Browserschermen en website-elementen

Exclusief freebie Vector Pack van VectorTuts. Het is een handige verzameling van vectorwebsite-items die u kunt gebruiken om uw klantprojecten te bespotten, uw werk te presenteren of een snelle visualisatie te krijgen bij het opmaken van websites.

Quecast Starter Kit

Als u het ontwerpen in PSD wilt bassen met een minimale PSD als leidraad, is de starterkit van Quommunication waarschijnlijk wat u zoekt. Het wordt geleverd met kleurensjablonen, browser web veilige gebied en basisvorm componenten allemaal in een PSD.

cursors

Een typische schermopname (afdrukscherm) bevat de cursor niet in de uitvoer. Als u afhankelijk bent van de cursor om een afbeelding beter te kunnen aangeven en beschrijven, kunnen deze volgende PSD-pakketten helpen.

Gepolijst grafiet

2 sets van verschillende muisaanwijzers door usedHONDA.

Photoshop Cursor Pack

Handig voor degenen die Photoshop-zelfstudies maken.

Productontwerp

iPhone GUI PSD 3.0

De afbeelding hieronder geeft u een duidelijk idee wat dit PSD-bestand is. Zeer nuttig om de ontwikkelingsinterfaces van een iPhone te bespotten. Gemaakt door teehanlax.