27 må-startpakker for webdesignere

Startpakker er flotte timesavers for webdesignere og de er spesielt nyttige for de som ofte lager mock-ups for prosjekt pitching på daglig basis. Hvis du er en designer-cum-programmerer, tenk på det som kodestykker

Så hva er i en startpakke? Vi tror det varierer - avhengig av hva hver designer rutinemessig jobbet med. Til GUI designere, å holde en kopi av skjemaelementer (knapper, avkrysningsbokser, faner, rullegardinmenyer, osv.) bidrar til å øke hastigheten på prosessen med å lage skjermbilder og layouter; På den annen side holder nettleseren (IE, Firefox Safari) maler med websikkert område webdesignere minnet hvordan / hvor de bør prioritere innholdet. Erfarne designere vil vanligvis tilpasse og holde en personlig versjon av startpakke, noen kan ha få også!

I dagens artikkel prøver vi å vise deg noen av de beste designstartsettene vi har fått vite. Du kan laste ned (gratis) og bruke dem med en gang, eller tilpasse din egen kopi som kommer til nytte i fremtiden, ditt valg. Full liste etter hopp.

GUI, skjemaelementer og webkomponenter

Fra formelementer som kryssbokser, inntastingsfelter, tekstområder til webdesignkomponenter som knapper, piler, ikoner, merker og mer.

Yahoo's Design Stencil Kit

Sannsynligvis et av de mest komplette settene for designere. GUI-elementer inkluderer kalendere, ruter, menyer, mobil (generell og iphone), navigering og paginering, faner, brukergrensesnittkontroller og mer! Kommer i flere format: OmniGraffle, Visio (XML), PDF, PNG og SVG.

Webformelementer

Med alle disse kategoriene, knapper, dropdowns i en enkelt PSD-fil, er det sikkert å gi deg en kick start i grensesnitt design. Høflighet av sniperyu.

Nettleserformelementer PSD

Browser Form Elements PSD for Mac Firefox 3 og en annen for Vista IE7.

Flex Dark Skin

Slanke, mørke hudgrensesnittelementer.

Famfamfam Ikoner

Enten du designer for web eller applikasjon, bør du ikke gå glipp av disse flotte, små knappene fra Famfamfam.

Snarvei til: Silke, Mini og Flagg samlinger.

Peter's DeivantART ID

Design ID-kort gjort enkelt med denne PSD-malen.

Deluxive Creative Pack

Distribuert gratis av Deluxive, kommer denne kreative pakken PSD, inkludert merker, rutenettrammer, knapper, klistremerker og mer.

Aero Avatar og SIG

Vista avatar og signaturmal i PSD.

Turkis PSD

Vista elementer.

Nettleserskjermer

Hvis du designer nettstedet i en Photoshop PSD-fil, er det viktig å holde hver nettleser og synlig skjerm i betraktning. Disse følgende PSD med forskjellig versjon av Firefox, IE og Safari websikker område vil komme til nytte.

Nettleserens sikre webområde

Websikkert område for Safari, IE og Firefox i forskjellige operativsystemer, alt i nedlastbar PSD-fil.

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

960px Photoshop Grid-mal

PSD-gridmal i 960px bredde for å hindre deg i å komponere med kanter på skjermen som kanskje ikke er hvor du planlegger at de skal være.

(Mer) Nettlesermaler

Hvis du er ute etter enda flere nettlesermaler (PSD), bør webdesignerstoolkit samling være det du leter etter. Disse menneskene har maler for Opera, Camino og klassiske nettlesere som iCan, Netscape og Mozilla.

Nettleserelementer

Gratis standard HTML-skjemaelementer eller nettleservinduer for Windows og Mac OSX.

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

Nettleserskjerm og nettsideelementer

Eksklusiv freebie Vector Pack fra VectorTuts. Det er et nyttig sett med vektorwebsider som du kan bruke til å mocke opp klientprosjektene, presentere arbeidet ditt eller få en rask visuell mens du legger ut nettsteder.

Quommunication Starter Kit

Hvis du ønsker å sparke med å designe i PSD med en minial og grunnleggende PSD som veiledning, er Quommunications startpakke sannsynligvis det du leter etter. Den leveres med fargemaler, nettleserviseområde for nettlesere og grunnleggende komponenter i en PSD.

pekere

En typisk skjermopptak (utskriftsskjerm) vil ikke inkludere markøren i utgangen. Hvis du er avhengig av markøren for å bidra til å indikere og beskrive et bilde bedre, kan følgende PSD-pakker hjelpe.

Polert grafitt

2 sett med forskjellige musepekere ved usedHONDA.