27 trebuie să aibă seturi de pornire pentru designeri web

Seturile de pornire sunt idei pentru web designeri și sunt deosebit de utile pentru cei care adesea creează machete pentru proiectarea zilnică a proiectelor. Dacă sunteți un designer-cum-programator, gândiți-vă la acesta ca fragmente de cod

Deci, ce e într-un kit de pornire? Credem că variază - în funcție de ceea ce fiecare designer a lucrat în mod obișnuit. Pentru GUI designeri, păstrarea unei copii a elementelor formularului (butoane, casete de selectare, fila, meniuri derulante etc.) ajută la accelerarea procesului de creare de ecrane și layout-uri; pe de altă parte, șabloanele de browser (IE, Firefox Safari) cu zone de siguranță în siguranță web designeri a reamintit cum / unde ar trebui să își consolideze conținutul. Designerii experimentați vor personaliza de obicei și vor păstra o versiune personală a kitului de pornire, unii ar putea avea și puțini!

În articolul din ziua de azi, încercăm să vă arătăm câteva dintre cele mai bune seturi de starter de design pe care le-am cunoscut. Puteți descărca (gratuit) și le puteți folosi imediat sau puteți personaliza propria copie, care va fi utilă în viitor, la alegerea dvs. Lista completă după salt.

GUI, Elemente de Formular și Componente Web

De la elemente de formă, cum ar fi casetele de selectare, câmpurile de introducere, textarea la componentele de web design precum butoanele, săgețile, icoanele, insignele și multe altele.

Setul de șablon de design al Yahoo

Probabil unul dintre cele mai complete kituri pentru designeri. Elementele GUI includ calendare, grile, meniuri, mobile (general și iphone), navigare și paginare, tab-uri, controale UI și multe altele! Apare în mai multe formate: OmniGraffle, Visio (XML), PDF, PNG și SVG.

Elemente formular web

Cu toate aceste file, butoane, dropdown-uri într-un singur fișier PSD, este sigur că vă va da un start kick în designul interfeței. Amuzant de sniperyu.

Elemente formular de browser PSD

Elemente formular de browser PSD pentru Mac Firefox 3 și un alt pentru Vista IE7.

Flex Dark Skin

Elemente de interfață cutanată întunecată.

Icoane Famfamfam

Indiferent dacă proiectați pentru web sau aplicație, nu trebuie să pierdeți aceste butoane minunate de Famfamfam.

Comandă rapidă pentru: Colecții de mătase, Mini și Flag.

ID-ul lui DeivantART al lui Peter

Cardurile de identificare a designului au făcut ușor acest șablon PSD.

Pachet creativ Deluxive

Distribuită gratuit de Deluxive, acest PSD pachet de reclame include inclusiv insigne, cadre de grilă, butoane, autocolante și multe altele.

Aero Avatar și SIG

Vista avatar și șablon de semnătură în PSD.

Turcoaz PSD

Elementele Vista.

Șabloane pentru ecrane de browser

Dacă proiectați un site Web într-un fișier Photoshop PSD, este important să păstrați fiecare browser și ecran vizibil în considerare. Următoarele PSD-uri cu versiuni diferite de Firefox, IE și Safari web safe area vor fi la îndemână.

Browser Web Safe Area

Zona de securitate web pentru Safari, IE și Firefox în diferite sisteme de operare, toate în fișierul PSD descarcat.

Comandă rapidă la: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Șablon de grilă Photoshop 960px

PSD șablon de rețea cu o lățime de 960px pentru a vă împiedica să compuneți marginile ecranului care ar putea / nu ar putea fi acolo unde vreți să fie.

(Mai multe) șabloane de browser

Dacă sunteți în căutarea pentru mai multe șabloane de browser (PSD), colecția webdesignerstoolkit ar trebui să fie ceea ce căutați. Acești oameni au șabloane pentru browserele Opera, Camino și clasice, cum ar fi iCan, Netscape și Mozilla.

Elemente de browser web

Elemente de formă standard gratuite HTML sau ferestre de browser pentru Windows și Mac OSX.

Comandă rapidă la: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Ecrane de browser și elemente de site

Exclusiv Freebie Vector Pack din VectorTuts. Este un set util de elemente de site-uri web pe care le puteți folosi pentru a micsora proiectele clientului, pentru a vă prezenta munca sau pentru a obține o vizualizare rapidă în timp ce stabiliți site-uri web.

Kit de pornire quommunication

Dacă sunteți în căutarea de a lovi cu nerăbdare proiectarea în PSD cu un PSD minial și de bază ca îndrumare, kit-ul de pornire al Quommunication este probabil ceea ce căutați. Se livrează cu șabloane de culori, cu zone de siguranță pentru browser și cu componente de bază, toate într-un singur PSD.

cursoare

O captură tipică a ecranului (ecranul de imprimare) nu va include cursorul în ieșire. Dacă depindeți de cursor pentru a indica și descrie o imagine mai bună, aceste pachete PSD ar putea ajuta.

Lustruite de grafit

2 seturi de cursoare diferite de mouse-ul folosite de HONDA.

Photoshop Cursor Pack

Utile pentru cei care creează Tutoriale Photoshop.

Design de produs

iPhone GUI PSD 3.0

Imaginea de mai jos vă oferă o idee clară despre ce constă acest fișier PSD. Foarte util pentru a bate joc de orice interfețe de dezvoltare iPhone. Creat de teehanlax.

Iată un altul pentru versiunea mai veche a iPhone-ului.

iPhone PSD

Interfață iPhone de înaltă rezoluție.

Iată pentru cei care caută prima interfață gen iPhone.

Revista PSD

Dacă prezentați ceva în stilul revistei, veți dori să începeți cu acest PSD.

Punga de hartie

DVD din plastic

Colecția noastră de șabloane frumoase de CD și DVD PSD.

Documente și scrisori

Mai mult pentru designeri

Căutați mai multe descărcări legate de design? Consultați câteva dintre postările noastre anterioare:

• 60 de site-uri gratuite pentru modele 3D gratuite
• 100 de cele mai mari fonturi de abstract și de grunge
• 50 de site-uri gratuite Descarca imagini vectoriale