30 nuove creatività Creative PSD e risorse di progettazione CSS

Carichi di nuovi omaggi e codici open source vengono messi online ogni giorno. I designer di Web e dispositivi mobili possono imparare molto studiando le nuove tendenze dell'interfaccia e i layout di progettazione. Creative VIP è uno di questi siti che pubblica omaggi e contenuti premium. Questa è un'ottima risorsa per i progettisti che vogliono approfondire la costruzione di layout utilizzabili per il web.

In questo riepilogo ho messo insieme 30 degli ultimi omaggi di Creative VIP. Troverete sia PSD che codici HTML / CSS mescolati l'uno con l'altro. Alcune risorse offrono in realtà sia la grafica che il codice! Ma non importa quali articoli stai cercando, questa vetrina è destinata ad avere qualcosa di interessante.

Google Maps Markers (PSD)

Questi vari Google Map Maker sono una fantastica serie di risorse da avere nella tua collezione di design. Rappresentano cose diverse: un ristorante, un telefono, un gas, un aeroporto, una stazione ferroviaria e un meccanico. È semplice implementarli in una mappa Google incorporata!

Slideshow personalizzato (PSD + CSS)

Questa presentazione personalizzata è fornita sia come PSD, sia completamente codificata in CSS e HTML. È avvolto in un design deliziosamente semplice, con ombre, bordi e trame sottili. È semplice apportare alcune modifiche per aggiungere le tue immagini, didascalie e informazioni. Godere!

Info Widget (PSD)

Questo è un piccolo widget di informazioni ordinato per un post del blog, contenente il titolo, informazioni sull'autore, commenti e Mi piace. Presentato come un file PSD ben organizzato da integrare nei tuoi progetti!

Sticky Note Paper (PSD)

Una? Carta per appunti appiccicosa? - un pezzo di carta con carta a righe, un pulsante per il download e un nastro adesivo che avvolge il tutto! Davvero semplice, ma un utile punto di partenza per la tua interfaccia in stile nota.

Windows 8 Metro Buttons (CSS)

Una selezione di stile Metro, pulsanti e icone di Windows 8. Tutti codificati con HTML e CSS, quindi sono incredibilmente facili da inserire nel proprio design, personalizzare i colori e così via. Aggiungi uno stile metro semplicistico alla tua prossima interfaccia!

Interfaccia utente Centro notifiche (PSD + CSS)

Un versatile PSD di un'interfaccia di stile di notifica. Include un elenco a discesa di notifiche / messaggi recenti, una finestra di accesso / collegamento e messaggi pop-out con ulteriori informazioni. Ricco di funzionalità potenziali per la tua prossima app, e abbiamo anche aggiunto una versione CSS / HTML completamente codificata. Godere!

Timer Interface (PSD)

Un'elegante interfaccia conto alla rovescia / cronometro / timer, con pulsanti play / stop / restart, cifre del conto alla rovescia, l'ora corrente e alcuni semplici Chrome OS X.

Yellow Subscribe Box (PSD)

Una elegante scatola di abbonamenti, che fornisce ai tuoi lettori le informazioni di cui hanno bisogno per iscriversi al tuo sito. Contiene due opzioni: una per un abbonamento a una newsletter e un'altra per RSS. Il colore di base è giallo, ma è facile da modificare per adattarsi al tuo design.

Spotify Mini Player (PSD)

Un'elegante interfaccia per mini-player per Spotify. Contiene un elenco di brani, semplici comandi di riproduzione / volume e una grafica a schermo intero. Il modo perfetto per iniziare con un lettore multimediale, sia per Spotify che per qualsiasi altro servizio di terze parti!

Finestra di conferma (PSD)

Una bella finestra di dialogo di conferma con un insieme di sfumature e trame sottili, un'intestazione, un pulsante di chiusura, due stili di pulsanti diversi e un testo esplicativo. Un'interfaccia davvero fantastica su cui costruire!

Modulo di iscrizione alla newsletter (PSD)

Un modulo di iscrizione alla newsletter dettagliato, PSD, include una descrizione della mailing list, i campi per nome e indirizzo e-mail, un messaggio anti-spam e un messaggio importante? pulsante. Godere!

Metro Twitter Feed

Microsoft ha fatto un ottimo lavoro con il loro semplicistico? Metro? stile, e oggi presentiamo un delizioso feed Twitter in stile Metro. Contenenti vari stati per diversi tweet, collegamenti e tempistiche. Un piccolo widget davvero meraviglioso!

Interfaccia di amministrazione Pro (PSD + CSS)

C'è qualcosa in questo che amiamo davvero! È la parte superiore di una semplice interfaccia di amministrazione, con varie opzioni di navigazione / notifiche e una casella di contenuto. Oltre a fornirti il ​​PSD originale, ci siamo anche presi la briga di codificarlo tutto in CSS e HTML per te. Godere!

Blur Login Form (PSD)

I moduli di accesso possono essere ingannevoli. Devono essere semplici, trasmettere le informazioni di base e trasudare un po 'di stile. Questo preme tutti i pulsanti giusti, con alcuni bellissimi stili di interfaccia e tipografia. Godere!

PixelsDaily iPhone App Interface (PSD + CSS)

Abbiamo pensato che sarebbe stato divertente creare un'interfaccia per app funky per PixelsDaily, quindi darlo via gratis per te! Fornito sia come versione HTML / CSS completamente codificata, sia come PSD. Ha alcuni elementi dell'interfaccia iOS creati in modo univoco, un'area dell'autore e una serie di miniature di risorse.

Trendy Nav Bar

Un'elegante barra di navigazione, fornita come PSD. È disponibile in quattro colori diversi e potrebbe essere l'aggiunta perfetta alla parte superiore del tuo prossimo progetto di web design!

Pannello impostazioni (PSD + CSS)

Siamo davvero contenti di questo. È un pannello delle impostazioni con elementi dell'interfaccia in metallo spazzolato / interruttori a levetta. Non solo questo è fornito nel consueto formato PSD, ma lo abbiamo già codificato come una versione HTML / CSS completamente funzionale per te!

Tiny Note (PSD)

Solo una breve nota su questo. È un appunto Una bella nota pixel-perfetta. Su uno sfondo sottile, è una pila di carta? con icone di chiusura / riduzione, un link per saperne di più e qualche bella tipografia. Spero che tu lo trovi utile!

vCard Minisito (PSD + CSS)

Questa è una bella vCard minisito in formato PSD. Contiene elementi per i profili dei social media, un avatar, una piccola biografia e un angolo? Piegato? per qualcuno per scaricare una copia della tua vCard.Se vuoi creare un sito Web vCard, questo è il modo perfetto per farlo! Abbiamo anche incluso una versione CSS e HTML completamente codificata, completa di un roll-over di angolo animato. Godere!

Design Agency Layout (PSD)

Un file PSD completamente caricato, questo grafico contiene un layout elegante e professionale per un'agenzia di design o portfolio. Ha molto spazio per il tuo logo, la navigazione, un'area / video di testo introduttivo e un insieme di diversi? Servizi? che potresti offrire. È davvero semplice da personalizzare per le tue esigenze!

PHP Metro Generator Webapp (CSS / PHP)

Oggi qualcosa di leggermente diverso, questa è un'applicazione PHP che ti aiuta a generare interfacce in stile metro uniche con facilità. Lasciatelo sul vostro server e sperimentate! Dovrai caricarlo su un server web per eseguire lo script e vedere come funziona.

Stylish Ribbon (PSD)

Quattro (4) nastri colorati con un aspetto grafico 3D, motivo esterno a stencil e un'ombra superiore per creare l'effetto del nastro che cade sul suo contenitore. Divertiti a integrarlo nel tuo design!

Modulo di carta di credito (PSD + CSS)

Questo è un modulo di informazioni sulla carta di credito incredibilmente maneggevole, contenente i campi per il numero della carta, il tipo, la data di scadenza e il numero CVV. È abbastanza semplice da incorporare in qualsiasi progetto, ed è fornito sia come PSD e completamente codificato come un design CSS / HTML. Godere!

Varie caselle di avviso (PSD + CSS)

In questo PSD sono inclusi tre diversi stili di avviso: un successo "verde"? avviso, un giallo? avviso ?? avviso e un errore rosso? mettere in guardia! Abbiamo anche creato uno di questi in CSS e HTML per te, solo per farti risparmiare un po 'di tempo!

Delicious Notepad & Ribbon (PSD)

Un semplice blocchetto per appunti con un look-and-feel classico a strisce / pelle e un nastro rosso di dettagli. Fornito come un file PSD ben organizzato da incorporare nei propri progetti!

Notepad Interface (PSD)

Abbiamo creato un'interfaccia per blocco note perfetta per i pixel, direttamente da un'app per Mac all'avanguardia! Una base meravigliosa su cui costruire la propria interfaccia dell'applicazione.

Pulsanti animati (CSS)

Questo è semplicemente bellissimo. Due esempi di un magnifico pulsante animato: entrambi hanno animazioni sottili sullo sfondo e molta eccitazione quando ti alzi sopra di loro! Il? Preferito? l'icona assume la forma di un cuore pulsante, con il download che vola fuori, quindi di nuovo indietro. Dovrai scaricare l'omaggio per vederli da te - non limitarti a crederci sulla parola!

Ripped Tasks List (PSD)

A? Strappato? lista di cose da fare con effetto carta, caselle di controllo per attività completate, icone di eliminazione e un pulsante per aggiungere una nuova attività. Prendilo, costruiscilo e divertiti! Fornito come un semplice file PSD con livelli.

Icona orologio iOS App (PSD)

Una deliziosa icona orologio / orologio da polso, progettata per un'app per iOS. È fornito in una gamma di dimensioni diverse adatte a ciascun dispositivo iOS diverso, e ci piacerebbe che tu usassi il risultato finale come preferisci!

Paper Stack (PSD)

Una bella pila di carta, completa di citazione, avatar, elegante pin e uno sfondo a trama sottile. È un delizioso lavoro di progettazione dell'interfaccia e speriamo che vi piaccia!

Conclusione

Molti di questi elementi sono ottimi per la creazione di layout e applicazioni complessi. I designer mobili apprezzeranno in particolare alcuni dei pezzi estetici come bottoni e blocchetti per appunti. Ma a mio parere questo insieme di omaggi offre un potente inizio per il nuovo anno. Assicurati di essere aggiornato per le nuove versioni nel corso del 2013.