Jeden Tag werden viele neue Freebies und Open Source-Codes online gestellt. Web- und Mobile-Designer können durch das Studium neuerer Schnittstellentrends und Designlayouts viel lernen. Creative VIP ist eine solche Website, die Werbegeschenke und Premium-Inhalte veröffentlicht. Dies ist eine ausgezeichnete Ressource für Designer, die ein wenig tiefer in die Erstellung nutzbarer Layouts für das Web einsteigen möchten.
In dieser Zusammenfassung habe ich 30 der neuesten Werbegeschenke von Creative VIP zusammengestellt. Sie finden sowohl PSDs als auch HTML / CSS-Codes, die miteinander gemischt sind. Einige Ressourcen bieten tatsächlich Grafiken und Code zusammen! Aber egal, nach was Sie suchen, dieses Schaufenster hat bestimmt etwas Cooles.
Google Maps-Markierungen (PSD)
Diese vielfältigen Google Map Maker sind eine fantastische Auswahl an Ressourcen, die Sie in Ihrer Design-Sammlung verwenden können. Sie repräsentieren verschiedene Dinge - ein Restaurant, Telefon, Gas, Flughafen, Bahnhof und Mechaniker. Es ist einfach, diese in eine eingebettete Google Map zu implementieren!
Benutzerdefinierte Diashow (PSD + CSS)
Diese benutzerdefinierte Diashow wird sowohl als PSD bereitgestellt als auch vollständig in CSS und HTML codiert. Es ist in ein herrlich einfaches Design mit subtilen Schatten, Rändern und Texturen gehüllt. Es ist einfach, ein paar Verbesserungen vorzunehmen, um eigene Bilder, Bildunterschriften und Informationen hinzuzufügen. Genießen!
Info Widget (PSD)
Dies ist ein aufgeräumtes kleines Widget für Informationen zu einem Blogbeitrag, das den Titel, Informationen zum Autor, Kommentare und Likes enthält. Präsentiert als eine gut organisierte PSD-Datei, die in Ihre eigenen Designs integriert werden kann!
Haftnotizpapier (PSD)
Ein klebriges Briefpapier? - ein Stück Papier mit liniertem Papier, ein Download-Button und ein Klebeband, das alles zusammenwickelt! Wirklich einfach, aber ein nützlicher Ausgangspunkt für Ihre eigene Benutzeroberfläche.
Windows 8 Metro Buttons (CSS)
Eine Auswahl von Metro-Stil, Windows 8-Tasten und -Symbolen. Alle sind mit HTML und CSS codiert. Sie lassen sich daher ganz einfach in Ihr eigenes Design einfügen, Farben anpassen und so weiter. Fügen Sie Ihrer nächsten Benutzeroberfläche einen etwas simplen Metro-Stil hinzu!
Benachrichtigungscenter-Benutzeroberfläche (PSD + CSS)
Eine vielseitige PSD einer Benachrichtigungsschnittstelle. Es enthält eine Dropdown-Liste der letzten Benachrichtigungen / Nachrichten, ein Anmelde- / Verbindungsfenster und Pop-Out-Nachrichten mit weiteren Informationen. Mit vielen Funktionen für Ihre nächste App. Außerdem haben wir eine vollständig codierte CSS / HTML-Version hinzugefügt. Genießen!
Timer-Schnittstelle (PSD)
Eine stilvolle Countdown- / Stoppuhr- / Timer-Benutzeroberfläche mit Play / Stop / Restart-Tasten, Countdown-Ziffern, der aktuellen Uhrzeit und einigen einfachen OS X-Versionen.
Gelbe Abo-Box (PSD)
Eine stilvolle Abo-Box, in der Ihre Leser die Informationen erhalten, die Sie zum Abonnieren Ihrer Site benötigen. Es enthält zwei Optionen - eine für ein E-Mail-Newsletter-Abonnement und eine für RSS. Die Grundfarbe ist Gelb, aber es ist leicht, sich an Ihr eigenes Design anzupassen.
Spotify Mini Player (PSD)
Eine stilvolle Mini-Player-Schnittstelle für Spotify. Es enthält eine Trackliste, einfache Wiedergabe- / Lautstärkeregler und eine Vollbild-Grafik. Der perfekte Einstieg in einen Mediaplayer, egal ob für Spotify oder einen anderen Drittanbieter-Service!
Bestätigungsdialog (PSD)
Ein schönes Bestätigungsdialogfeld mit einem subtilen Satz von Farbverläufen und Texturen, einer Kopfzeile, einer Schaltfläche zum Schließen, zwei verschiedenen Schaltflächenstilen und erklärendem Text. Eine wirklich wunderschöne Schnittstelle, auf der man aufbauen kann!
Newsletter-Anmeldeformular (PSD)
Ein detailliertes Newsletter-Anmeldeformular (PSD) mit einer Beschreibung der Mailingliste, Feldern für Name und E-Mail-Adresse, einer Anti-Spam-Nachricht und einem prominenten? Join? Taste. Genießen!
Metro Twitter Feed
Microsoft hat mit ihrer simplen "Metro" einen wunderbaren Job gemacht. und heute präsentieren wir einen schönen Twitter-Feed im Metro-Stil. Enthält verschiedene Status für verschiedene Tweets, Links und Timing. Ein wirklich wunderbares kleines Widget!
Pro Admin-Schnittstelle (PSD + CSS)
Es gibt etwas an diesem, das wir wirklich lieben! Es ist der obere Teil eines einfachen Administrationsoberflächenentwurfs mit verschiedenen Navigationsoptionen / Benachrichtigungen und einer Inhaltsbox. Neben der Bereitstellung der Original-PSD haben wir uns auch die Mühe gemacht, alles in CSS und HTML für Sie zu codieren. Genießen!
Anmeldeformular für Unschärfe (PSD)
Anmeldeformulare können schwierig sein. Sie müssen einfach sein, die grundlegenden Informationen vermitteln und ein wenig Stil ausstrahlen. Hier werden alle richtigen Tasten gedrückt, mit einem schönen Interface-Styling und typografischer Darstellung. Genießen!
PixelsDaily-iPhone-App-Schnittstelle (PSD + CSS)
Wir dachten, es würde Spaß machen, eine funky App-Oberfläche für PixelsDaily zu erstellen und sie dann kostenlos zur Verfügung zu stellen! Wird sowohl als vollständig codierte HTML / CSS-Version als auch als PSD bereitgestellt. Es verfügt über einige einzigartig erstellte iOS-Benutzeroberflächenelemente, einen Autorenbereich und eine Reihe von Ressourcen-Miniaturansichten.
Trendy Nav Bar
Eine stilvolle Navigationsleiste als PSD. Es ist in vier verschiedenen Farben erhältlich und könnte die perfekte Ergänzung für Ihr nächstes Webdesign-Projekt sein!
Einstellungsbereich (PSD + CSS)
Wir sind sehr zufrieden damit. Es ist ein Einstellungsfeld mit Elementen aus gebürstetem Metall / Kippschaltern. Dies wird nicht nur im üblichen PSD-Format bereitgestellt, sondern wir haben es für Sie als voll funktionsfähige HTML / CSS-Version erstellt.
Kleine Notiz (PSD)
Nur eine kurze Notiz zu diesem Thema. Es ist eine Notiz. Eine schöne, pixelgenaue Note. Auf einem subtilen Hintergrund ist es ein Papierstapel. mit Symbolen zum Schließen / Minimieren, einem Link zum Lesen und einer schönen Typografie. Hoffe du findest es nützlich!
vCard Minisite (PSD + CSS)
Dies ist eine wunderschöne Minisite-VCard im PSD-Format. Es enthält Elemente für Ihre Social-Media-Profile, einen Avatar, eine kleine Biografie und eine "gefaltete Ecke". für jemanden, der eine Kopie Ihrer vCard herunterladen kann.Wenn Sie eine vCard-Website einrichten möchten, ist dies der perfekte Weg! Wir haben auch eine vollständig codierte CSS- und HTML-Version mit einem animierten Ecken-Rollover hinzugefügt. Genießen!
Design Agency Layout (PSD)
Diese vollständig geladene PSD-Datei enthält ein schlankes und professionelles Layout für eine Designagentur oder ein Portfolio. Es bietet ausreichend Platz für Ihr Logo, die Navigation, einen einführenden Textbereich / Video und eine Reihe verschiedener Dienste. das könntest du anbieten. Es ist wirklich einfach für Ihre eigenen Bedürfnisse anzupassen!
PHP Metro Generator Webapp (CSS / PHP)
Heute etwas anders, dies ist eine PHP-Anwendung, mit der Sie auf einfache Weise einzigartige Schnittstellen im Metro-Stil erstellen können. Legen Sie es einfach auf Ihren Server und experimentieren Sie! Sie müssen dies auf einen Webserver hochladen, um das Skript auszuführen und zu sehen, wie es funktioniert.
Stilvolles Band (PSD)
Vier (4) bunte Bänder mit 3D-Look und 3D-Feeling, zusammengenähtes Außenmuster und ein oberer Schatten, um den Effekt zu erzeugen, dass das Band über den Behälter fällt. Viel Spaß beim Einbau in Ihr eigenes Design!
Kreditkartenformular (PSD + CSS)
Dies ist ein unglaublich praktisches Kreditkarten-Informationsformular, das Felder für Ihre Kartennummer, den Typ, das Ablaufdatum und die CVV-Nummer enthält. Es lässt sich einfach in jedes Design integrieren und wird sowohl als PSD als auch vollständig als CSS / HTML-Design bereitgestellt. Genießen!
Verschiedene Benachrichtigungsboxen (PSD + CSS)
In dieser PSD sind drei verschiedene Alarmbox-Stile enthalten. Ein grüner Erfolg. Alarm, ein gelber Alarm? Alarm und ein roter? Fehler? warnen! Wir haben auch eine davon in CSS und HTML integriert, um Ihnen etwas Zeit zu sparen!
Köstlicher Notizblock & Farbband (PSD)
Ein einfacher Notizblock-Werbegeschenk mit klassischer Streifen- / Lederoptik und einem roten, detailreichen Band. Wird als übersichtliche PSD-Datei bereitgestellt, die Sie in Ihre eigenen Designs integrieren können!
Notizblock-Schnittstelle (PSD)
Wir haben ein Pixel-perfektes Notizblock-Interface erstellt, direkt aus einer innovativen Mac-App! Eine wunderbare Basis, um eine eigene Anwendungsschnittstelle aufzubauen.
Animierte Schaltflächen (CSS)
Dieser ist einfach wunderschön. Zwei Beispiele für eine wunderschöne animierte Schaltfläche - beide haben subtile Animationen im Hintergrund und jede Menge Aufregung, wenn Sie mit der Maus darüber fahren. Der Favorit? Das Symbol nimmt die Form eines schlagenden Herzens an, wobei der Download rausfliegt und dann wieder zurück. Sie müssen den Gratis-Download herunterladen, um sie selbst zu sehen - nehmen Sie sich nicht einfach unser Wort!
Liste der gerippten Aufgaben (PSD)
Ein gerissener? skeumorphic To-Do-Liste mit einem Papiereffekt, Kontrollkästchen für erledigte Aufgaben, Löschsymbole und eine Schaltfläche zum Hinzufügen einer neuen Aufgabe. Nehmen Sie es, bauen Sie darauf und genießen Sie es! Wird als einfache PSD-Datei mit Ebenen bereitgestellt.
Uhr-iOS-App-Symbol (PSD)
Eine wunderbare Armbanduhr / Uhr-Ikone, entworfen für eine iOS-App. Es wird in verschiedenen Größen für jedes iOS-Gerät angeboten. Wir würden uns freuen, wenn Sie das Endergebnis nach Ihren Wünschen verwenden!
Papierstapel (PSD)
Ein wunderschöner Papierstapel mit Zitat, Avatar, stylischem Pin und dezent strukturiertem Hintergrund. Es ist ein wunderbares Stück Interface-Design, und wir hoffen, es gefällt Ihnen!
Fazit
Viele dieser Elemente eignen sich hervorragend zum Erstellen komplexer Layouts und Anwendungen. Für mobile Designer sind einige der ästhetischen Elemente wie Knöpfe und Notizblöcke besonders interessant. Meiner Meinung nach bietet dieses Set von Freebies einen kraftvollen Start in das neue Jahr. Seien Sie sicher und bleiben Sie im Laufe des Jahres 2013 auf dem Laufenden.