30 risorse di progettazione PSD e CSS creative nuove di zecca
Un sacco di nuovi omaggi e codici open source vengono messi online ogni giorno. I progettisti Web e mobili possono imparare molto studiando le nuove tendenze dell'interfaccia e i layout di progettazione. Creative VIP è uno di questi siti Web che pubblica omaggi e contenuti premium. Questa è una risorsa eccellente per i progettisti che vogliono scavare un po 'più a fondo nella costruzione di layout utilizzabili per il web.
In questa carrellata ho messo insieme 30 degli ultimi omaggi di Creative VIP. Troverai sia i PSD che i codici HTML / CSS mescolati tra loro. Alcune risorse offrono effettivamente sia la grafica che il codice insieme! Ma non importa quali oggetti stai cercando, questa vetrina è destinata ad avere qualcosa di interessante.
Esplora Envato Elements
Marcatori di Google Maps (PSD)
Questi vari creatori di mappe di Google sono un fantastico set di risorse da avere nella tua collezione di design. Rappresentano cose diverse: ristorante, telefono, gas, aeroporto, stazione ferroviaria e meccanico. È semplice implementarli in una Google Map integrata!
Presentazione personalizzata (PSD + CSS)
Questa presentazione personalizzata viene fornita sia come PSD, sia completamente codificata in CSS e HTML. È racchiuso in un design deliziosamente semplice, con ombre, bordi e trame sottili. È semplice apportare alcune modifiche per aggiungere immagini, didascalie e informazioni personali. Godere!
Info Widget (PSD)
Questo è un piccolo widget di informazioni ordinato per un post sul blog, contenente 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 da lettere adesiva": un pezzo di carta con carta a righe, un pulsante di download e un nastro adesivo che avvolge il tutto insieme! Davvero semplice, ma un utile punto di partenza per la tua interfaccia in stile nota.
Pulsanti della metropolitana di Windows 8 (CSS)
Una selezione di stile Metro, pulsanti e icone di Windows 8. Tutti codificati utilizzando HTML e CSS, quindi sono incredibilmente facili da inserire nel tuo design, personalizzare i colori e così via. Aggiungi un po 'di stile metro semplice alla tua prossima interfaccia!
Interfaccia utente del Centro notifiche (PSD + CSS)
Un versatile PSD di un'interfaccia in stile notifica. Include un elenco a discesa di notifiche / messaggi recenti, una finestra di accesso / connessione e messaggi a comparsa con ulteriori informazioni. Ricco di potenziali funzionalità per la tua prossima app e abbiamo anche aggiunto una versione CSS / HTML completamente codificata. Godere!
Interfaccia timer (PSD)
Un'elegante interfaccia per il conto alla rovescia / cronometro / timer, con pulsanti di riproduzione / arresto / riavvio, cifre del conto alla rovescia, ora corrente e alcuni semplici chrome OS X.
Casella di iscrizione gialla (PSD)
Un'elegante scatola di abbonamento, che fornisce ai tuoi lettori le informazioni di cui hanno bisogno per iscriversi al tuo sito. Contiene due opzioni: una per l'iscrizione alla newsletter e l'altra per l'RSS. Il colore di base è giallo, ma è facile da modificare per adattarsi al tuo design.
Spotify Mini Player (PSD)
Un'elegante interfaccia mini-player per Spotify. Contiene un elenco di brani, semplici controlli di riproduzione / volume e una grafica a schermo intero. Il modo perfetto per iniziare con un lettore multimediale, sia per Spotify, sia per qualsiasi altro servizio di terze parti!
Finestra di dialogo di conferma (PSD)
Una bella finestra di dialogo di conferma con una sottile serie di sfumature e trame, un'intestazione, un pulsante di chiusura, due diversi stili di pulsanti e un testo esplicativo. Un'interfaccia davvero meravigliosa su cui basarsi!
Modulo di iscrizione alla newsletter (PSD)
Un dettagliato modulo di iscrizione alla newsletter PSD, che include una descrizione della mailing list, campi per nome e indirizzo e-mail, un messaggio anti-spam e un importante pulsante "Partecipa". Godere!
Metro Twitter Feed
Microsoft ha fatto un ottimo lavoro con il suo semplicistico stile "Metro" e oggi presentiamo un delizioso feed Twitter in stile Metro. Contenente vari stati per diversi tweet, collegamenti e tempistiche. Un piccolo widget davvero meraviglioso!
Pro Admin Interface (PSD + CSS)
C'è qualcosa in questo che amiamo davvero! È la parte superiore di un semplice design di interfaccia di amministrazione, con varie opzioni / notifiche di navigazione e una casella di contenuto. Oltre a fornirti il PSD originale, ci siamo anche preoccupati di codificare tutto in CSS e HTML per te. Godere!
Blur Login Form (PSD)
I moduli di accesso possono essere complicati. Devono essere semplici, trasmettere le informazioni di base ed emanare un po 'di stile. Questo preme tutti i pulsanti giusti, con una bella interfaccia grafica e tipografia. Godere!
Interfaccia dell'app per iPhone PixelsDaily (PSD + CSS)
Abbiamo pensato che sarebbe stato divertente creare un'interfaccia per l'app funky per PixelsDaily, quindi regalarla gratuitamente! Fornito sia come versione HTML / CSS completamente codificata, sia come PSD. Ha alcuni elementi dell'interfaccia iOS creati in modo univoco, un'area autore e una serie di miniature delle 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 delle impostazioni (PSD + CSS)
Siamo davvero contenti di questo. È un pannello delle impostazioni con elementi dell'interfaccia / interruttori a levetta in metallo spazzolato. Non solo questo viene fornito nel solito formato PSD, ma siamo andati avanti e l'abbiamo codificato come una versione HTML / CSS completamente funzionale per te!
Tiny Note (PSD)
Solo una breve nota su questo. È una nota Una bella nota pixel perfetta. Su uno sfondo sottile, è una "pila" di carta con icone di chiusura / riduzione, un collegamento per leggere di più e una bella tipografia. Spero che lo trovi utile!
MiniCard vCard (PSD + CSS)
Questa è una bellissima vCard per minisito in formato PSD. Contiene elementi per i profili dei social media, un avatar, una piccola biografia e un "angolo chiuso" per consentire a qualcuno di 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 rullino d'angolo animato. Godere!
Design Agency Layout (PSD)
Un file PSD a pieno carico, questo grafico contiene un layout elegante e professionale per un'agenzia di progettazione o un portfolio. Ha un sacco di spazio per il tuo logo, navigazione, un'area di testo / video introduttiva e una serie di diversi "servizi" che potresti offrire. È davvero semplice da personalizzare per le tue esigenze!
PHP Metro Generator Webapp (CSS / PHP)
Qualcosa di un po 'diverso oggi, questa è un'applicazione PHP che ti aiuta a generare facilmente interfacce in stile metro uniche. Rilascialo sul tuo server e sperimenta! Dovrai caricarlo su un server Web per eseguire lo script e vedere come funziona.
Nastro elegante (PSD)
Quattro (4) nastri colorati con un aspetto 3D, un motivo esterno cucito e un'ombra superiore per creare l'effetto del nastro che cade sul suo 'contenitore. Divertiti a integrarlo nel tuo design!
Modulo carta di credito (PSD + CSS)
Questo è un modulo di informazioni sulla carta di credito incredibilmente utile, contenente campi per il numero della carta, il tipo, la data di scadenza e il numero CVV. È abbastanza semplice da incorporare in qualsiasi design e viene fornito sia come PSD che completamente codificato come design CSS / HTML. Godere!
Varie caselle di avviso (PSD + CSS)
In questo PSD sono inclusi tre diversi stili di casella di avviso: un avviso di "successo" verde, un avviso di "avviso" ... giallo e un avviso di "errore" rosso! 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 omaggio di blocco note con un classico aspetto a strisce / pelle e un nastro rosso fiorito di dettagli. Fornito come file PSD ben organizzato da incorporare nei tuoi progetti!
Notepad Interface (PSD)
Abbiamo creato un'interfaccia per il blocco note perfetta per i pixel, direttamente da un'app Mac all'avanguardia! Una base meravigliosa su cui costruire la propria interfaccia dell'applicazione.
Pulsanti animati (CSS)
Questo è semplicemente bellissimo. Due esempi di uno splendido pulsante animato: entrambi hanno animazioni sottili in sottofondo e molta eccitazione quando ci passi sopra! L'icona "Preferito" assume la forma di un cuore pulsante, con il download che vola via, quindi di nuovo indietro. Dovrai scaricare l'omaggio gratuito per vederli da soli - non limitarti a crederci!
Elenco attività strappate (PSD)
Un elenco di cose da fare skeumorfo "strappato" con un effetto carta, caselle di controllo per le attività completate, icone di eliminazione e un pulsante per aggiungere una nuova attività. Prendilo, costruiscilo e divertiti! Fornito come un semplice file PSD a strati.
Icona dell'app iOS iOS (PSD)
Un delizioso orologio da polso / icona orologio, progettato per un'app iOS. Viene fornito in una gamma di dimensioni diverse adatte a ogni diverso dispositivo iOS e ci piacerebbe che tu utilizzassi il risultato finale come preferisci!
Stack di carta (PSD)
Una bella risma di carta, completa di citazione, avatar, spilla elegante e uno sfondo sottile e strutturato. È un delizioso lavoro di progettazione dell'interfaccia e speriamo che ti piaccia!
Conclusione
Molti di questi elementi sono ideali per la creazione di layout e applicazioni complessi. I designer mobili apprezzeranno in particolare alcuni pezzi estetici come pulsanti e blocchi per appunti. Ma a mio parere, questo set di omaggi offre un potente inizio per il nuovo anno. Assicurati e tieniti aggiornato per le nuove versioni nel corso del 2013.
