30 splitter nye kreative VIP PSD og CSS designressurser
Massevis av nye freebies og open source koder plasseres online hver dag. Web- og mobildesignere kan lære mye ved å studere nyere grensesnitttrender og designoppsett. Creative VIP er et slikt nettsted som publiserer freebies og premiuminnhold. Dette er en utmerket ressurs for designere som ønsker å grave litt dypere i å konstruere brukbare oppsett for nettet.
I denne omgangen har jeg satt sammen 30 av de nyeste freebies fra Creative VIP. Du vil finne både PSD-er og HTML / CSS-koder blandet med hverandre. Noen ressurser tilbyr faktisk både grafikk og koden sammen! Men uansett hvilke gjenstander du leter etter, vil dette utstillingsvinduet ha noe kult.
Utforsk Envato Elements
Google Maps Markers (PSD)
Disse varierte Google Map Makers er et fantastisk sett med ressurser å ha i designkolleksjonen. De representerer forskjellige ting - en restaurant, telefon, bensin, flyplass, jernbanestasjon og mekaniker. Det er enkelt å implementere disse i et innebygd Google Map!
Tilpasset lysbildefremvisning (PSD + CSS)
Denne egendefinerte lysbildefremvisningen leveres både som en PSD, eller fullkodet i CSS og HTML. Den er pakket inn i en herlig enkel design, med subtile skygger, kanter og teksturer. Det er enkelt å lage noen justeringer for å legge til dine egne bilder, bildetekster og informasjon. Nyt!
Info Widget (PSD)
Dette er en ryddig liten informasjonswidget for et blogginnlegg, som inneholder tittelen, forfatterinformasjon, kommentarer og liker. Presentert som en godt organisert PSD-fil for å integrere i dine egne design!
Sticky Note Paper (PSD)
En "Sticky Notepaper" - et stykke papir med foret papir, en nedlastningsknapp og noe klebrig tape som pakker det hele sammen! Virkelig enkelt, men et nyttig utgangspunkt for ditt eget notat-stil grensesnitt.
Windows 8 Metro Buttons (CSS)
Et utvalg av Metro-stil, Windows 8 knapper og ikoner. Alt kodet ved hjelp av HTML og CSS, så de er utrolig enkle å slippe inn i ditt eget design, tilpasse farger og så videre. Legg til en litt forenklet metro-stil til ditt neste grensesnitt!
Notification Center UI (PSD + CSS)
En allsidig PSD for et varslingsstil-grensesnitt. Den inneholder en rullegardinliste med nylige varsler / meldinger, et innloggings- / koblingsvindu og pop-out meldinger med mer informasjon også. Fullpakket med potensiell funksjonalitet for din neste app, og vi har også lagt til en fullkodet CSS / HTML-versjon. Nyt!
Timer Interface (PSD)
Et stilig grensesnitt for nedtelling / stoppeklokke / tidsur, med avspilling / stopp / omstartknapper, nedtellingssifre, gjeldende tid og litt enkel OS X-krom.
Yellow Subscribe Box (PSD)
En stilig abonnementsboks som gir leserne informasjonen de trenger for å abonnere på nettstedet ditt. Det inneholder to alternativer - ett for et e-post nyhetsbrev abonnement, og et annet for RSS. Grunnfargen er gul, men den er lett å finpusse for å passe inn i ditt eget design.
Spotify Mini Player (PSD)
Et stilig minispillergrensesnitt for Spotify. Den inneholder en sporliste, enkle spill / volumkontroller og en grafikk på fullskjerm. Den perfekte måten å komme i gang med en mediaspiller, enten det er for Spotify, eller en annen tredjepartstjeneste!
Bekreftelsesdialog (PSD)
En vakker bekreftelsesdialogboks med et subtilt sett med forløp og teksturer, en overskrift, lukkeknapp, to forskjellige knappestiler og litt forklarende tekst. Et virkelig nydelig grensesnitt å bygge videre på!
Nyhetsbrev Registreringsskjema (PSD)
Et detaljert påmeldingsskjema for PSD, inkludert beskrivelse av adresselisten, felt for navn og e-postadresse, en anti-spam-melding og en fremtredende "Bli med" -knapp. Nyt!
Metro Twitter-feed
Microsoft har gjort en fantastisk jobb med sin forenklede "Metro" -stil, og i dag presenterer vi en nydelig twitterfeed i Metro-stil. Inneholder forskjellige tilstander for forskjellige tweets, lenker og timing. En virkelig flott liten widget!
Pro-administratorgrensesnitt (PSD + CSS)
Det er noe med denne vi virkelig elsker! Det er den øverste delen av et enkelt administrasjonsgrensesnittdesign, med forskjellige navigasjonsalternativer / varslinger, og en innholdsboks. I tillegg til å gi deg den originale PSD-en, har vi også problemer med å kode det hele i CSS og HTML for deg. Nyt!
Blur Login Login (PSD)
Påloggingsformer kan være vanskelige. De trenger å være enkle, formidle grunnleggende informasjon og utstråle litt stil. Denne trykker på alle høyre knapper, med litt vakker grensesnittstyling og typografi. Nyt!
PixelsDaily iPhone-appgrensesnitt (PSD + CSS)
Vi trodde det ville være morsomt å lage et funky appgrensesnitt for PixelsDaily, og deretter gi det bort gratis for deg å bruke! Leveres både som en fullstendig kodet HTML / CSS-versjon, og en PSD. Den har noen unikt opprettede iOS-grensesnittelementer, et forfatterområde og et sett med ressursminiatyrbilder.
Trendy Nav Bar
En stilig navigasjonslinje, levert som en PSD. Den kommer i fire forskjellige farger, og er kanskje det perfekte tilskuddet på toppen av ditt neste webdesignprosjekt!
Innstillingspanel (PSD + CSS)
Vi er veldig fornøyde med denne. Det er et innstillingspanel med børstede metallgrensesnittelementer / vippebrytere. Dette er ikke bare tilgjengelig i det vanlige PSD-formatet, men vi har gått foran og kodet det opp som en fullt funksjonell HTML / CSS-versjon for deg!
Tiny Note (PSD)
Bare en rask merknad om denne. Det er et notat. En vakker, piksel perfekt notis. På en subtil bakgrunn er det en papirbunke med tette / minimere ikoner, en kobling for å lese mer og litt nydelig typografi. Håper du synes det er nyttig!
vCard Minisite (PSD + CSS)
Dette er et vakkert minisite vCard i PSD-format. Den inneholder elementer for sosiale medieprofiler, en avatar, en liten biograf og et "brettet hjørne" for noen å laste ned en kopi av vCard-kortet. Hvis du vil sette opp et vCard-nettsted, er dette den perfekte måten å gjøre det! Vi har også tatt med en fullkodet CSS- og HTML-versjon, komplett med en animert hjørne-roll-over. Nyt!
Design Agency Layout (PSD)
Denne grafikken er en fullastet PSD-fil, og inneholder en elegant og profesjonell layout for et designbyrå eller portefølje. Den har god plass til din logo, navigasjon, et innledende tekstområde / video og et sett med forskjellige "tjenester" som du kan tilby. Det er veldig enkelt å tilpasse etter dine egne behov!
PHP Metro Generator Webapp (CSS / PHP)
Noe litt annerledes i dag, dette er en PHP-applikasjon som hjelper deg med å generere unike metro-stil grensesnitt med letthet. Bare slipp den på serveren din og eksperimentere bort! Du må laste opp dette til en webserver for å kjøre skriptet og se hvordan det fungerer.
Stilig bånd (PSD)
Fire (4) fargerike bånd med 3D utseende og stikkende ytre mønster og en toppskygge for å skape effekten av at båndet faller over beholderen. Ha det gøy å integrere det i ditt eget design!
Kredittkortskjema (PSD + CSS)
Dette er et utrolig nyttig kredittkortinformasjonsskjema, som inneholder felt for kortnummer, type, utløpsdato og CVV-nummer. Det er enkelt nok til å innlemme i ethvert design, og leveres både som en PSD og fullstendig kodet som en CSS / HTML-design. Nyt!
Ulike varselbokser (PSD + CSS)
Tre forskjellige varselboksstiler er inkludert i denne PSD - Et grønt "suksess" -varsel, et gult "varsel" ... varsel og et rødt "feil" -varsel! Vi har også bygget en av disse inn i CSS og HTML for deg, bare for å spare deg litt tid!
Delicious Notepad & Ribbon (PSD)
En enkel notepad-freebie med et klassisk striped / skinn-utseende og et rødt bånd blomstrer av detaljer. Leveres som en godt organisert PSD-fil for deg å integrere i dine egne design!
Notisblokkgrensesnitt (PSD)
Vi har laget et piksel-perfekt notisblokkgrensesnitt, rett ut av en nyskapende Mac-app! Et fantastisk grunnlag for å bygge ditt eget applikasjonsgrensesnitt.
Animerte knapper (CSS)
Denne er bare vakker. To eksempler på en nydelig animert knapp - begge har subtile animasjoner i bakgrunnen, og mye spenning når du svever over dem! "Favoritt" -ikonet tar form av et bankende hjerte, mens nedlastingen flyr ut og deretter tilbake igjen. Du må laste ned freebie for å se dem selv - ikke bare ta ordet for det!
Ripped Tasks List (PSD)
En "dratt" skeumorfisk oppgaveliste med papireffekt, avmerkingsbokser for fullførte oppgaver, slette ikoner og en knapp for å legge til en ny oppgave. Ta det, bygg videre og kos deg! Leveres som en enkel lagdelt PSD-fil.
Klokke iOS-appikon (PSD)
Et herlig armbåndsur / klokkeikon, designet for en iOS-app. Den leveres i en rekke forskjellige størrelser som passer for hver forskjellige iOS-enhet, og vi vil gjerne at du skal bruke sluttresultatet, men du vil!
Papirbunke (PSD)
En vakker papirbunke, komplett med et sitat, avatar, stilig pinne og en subtil strukturert bakgrunn. Det er et herlig stykke grensesnittdesignarbeid, og vi håper du liker det!
Konklusjon
Mange av disse elementene er flotte for å bygge komplekse oppsett og applikasjoner. Mobildesignere vil spesielt glede seg over noen av de estetiske brikkene som knapper og notisblokker. Men etter min mening tilbyr dette freebies-spillet en kraftig start på det nye året. Vær sikker og hold deg oppdatert for nye utgivelser i løpet av 2013.
