27 Web Tasarımcıları İçin Olması Gereken Başlangıç Kitleri

Başlangıç kitleri web tasarımcıları için harika zaman kazandıran ürünlerdir ve bunlar özellikle günlük olarak proje atma için maketler hazırlayanlar için faydalıdır. Bir tasarımcı-cum-programcısıysanız, kod parçacıklarınız olarak düşünün

Peki başlangıç setinde ne var? Değişeceğini düşünüyoruz - her tasarımcının rutin olarak çalıştığı şeye bağlı olarak. İçin GUI tasarımcıları, form öğelerinin bir kopyasını tutmak (düğmeler, onay kutuları, sekme, açılır menüler, vb.), ekran ve düzen oluşturma işlemini hızlandırmaya yardımcı olur; Öte yandan, web tarayıcısına sahip tarayıcı (IE, Firefox Safari) şablonları web tasarımcıları içeriğini nasıl / nerede önceliklendirmeleri gerektiğini hatırlattı. Deneyimli tasarımcılar genellikle başlangıç kitinin kişisel bir versiyonunu kişiselleştirecek ve tutacaktır;!

Bugünün makalesinde, size tanıdığımız en iyi tasarım başlangıç kitini göstermeye çalışıyoruz. Hemen indirebilir (ücretsiz) ve bunları hemen kullanabilir veya kendi tercihinizi gelecekte kullanabileceğiniz şekilde kendi kopyanızı özelleştirebilirsiniz. Atlamadan sonra tam liste.

GUI, Form Öğeleri ve Web Bileşenleri

Onay kutuları, giriş alanları, textareas gibi form öğelerinden düğmeler, oklar, simgeler, rozetler ve daha fazlası gibi web tasarım bileşenlerine.

Yahoo Tasarım Stencil Takımı

Muhtemelen tasarımcılar için en eksiksiz kitlerden biri. GUI öğeleri arasında takvimler, ızgaralar, menüler, mobil (genel ve iphone), gezinme ve sayfalama, sekmeler, UI kontrolleri ve daha fazlası bulunur! Birkaç biçimde gelir: OmniGraffle, Visio (XML), PDF, PNG ve SVG.

Web Form Elemanları

Tüm bu sekmeler, düğmeler ve tek bir PSD dosyasında açılan dosyalar ile, arayüz tasarımında size bir başlangıç vereceğiniz kesin. Sniperyu izniyle.

Tarayıcı Form Öğeleri PSD

Mac Firefox 3 için Tarayıcı Form Öğeleri PSD ve Vista IE7 için bir başkası.

Esnek Koyu Cilt

Şık koyu tenli arayüz elemanları.

Famfamfam Simgeleri

İster web için ister uygulama için tasarlayın, Famfamfam'ın bu harika küçük düğmelerini kaçırmamalısınız.

Kısayol: İpek, Mini ve Bayrak koleksiyonları.

Peter'in DeivantART Kimliği

Tasarım kimlik kartları bu PSD şablonu ile kolaylaştırıldı.

Deluxive Yaratıcı Paket

Deluxive tarafından ücretsiz dağıtılan bu PSD paketi, rozetler, ızgara çerçeveleri, düğmeler, çıkartmalar ve daha fazlasını içerir.

Aero Avatarı ve SIG

PSD'de Vista avatarı ve imza şablonu.

Turkuaz PSD

Vista elemanları.

Tarayıcı Ekranları Şablonları

Web sitesini bir Photoshop PSD dosyasında tasarlıyorsanız, her bir tarayıcıyı ve görünür ekranı göz önünde bulundurmak önemlidir. Bu Firefox, IE ve Safari web güvenli alanın farklı sürümü ile PSD izleyen kullanışlı olacak.

Tarayıcı Web Güvenli Alanı

Tüm indirilebilir PSD dosyalarında, farklı işletim sistemlerinde Safari, IE ve Firefox için güvenli web alanı.

Kısayol: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

960px Photoshop Izgara Şablonu

960 piksel genişliğindeki PSD ızgara şablonu, ekranın kenarlarıyla kompozisyon oluşturmanızı engeller..

(Daha fazla) Tarayıcı Şablonları

Daha fazla tarayıcı şablonu (PSD) arıyorsanız, webdesignerstoolkit'in koleksiyonu aradığınız şey olmalıdır. Bu kişilerin Opera, Camino ve iCan, Netscape ve Mozilla gibi klasik tarayıcıları için şablonları var.

Web Tarayıcı Elemanları

Windows ve Mac OSX için ücretsiz standart HTML form öğeleri veya tarayıcı pencereleri.

Kısayol: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Tarayıcı Ekranları ve Web Sitesi Öğeleri

VectorTuts gelen özel freebie Vektör Paketi. Müşteri projelerinizi alay etmek, işlerinizi sunmak veya web sitelerini hazırlarken hızlı bir görselleştirmek için kullanabileceğiniz faydalı bir vektör web sitesi varlıkları kümesidir..

Quommunication Başlangıç Seti

PSD'de tasarımın tek bir küçük ve temel PSD ile tasarlanmasını istiyorsan, Quommunication'ın başlangıç seti muhtemelen aradığın şey. Hepsi bir PSD'de renkli şablonlar, tarayıcı web güvenliği alanı ve temel form bileşenleri ile birlikte gelir..

imleçler

Tipik bir ekran yakalama (baskı ekranı) imleci çıktıya dahil etmez. Bir görüntüyü daha iyi belirtmek ve tanımlamak için imlece bağlıysanız, aşağıdaki PSD paketleri yardımcı olabilir.

Cilalı Grafit

2 farklı fare imleci usedHONDA tarafından.

Photoshop İmleç Paketi

Photoshop Dersleri hazırlayanlar için kullanışlıdır.

Ürün tasarımı

iPhone GUI PSD 3.0

Aşağıdaki resim size bu PSD dosyasının neler oluşturduğu konusunda net bir fikir verir. Herhangi bir iPhone geliştirme arayüzüyle alay etmek için çok faydalıdır. Teehanlax tarafından düzenlendi.