30 nowych kreatywnych materiałów VIP PSD i CSS
Mnóstwo nowych gratisów i kodów open source jest umieszczanych online codziennie. Projektanci stron internetowych i urządzeń mobilnych mogą się wiele nauczyć, badając nowe trendy interfejsu i układy projektowe. Creative VIP to jedna z takich witryn, która publikuje gratisy i treści premium. Jest to doskonałe źródło informacji dla projektantów, którzy chcą głębiej zagłębić się w tworzenie użytecznych układów w Internecie.
W tym podsumowaniu zebrałem 30 najnowszych gratisów od Creative VIP. Znajdziesz zarówno PSD, jak i kody HTML / CSS zmieszane ze sobą. Niektóre zasoby faktycznie oferują zarówno grafikę, jak i kod razem! Ale bez względu na to, czego szukasz, ta gablota z pewnością będzie miała coś fajnego.
Poznaj elementy Envato
Markery w Mapach Google (PSD)
Te różnorodne Kreatory map Google to fantastyczny zestaw zasobów, które możesz mieć w swojej kolekcji projektów. Reprezentują różne rzeczy - restaurację, telefon, gaz, lotnisko, dworzec kolejowy i mechanika. Można je łatwo zaimplementować we wbudowanej Mapie Google!

Niestandardowy pokaz slajdów (PSD + CSS)
Ten niestandardowy pokaz slajdów jest dostarczany zarówno jako PSD, jak i w pełni zakodowany w CSS i HTML. Jest opakowany w zachwycająco prosty design, z subtelnymi cieniami, ramkami i teksturami. Wystarczy kilka drobnych poprawek, aby dodać własne obrazy, podpisy i informacje. Cieszyć się!

Informacje Widget (PSD)
Jest to mały, uporządkowany widżet informacyjny do posta na blogu, zawierający tytuł, informacje o autorze, komentarze i polubienia. Przedstawiony jako dobrze zorganizowany plik PSD do zintegrowania z własnymi projektami!

Karteczki samoprzylepne (PSD)
„Sticky Notepaper” - kawałek papieru z podszewką, przycisk pobierania i lepka taśma, która owija wszystko razem! Naprawdę prosty, ale przydatny punkt wyjścia dla własnego interfejsu w stylu notatek.

Windows 8 Metro Buttons (CSS)
Wybór stylu Metro, przycisków i ikon systemu Windows 8. Wszystkie kodowane za pomocą HTML i CSS, dzięki czemu można je niezwykle łatwo upuścić do własnego projektu, dostosować kolory i tak dalej. Dodaj trochę prostego stylu metra do następnego interfejsu!

Interfejs Centrum powiadomień (PSD + CSS)
Wszechstronny PSD interfejsu w stylu powiadomień. Zawiera rozwijaną listę ostatnich powiadomień / wiadomości, okno logowania / połączenia oraz wyskakujące wiadomości z dodatkowymi informacjami. Zawiera potencjalną funkcjonalność do następnej aplikacji, a także dodaliśmy w pełni zakodowaną wersję CSS / HTML. Cieszyć się!

Interfejs timera (PSD)
Stylowy interfejs odliczania / stopera / timera, z przyciskami odtwarzania / zatrzymania / restartu, cyframi odliczania, aktualną godziną i prostym chromem OS X.

Żółte pole subskrypcji (PSD)
Stylowe pudełko subskrypcji, zapewniające czytelnikom informacje potrzebne do zasubskrybowania Twojej witryny. Zawiera dwie opcje - jedną dla subskrypcji biuletynu e-mail, a drugą dla RSS. Kolor podstawowy jest żółty, ale łatwo go dostosować, aby dopasować do własnego projektu.

Spotify Mini Player (PSD)
Stylowy interfejs mini-odtwarzacza dla Spotify. Zawiera listę utworów, proste sterowanie odtwarzaniem / głośnością oraz grafikę pełnoekranową. Idealny sposób na rozpoczęcie korzystania z odtwarzacza multimediów, czy to Spotify, czy jakiejkolwiek innej usługi strony trzeciej!

Okno dialogowe potwierdzenia (PSD)
Piękne okno dialogowe potwierdzenia z subtelnym zestawem gradientów i tekstur, nagłówkiem, przyciskiem zamykania, dwoma różnymi stylami przycisków i tekstem wyjaśniającym. Naprawdę wspaniały interfejs, na którym można budować!

Formularz rejestracji do newslettera (PSD)
Szczegółowy formularz rejestracji do biuletynu PSD, w tym opis listy mailingowej, pola na nazwisko i adres e-mail, wiadomość antyspamowa oraz widoczny przycisk „Dołącz”. Cieszyć się!

Metro Twitter Feed
Microsoft wykonał wspaniałą robotę w swoim uproszczonym stylu „Metro”, a dziś prezentujemy piękny kanał Twitter w stylu Metro. Zawierające różne stany dla różnych tweetów, linków i czasu. Naprawdę wspaniały mały widget!

Pro Admin Interface (PSD + CSS)
Jest coś w tym, co naprawdę kochamy! Jest to górna część prostego projektu interfejsu administracyjnego, z różnymi opcjami nawigacji / powiadomieniami i polem zawartości. Oprócz dostarczenia Ci oryginalnego PSD, zadaliśmy sobie również trud zakodowania go w CSS i HTML. Cieszyć się!

Blur Login Form (PSD)
Formularze logowania mogą być trudne. Muszą być proste, przekazywać podstawowe informacje i emanować stylem. Ten naciska wszystkie właściwe przyciski, z pięknym stylem interfejsu i typografią. Cieszyć się!

Interfejs aplikacji iPhone PixelsDaily (PSD + CSS)
Pomyśleliśmy, że fajnie byłoby stworzyć funkcjonalny interfejs aplikacji dla PixelsDaily, a następnie udostępnić go bezpłatnie! Dostarczony zarówno jako w pełni zakodowana wersja HTML / CSS, jak i PSD. Ma kilka unikatowo utworzonych elementów interfejsu iOS, obszar autora i zestaw miniatur zasobów.

Modny pasek nawigacyjny
Stylowy pasek nawigacyjny, dostarczany jako PSD. Występuje w czterech różnych kolorach i może być idealnym dodatkiem do następnego projektu internetowego!

Panel ustawień (PSD + CSS)
Jesteśmy z tego bardzo zadowoleni. To panel ustawień ze szczotkowanymi metalowymi elementami interfejsu / przełącznikami przełączającymi. Nie tylko jest to zapewnione w zwykłym formacie PSD, ale opracowaliśmy go jako w pełni funkcjonalną wersję HTML / CSS!

Tiny Note (PSD)
Krótka notka na ten temat. To jest notatka. Piękna nuta w pikselach. Na subtelnym tle jest to „stos” papieru z ikonami zamykania / minimalizowania, link do przeczytania więcej i urocza typografia. Mam nadzieję, że uznasz to za przydatne!

vCard Minisite (PSD + CSS)
To jest piękna minisite vCard w formacie PSD. Zawiera elementy do profili w mediach społecznościowych, awatara, małą biografię i „zagięty róg”, aby ktoś mógł pobrać kopię Twojej wizytówki vCard. Jeśli chcesz założyć stronę vCard, jest to idealny sposób! Dołączyliśmy również w pełni zakodowaną wersję CSS i HTML, wraz z animowanym najazdem narożnika. Cieszyć się!

Układ agencji projektowej (PSD)
W pełni załadowany plik PSD, ta grafika zawiera elegancki i profesjonalny układ dla agencji projektowej lub portfolio. Ma dużo miejsca na Twoje logo, nawigację, wstępny obszar tekstowy / wideo oraz zestaw różnych „usług”, które możesz zaoferować. Dostosowanie do własnych potrzeb jest naprawdę proste!

PHP Metro Generator Webapp (CSS / PHP)
Dziś jest coś innego, to aplikacja PHP, która pomaga z łatwością generować unikalne interfejsy w stylu metra. Po prostu upuść go na swój serwer i eksperymentuj! Musisz załadować to na serwer WWW, aby uruchomić skrypt i zobaczyć, jak to działa.

Stylowa wstążka (PSD)
Cztery (4) kolorowe wstążki o wyglądzie 3D, zszywanym wzorze zewnętrznym i górnym cieniu, aby stworzyć efekt opadania wstążki na pojemnik. Miłej zabawy dzięki integracji z własnym projektem!

Formularz karty kredytowej (PSD + CSS)
Jest to niezwykle przydatny formularz informacji o karcie kredytowej, zawierający pola dla numeru karty, typu, daty ważności i numeru CVV. Jest wystarczająco prosty do włączenia w dowolny projekt i jest dostarczany zarówno jako PSD, jak i w pełni zakodowany jako projekt CSS / HTML. Cieszyć się!

Różne skrzynki alarmowe (PSD + CSS)
PSD zawiera trzy różne style ostrzeżeń - zielony alert „sukces”, żółty alert „…” i czerwony alert „błąd”! Zbudowaliśmy również jedną z nich w CSS i HTML, aby zaoszczędzić trochę czasu!

Delicious Notepad & Ribbon (PSD)
Prosty darmowy notatnik o klasycznym wyglądzie w paski / skórę i czerwoną wstążką rozkwitającą detalami. Udostępniony jako dobrze zorganizowany plik PSD do włączenia do własnych projektów!

Interfejs Notatnika (PSD)
Stworzyliśmy interfejs notatnika w pikselach, wprost z najnowocześniejszej aplikacji na komputery Mac! Wspaniała podstawa do zbudowania własnego interfejsu aplikacji.

Animowane przyciski (CSS)
Ten jest po prostu piękny. Dwa przykłady wspaniałego animowanego przycisku - oba mają subtelne animacje w tle i mnóstwo emocji, gdy najedziesz na nie kursorem! Ikona „Ulubione” przybiera formę bijącego serca, pobieranie leci, a potem wraca. Musisz pobrać freebie, aby zobaczyć je na własne oczy - nie wierz nam na słowo!

Zgrane listy zadań (PSD)
„Zgrywanie” skeumorficzna lista rzeczy do zrobienia z efektem papieru, pola wyboru dla ukończonych zadań, usuwanie ikon i przycisk dodawania nowego zadania. Weź to, zbuduj na nim i ciesz się! Dostarczony jako prosty warstwowy plik PSD.

Ikona zegara iOS App (PSD)
Urocza ikona zegarka / zegarka na rękę, zaprojektowana dla aplikacji na iOS. Jest dostępny w różnych rozmiarach, odpowiednich dla każdego urządzenia z systemem iOS, i chcielibyśmy, abyś użył efektu końcowego, jak chcesz!

Stos papieru (PSD)
Piękny stos papieru, wraz z cytatem, awatarem, stylową szpilką i subtelnym teksturowanym tłem. To wspaniały kawałek projektowania interfejsu i mamy nadzieję, że Ci się spodoba!

Wniosek
Wiele z tych elementów doskonale nadaje się do budowania złożonych układów i aplikacji. Projektanci mobilni szczególnie ucieszą się z niektórych elementów estetycznych, takich jak guziki i notesy. Ale moim zdaniem ten zestaw gratisów stanowi dobry początek nowego roku. Bądź pewien i bądź na bieżąco z nowościami w ciągu 2013 roku.