27 Must-Have Starter Kits dla projektantów stron internetowych

Zestawy startowe są świetnym rozwiązaniem dla projektantów stron internetowych i są szczególnie przydatne dla tych, którzy często tworzą makiety do pitchingu projektów na co dzień. Jeśli jesteś projektantem-programistą, pomyśl o tym jak o fragmentach kodu

Więc co jest w zestawie startowym? Uważamy, że jest różna - w zależności od tego, z czym rutynowo pracował każdy projektant. Dla Projektanci GUI, przechowywanie kopii elementów formularza (przyciski, pola wyboru, karta, menu rozwijane itp.) pomaga przyspieszyć proces tworzenia ekranów i układów; z drugiej strony, szablony przeglądarki (IE, Firefox Safari) z bezpiecznym obszarem WWW pozostają projektanci stron internetowych przypomniał, jak / gdzie powinni ustalać priorytety treści. Doświadczeni projektanci zazwyczaj dostosowują i zachowują osobistą wersję zestawu startowego, niektórzy też mogą mieć kilka!

W dzisiejszym artykule staramy się pokazać Ci najlepszy zestaw startowy, który poznaliśmy. Możesz pobrać (za darmo) i korzystać z nich od razu lub dostosować własną kopię, która przyda się w przyszłości, twoim wyborem. Pełna lista po skoku.

GUI, elementy formularzy i składniki internetowe

Od elementów formularza, takich jak pola wyboru, pola wprowadzania, pola tekstowe, po elementy projektowania stron internetowych, takie jak przyciski, strzałki, ikony, odznaki i wiele innych.

Yahoo's Design Stencil Kit

Prawdopodobnie jeden z najbardziej kompletnych zestawów dla projektantów. Elementy GUI obejmują kalendarze, siatki, menu, telefony komórkowe (ogólne i iphone), nawigację i paginację, karty, kontrolki interfejsu użytkownika i wiele więcej! Dostępny w kilku formatach: OmniGraffle, Visio (XML), PDF, PNG i SVG.

Elementy formularzy internetowych

Dzięki tym wszystkim kartom, przyciskom i listom rozwijanym w jednym pliku PSD z pewnością będziesz mógł rozpocząć projektowanie interfejsu. Dzięki uprzejmości sniperyu.

Elementy formularza przeglądarki PSD

Elementy formularza przeglądarki PSD dla Mac Firefox 3 i inny dla Vista IE7.

Flex Dark Skin

Eleganckie elementy interfejsu ciemnej skóry.

Ikony Famfamfam

Niezależnie od tego, czy projektujesz dla sieci, czy aplikacji, nie powinieneś przegapić tych niesamowitych małych przycisków od Famfamfam.

Skrót do: kolekcji Silk, Mini i Flag.

Peter's DeivantART ID

Zaprojektuj karty identyfikacyjne łatwe dzięki temu szablonowi PSD.

Deluxive Creative Pack

Rozproszony darmowy produkt Deluxive, to kreatywne opakowanie PSD z odznakami, ramkami z siatki, przyciskami, naklejkami i wieloma innymi.

Aero Avatar i SIG

Vista avatar i szablon podpisu w PSD.

Turkusowy PSD

Elementy Vista.

Szablony ekranów przeglądarki

Jeśli projektujesz stronę w pliku PSD Photoshop, ważne jest, aby zachować każdą przeglądarkę i widoczny ekran. Przydadzą się następujące PSD z różnymi wersjami przeglądarki internetowej Firefox, IE i Safari.

Bezpieczny obszar przeglądarki internetowej

Bezpieczny obszar WWW dla Safari, IE i Firefox w różnych systemach operacyjnych, wszystko w pliku PSD do pobrania.

Skrót do: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Szablon siatki Photoshopa 960px

Szablon siatki PSD o szerokości 960 pikseli, aby zapobiec komponowaniu z krawędziami ekranu, które mogą / nie muszą być tam, gdzie planujesz je mieć.

(Więcej) Szablony przeglądarki

Jeśli szukasz jeszcze więcej szablonów przeglądarki (PSD), kolekcja webdesignerstoolkit powinna być tym, czego szukasz. Ci ludzie mają szablony dla Opery, Camino i klasycznych przeglądarek, takich jak iCan, Netscape i Mozilla.

Elementy przeglądarki internetowej

Darmowe standardowe elementy formularza HTML lub okna przeglądarki dla systemu Windows i Mac OSX.

Skrót do: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Ekrany przeglądarki i elementy witryny

Ekskluzywny darmowy pakiet Vector od VectorTuts. Jest to przydatny zestaw zasobów witryny internetowej, którego można użyć do makietowania projektów klienta, prezentowania swojej pracy lub szybkiego podglądu podczas układania stron internetowych.

Zestaw startowy do komunikacji

Jeśli chcesz zainicjować projektowanie w PSD z minial i podstawowym PSD jako przewodnikiem, zestaw startowy Quommunication jest prawdopodobnie tym, czego szukasz. Zawiera szablony kolorów, obszar bezpieczny przeglądarki internetowej i podstawowe elementy formularza w jednym PSD.

Kursory

Typowy zrzut ekranu (ekran drukowania) nie obejmuje kursora na wyjściu. Jeśli zależy Ci na kursorze, aby lepiej wskazać i opisać obraz, poniższe pakiety PSD mogą pomóc.

Polerowany grafit

2 zestawy różnych kursorów myszy usedHONDA.

Photoshop Cursor Pack

Przydatne dla tych, którzy tworzą samouczki Photoshop.

Projekt produktu

iPhone GUI PSD 3.0

Poniższy obraz daje jasny obraz tego, co składa się na ten plik PSD. Przydatny do makowania wszelkich interfejsów programistycznych iPhone'a. Stworzony przez teehanlax.