27 Mesti Mempunyai Kit Permulaan Untuk Pereka Web

Kit permulaan adalah peminat yang hebat untuk pereka web dan mereka amat berguna bagi mereka yang sering membuat mock-up untuk mengetuk projek setiap hari. Sekiranya anda seorang perancang-merangkap-programmer fikirkan ia sebagai coretan kod anda

Jadi apa yang ada dalam kit permulaan? Kami fikir ia berbeza-beza - bergantung kepada apa yang setiap perancang bekerja dengan rutin. Untuk Pereka GUI, menyimpan salinan elemen bentuk (butang, kotak pilihan, tab, drop down menu, dll) membantu mempercepat proses membuat skrin dan susun atur; Sebaliknya, pelayar (IE, Firefox Safari) templat dengan kawasan selamat web tetap pereka web mengingatkan bagaimana / di mana mereka harus memprioritaskan kandungannya. Pereka yang berpengalaman biasanya akan menyesuaikan dan menyimpan versi kit permulaan, sesetengah mungkin mempunyai sedikit juga!

Dalam artikel hari ini, kami cuba menunjukkan kepada anda beberapa kit permulaan reka bentuk terbaik yang kami tahu. Anda boleh memuat turun (secara percuma) dan menggunakannya dengan segera, atau menyesuaikan salinan anda sendiri yang akan berguna pada masa akan datang, pilihan anda. Senarai penuh selepas melompat.

GUI, Form Elements dan Web Components

Daripada elemen bentuk seperti kotak semak, medan input, textareas ke komponen reka bentuk web seperti butang, anak panah, ikon, lencana dan banyak lagi.

Kit Stencil Reka Bentuk Yahoo

Mungkin salah satu kit paling lengkap untuk pereka. Unsur GUI termasuk kalendar, grid, menu, mudah alih (umum dan iphone), navigasi dan penomboran, tab, kawalan UI dan banyak lagi! Datang dalam beberapa format: OmniGraffle, Visio (XML), PDF, PNG dan SVG.

Elemen Form Web

Dengan semua tab, butang, dropdown dalam satu fail JPA, pasti akan memberi anda permulaan permulaan dalam reka bentuk antara muka. Hebat dari sniperyu.

Elemen Borang Pelayar JPA

Elemen Form Pelayar JPA untuk Mac Firefox 3 dan satu lagi untuk Vista IE7.

Flex Dark Skin

Unsur antara muka kulit gelap.

Ikon Famfamfam

Sama ada anda merancang untuk web atau aplikasi, anda tidak boleh ketinggalan butang kecil yang mengagumkan ini oleh Famfamfam.

Pintasan kepada: Koleksi Sutera, Mini dan Bendera.

ID DeivantART Peter

Kad ID Reka bentuk mudah dibuat dengan templat JPA ini.

Pek Creative Deluxive

Dikedarkan secara percuma oleh Deluxive, pek kreatif JPA ini termasuk lencana, bingkai grid, butang, pelekat dan banyak lagi.

Aero Avatar dan SIG

Vista avatar dan template tandatangan dalam JPA.

Turquoise JPA

Elemen Vista.

Templat Skrin Penyemak Imbas

Jika anda merancang laman web dalam fail PSD Photoshop, penting untuk memastikan setiap penyemak imbas dan skrin kelihatan sebagai pertimbangan. JPA berikut ini dengan versi web Firefox, IE dan Safari yang berbeza akan menjadi berguna.

Kawasan Selamat Web Pelayar

Kawasan selamat web untuk Safari, IE dan Firefox dalam sistem operasi yang berbeza, semua dalam fail JPA yang boleh dimuat turun.

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

Templat Grid Photoshop 960px

Templat grid JPA dalam lebar 960px untuk mengelakkan diri daripada mencipta dengan tepi skrin yang mungkin / mungkin tidak benar di mana anda merancang mereka untuk menjadi.

(Lebih) Templat Pelayar

Sekiranya anda mencari templat pelayar (PSD) yang lebih banyak, koleksi webdesignerstoolkit mestilah apa yang anda cari. Orang-orang ini mempunyai template untuk Opera, Camino dan pelayar klasik seperti iCan, Netscape dan Mozilla.

Elemen Penyemak Imbas Web

Unsur bentuk standard HTML percuma atau tingkap pelayar untuk Windows, dan Mac OSX.

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

Skrin Pelayar dan Elemen Laman Web

Pek Vektor freebie Eksklusif dari VectorTuts. Ini satu set aset laman web vektor yang berguna yang boleh anda gunakan untuk mengejek projek klien anda, membentangkan kerja anda, atau mendapatkan visual cepat semasa meletakkan tapak web.

Quommunication Starter Kit

Jika anda ingin menyusun rekaan dalam JPA dengan JPA minial dan asas sebagai panduan, kit pemula Quommunication mungkin apa yang anda cari. Ia datang dengan templat warna, kawasan selamat web penyemak imbas dan komponen bentuk asas semua dalam satu JPA.

Kursor

Penangkapan skrin biasa (skrin cetakan) tidak akan memasukkan kursor dalam output. Sekiranya anda bergantung pada kursor untuk membantu menunjukkan dan menerangkan imej yang lebih baik, pek PSD berikut mungkin membantu.

Grafit digilap

2 set kursor tetikus yang berbeza dengan menggunakanHONDA.

Pek Kursor Photoshop

Berguna untuk mereka yang membuat Tutorial Photoshop.

Rekaan produk

iPhone GUI JPA 3.0

Imej di bawah ini memberikan anda gambaran yang jelas mengenai apa jua file PSD ini. Terutama berguna untuk mengejek antara muka pembangunan iPhone. Dibuat oleh teehanlax.