27 Kit Pemula Must-Have Untuk Desainer Web

Kit pemula adalah penghemat waktu yang bagus untuk desainer web dan mereka sangat berguna bagi mereka yang sering membuat mock-up untuk pitching proyek setiap hari. Jika Anda seorang desainer-cum-programmer menganggapnya sebagai cuplikan kode Anda

Jadi apa yang ada di starter kit? Kami pikir ini bervariasi - tergantung pada apa yang bekerja dengan setiap desainer secara rutin. Untuk Desainer GUI, menyimpan salinan elemen formulir (tombol, kotak centang, tab, menu tarik-turun, dll) membantu mempercepat proses pembuatan layar dan tata letak; di sisi lain, templat browser (IE, Firefox Safari) dengan area aman web tetap desainer web mengingatkan bagaimana / di mana mereka harus memprioritaskan konten mereka. Desainer berpengalaman biasanya akan menyesuaikan dan menyimpan versi starter kit pribadi, beberapa mungkin memiliki beberapa juga!

Pada artikel hari ini, kami berusaha menunjukkan kepada Anda beberapa kit starter desain terbaik yang kami ketahui. Anda dapat mengunduh (gratis) dan menggunakannya segera, atau menyesuaikan salinan Anda sendiri yang akan berguna di masa depan, pilihan Anda. Daftar lengkap setelah lompat.

GUI, Elemen Bentuk dan Komponen Web

Dari elemen formulir seperti kotak centang, bidang input, area teks ke komponen desain web seperti tombol, panah, ikon, lencana, dan lainnya.

Kit Stensil Desain Yahoo

Mungkin salah satu kit paling lengkap untuk desainer. Elemen GUI termasuk kalender, kisi, menu, seluler (umum dan iphone), navigasi dan pagination, tab, kontrol UI, dan lainnya! Hadir dalam beberapa format: OmniGraffle, Visio (XML), PDF, PNG, dan SVG.

Elemen Formulir Web

Dengan semua tab ini, tombol, dropdown dalam satu file PSD tunggal, itu pasti akan memberi Anda awal yang baik dalam desain antarmuka. Atas perkenan sniperyu.

Elemen Bentuk Browser PSD

Elemen Bentuk Browser PSD untuk Mac Firefox 3 dan lainnya untuk Vista IE7.

Lenturkan Kulit Gelap

Elemen antarmuka kulit gelap ramping.

Ikon Famfamfam

Apakah Anda mendesain untuk web atau aplikasi, Anda tidak boleh melewatkan tombol kecil yang mengagumkan ini oleh Famfamfam.

Shortcut ke: Koleksi sutera, Mini dan Bendera.

ID DeivantART Peter

Desain kartu ID dipermudah dengan template PSD ini.

Paket Kreatif Deluxive

Didistribusikan secara gratis oleh Deluxive, paket PSD kreatif ini mencakup lencana, bingkai kotak, tombol, stiker, dan banyak lagi.

Aero Avatar dan SIG

Avatar avatar dan templat tanda tangan di PSD.

Pirus PSD

Elemen Vista.

Templat Layar Peramban

Jika Anda merancang situs web dalam file Photoshop PSD, penting untuk mempertimbangkan setiap browser dan layar yang terlihat. PSD berikut ini dengan versi berbeda dari Firefox, IE dan Safari web safe area akan berguna.

Area Aman Web Browser

Area aman web untuk Safari, IE dan Firefox di berbagai sistem operasi, semuanya dalam file PSD yang dapat diunduh.

Pintasan ke: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

960px Photoshop Grid Template

Kerangka kisi PSD dengan lebar 960px untuk mencegah diri Anda dari menulis dengan tepi layar yang mungkin / mungkin tidak benar-benar berada di tempat yang Anda rencanakan.

(Lainnya) Templat Peramban

Jika Anda mencari lebih banyak templat browser (PSD), koleksi webdesignerstoolkit harus sesuai dengan yang Anda cari. Orang-orang ini memiliki template untuk Opera, Camino dan browser klasik seperti iCan, Netscape dan Mozilla.

Elemen Browser Web

Elemen formulir HTML standar gratis atau jendela peramban untuk Windows, dan Mac OSX.

Pintasan ke: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Layar Peramban dan Elemen Situs Web

Paket Vektor freebie eksklusif dari VectorTuts. Ini adalah seperangkat aset situs web vektor yang berguna yang dapat Anda gunakan untuk mengejek proyek klien Anda, mempresentasikan pekerjaan Anda, atau mendapatkan visual yang cepat saat meletakkan situs web.

Kit Pemula Komunikasi

Jika Anda ingin memulai mendesain dalam PSD dengan PSD minial dan dasar sebagai panduan, starter kit Quommunication mungkin adalah yang Anda cari. Muncul dengan templat warna, area aman web browser, dan komponen bentuk dasar semuanya dalam satu PSD.

Kursor

Tangkapan layar biasa (layar cetak) tidak akan menyertakan kursor dalam output. Jika Anda bergantung pada kursor untuk membantu menunjukkan dan menggambarkan gambar dengan lebih baik, paket PSD berikut ini mungkin membantu.

Grafit Dipoles

2 set kursor mouse yang berbeda oleh usedHONDA.

Paket Kursor Photoshop

Berguna untuk mereka yang membuat Tutorial Photoshop.

Desain produk

iPhone GUI PSD 3.0

Gambar di bawah memberi Anda gambaran yang jelas tentang isi file PSD ini. Sangat berguna untuk mengejek antarmuka pengembangan iPhone. Dibuat oleh teehanlax.