30 Pilnīgi jauni radošie VIP PSD un CSS dizaina resursi
Katru dienu tiešsaistē tiek ielādētas jaunas bezmaksas maksas programmas un atvērtā koda kodi. Web un mobilo ierīču dizaineri var daudz iemācīties, izpētot jaunākas interfeisa tendences un dizaina izkārtojumus. Creative VIP ir viena no šādām vietnēm, kas publicē bezmaksas piedāvājumus un augstākā līmeņa saturu. Šis ir lielisks resurss dizaineriem, kuri vēlas mazliet padziļināties tīmekļa izmantojamā izkārtojuma izveidē.
Šajā kārtā es esmu salicis 30 no jaunākajiem Creative VIP bezmaksas piedāvājumiem. Jūs atradīsit sajauktus gan PSD, gan HTML / CSS kodus. Daži resursi faktiski piedāvā gan grafiku, gan kodu kopā! Bet neatkarīgi no tā, kādus priekšmetus jūs meklējat, šajā vitrīnā noteikti būs kaut kas foršs.
Izpētiet Envato elementus
Google Maps marķieri (PSD)
Šie daudzveidīgie Google karšu veidotāji ir fantastisks resursu kopums, kas jums ir jūsu dizaina kolekcijā. Viņi pārstāv dažādas lietas - restorānu, tālruni, gāzi, lidostu, dzelzceļa staciju un mehāniķi. To ir vienkārši ieviest iegultajā Google kartē!
Pielāgota slaidrāde (PSD + CSS)
Šī pielāgotā slaidrāde tiek nodrošināta gan kā PSD, gan pilnībā kodēta CSS un HTML. Tas ir iesaiņots apburoši vienkāršā dizainā ar smalkām ēnām, apmalēm un faktūrām. Ir vienkārši veikt dažus pielāgojumus, lai pievienotu savus attēlus, parakstus un informāciju. Izbaudi!
Informācijas logrīks (PSD)
Šis ir sakārtots maz informācijas logrīks emuāra ziņai, kurā ir nosaukums, informācija par autoru, komentāri un patīk. Prezentēts kā labi organizēts PSD fails, lai to integrētu savos dizainos!
Līmlapu papīrs (PSD)
“Līmlapiņa” - papīra gabals ar izklātu papīru, lejupielādes poga un kāda lipīga lente, kas to visu iesaiņo kopā! Tiešām vienkāršs, bet noderīgs sākumpunkts jūsu piezīmju stila saskarnei.
Windows 8 metro pogas (CSS)
Metro stila izvēle, Windows 8 pogas un ikonas. Visi ir kodēti, izmantojot HTML un CSS, tāpēc viņi ir neticami viegli iekļauties savā dizainā, pielāgot krāsas utt. Pievienojiet savam nākamajam interfeisam nedaudz vienkāršotu metro stilu!
Paziņojumu centra lietotāja saskarne (PSD + CSS)
Daudzpusīgs paziņojuma stila interfeisa PSD. Tas ietver nolaižamo sarakstu ar jaunākajiem paziņojumiem / ziņojumiem, pieteikšanās / savienojuma logu un uznirstošos ziņojumus, kas satur arī plašāku informāciju. Piedāvājumā ir jūsu nākamās lietotnes iespējamā funkcionalitāte, un mēs esam pievienojuši arī pilnībā kodētu CSS / HTML versiju. Izbaudi!
Taimera interfeiss (PSD)
Stilīgs atpakaļskaitīšanas / hronometra / taimera interfeiss ar atskaņošanas / apturēšanas / restartēšanas pogām, atpakaļskaitīšanas cipariem, pašreizējo laiku un vienkāršu OS X hromu.
Dzeltenā abonēšanas rūtiņa (PSD)
Stilīga abonēšanas kaste, kas sniedz jūsu lasītājiem informāciju, kas viņiem nepieciešama, lai abonētu jūsu vietni. Tajā ir divas iespējas - viena e-pasta biļetenu abonēšanai un otra RSS. Pamatkrāsa ir dzeltena, bet to ir viegli pielāgot, lai tā atbilstu jūsu pašu dizainam.
Spotify Mini Player (PSD)
Stilīgs mini atskaņotāju interfeiss Spotify. Tajā ir ierakstu saraksts, vienkāršas atskaņošanas / skaļuma vadīklas un pilnekrāna grafika. Ideāls veids, kā sākt darbu ar multivides atskaņotāju, neatkarīgi no tā, vai tas ir paredzēts Spotify vai jebkuram citam trešās puses pakalpojumam!
Apstiprināšanas dialogs (PSD)
Skaists apstiprinājuma dialoglodziņš ar smalku slīpumu un faktūru komplektu, galveni, aizvēršanas pogu, diviem dažādiem pogas stiliem un nedaudz skaidrojoša teksta. Patiešām krāšņs interfeiss, uz kura balstīties!
Pieteikšanās biļetenam (PSD)
Detalizēta informatīvā izdevuma pierakstīšanās forma PSD, iekļaujot adresātu saraksta aprakstu, vārda un e-pasta adreses laukus, anti-spam ziņojumu un pamanāmu pogu “Pievienoties”. Izbaudi!
Metro Twitter padeve
Microsoft ir paveikuši lielisku darbu ar savu vienkāršoto “Metro” stilu, un šodien mēs piedāvājam jauku Metro stila twitter plūsmu. Satur dažādus statusus dažādiem tweetiem, saitēm un laika grafikam. Patiešām brīnišķīgs mazs logrīks!
Pro administratora interfeiss (PSD + CSS)
Šajā ir kaut kas tāds, ko mēs patiešām mīlam! Tā ir vienkārša administrācijas saskarnes dizaina augšdaļa, ar dažādām navigācijas opcijām / paziņojumiem un satura lodziņu. Piedāvājot jums oriģinālo PSD, mēs esam nonākuši arī pie tā, ka mēs to visu kodējam CSS un HTML. Izbaudi!
Aizplūšanas pieteikšanās forma (PSD)
Pieteikšanās formas var būt sarežģītas. Tiem jābūt vienkāršiem, jāsniedz pamatinformācija un jāizceļ nedaudz stila. Šis nospiež visas labās pogas ar skaistu interfeisa stilu un tipogrāfiju. Izbaudi!
PixelsDaily iPhone lietotnes interfeiss (PSD + CSS)
Mēs domājām, ka būtu jautri izveidot funky PixelsDaily lietotnes interfeisu, pēc tam atdodot to lietošanai bez maksas! Tiek nodrošināta gan kā pilnībā kodēta HTML / CSS versija, gan kā PSD. Tam ir daži unikāli izveidoti iOS saskarnes elementi, autoru zona un resursu sīktēlu komplekts.
Moderns navigācijas josla
Stilīga navigācijas josla, kas nodrošināta kā PSD. Tas ir četrās dažādās krāsās, un tas varētu būt tikai ideāls papildinājums nākamā tīmekļa dizaina projekta augšdaļai!
Iestatījumu panelis (PSD + CSS)
Mēs esam ļoti apmierināti ar šo. Tas ir iestatījumu panelis ar matēta metāla interfeisa elementiem / pārslēdzējiem. Tas tiek nodrošināts ne tikai parastajā PSD formātā, bet mēs esam to izstrādājuši un kodējuši kā pilnībā funkcionējošu HTML / CSS versiju jums.
Tiny Note (PSD)
Tikai īsa piezīme par šo. Tā ir piezīme. Skaista, pikseļiem ideāla piezīme. Uz smalka fona tā ir papīra “kaudze” ar aizvērtām / minimizētām ikonām, saiti, lai lasītu vairāk, un jauku tipogrāfiju. Es ceru, ka jums tas noderēs!
vCard Minisite (PSD + CSS)
Šī ir skaista mini saite vCard PSD formātā. Tas satur elementus jūsu sociālo mediju profiliem, iemiesojumu, nelielu biogrāfiju un “salocītu stūri”, lai kāds varētu lejupielādēt jūsu vCard kopiju. Ja vēlaties izveidot vCard vietni, tas ir ideāls veids, kā to izdarīt! Mēs esam iekļāvuši arī pilnībā kodētu CSS un HTML versiju, komplektā ar animētu stūra apgāšanos. Izbaudi!
Dizaina aģentūras izkārtojums (PSD)
Pilnībā ielādēts PSD fails šajā grafikā satur gludu un profesionālu dizaina aģentūras vai portfeļa izkārtojumu. Tajā ir daudz vietas jūsu logotipam, navigācijai, ievada teksta laukumam / video un dažādu “pakalpojumu” kopumam, ko jūs varētu piedāvāt. Tas ir patiešām vienkārši pielāgojams savām vajadzībām!
PHP Metro Generator Webapp (CSS / PHP)
Mūsdienās tas ir nedaudz savādāk, šī ir PHP lietojumprogramma, kas palīdz ar vieglu ģenerēt unikālas metro stila saskarnes. Vienkārši nometiet to uz servera un eksperimentējiet! Tas būs jāaugšupielādē tīmekļa serverī, lai palaistu skriptu un redzētu, kā tas darbojas.
Stilīga lente (PSD)
Četras (4) krāsainas lentes ar 3D izskatu un izskatu, uzlīmēts ārējais raksts un augšējā ēna, lai radītu efektu, ja lente nokrīt virs tā konteinera. Izklaidējieties, ja to integrējat savā dizainā!
Kredītkartes forma (PSD + CSS)
Šī ir neticami ērta kredītkartes informācijas veidlapa, kurā ir lauki jūsu kartes numuram, veidam, derīguma termiņam un CVV numuram. Tas ir pietiekami vienkāršs, lai iekļautu jebkurā dizainā, un tiek nodrošināts gan kā PSD, gan pilnībā kodēts kā CSS / HTML dizains. Izbaudi!
Dažādas trauksmes lodziņi (PSD + CSS)
Šajā PSD ir iekļauti trīs dažādi brīdinājumu lodziņu stili - zaļš “panākumu” brīdinājums, dzeltens “brīdinājums”… un sarkans “kļūdas” brīdinājums! Mēs esam izveidojuši arī vienu no šiem CSS un HTML jums, lai nedaudz ietaupītu laiku!
Garšīgs piezīmjdators un lente (PSD)
Vienkāršs piezīmju blociņš ar klasisku svītrainu / ādas izskatu un detaļām plaukstošu sarkanu lenti. Paredzēts kā labi organizēts PSD fails, kuru varat iekļaut savā dizainā!
Piezīmjdatora interfeiss (PSD)
Mēs esam izveidojuši pikseļiem perfektu piezīmjdatora interfeisu tieši no visjaunākās Mac lietotnes! Lielisks pamats, uz kura izveidot savu lietojumprogrammas saskarni.
Animētas pogas (CSS)
Šis ir vienkārši skaists. Divi krāšņas animētas pogas piemēri - abiem fonā ir smalkas animācijas un daudz uztraukuma, kad novietojat kursoru virs tām! Ikona “Iecienītākā” kļūst kā plaukstoša sirds, lejupielādējot failu, pēc tam to atkal virzot atpakaļ. Lai apskatītu tos pats, jums būs jālejuplādē freebie - neņemiet vērā tikai mūsu vārdu!
Iekopto uzdevumu saraksts (PSD)
“Pārkopēts” skeumorfisks uzdevumu saraksts ar papīra efektu, pabeigto uzdevumu izvēles rūtiņas, dzēšanas ikonas un poga, lai pievienotu jaunu uzdevumu. Ņem to, būvē uz tā un izbaudi! Tiek nodrošināts kā vienkāršs daudzslāņu PSD fails.
Pulksteņa iOS lietotnes ikona (PSD)
Apburoša rokas pulksteņa / pulksteņa ikona, kas paredzēta iOS lietotnei. Tas tiek piegādāts dažādu izmēru diapazonā, kas piemērots katrai atšķirīgai iOS ierīcei, un mēs labprāt jūs izmantotu gala rezultātu, lai kā jūs to vēlētos!
Papīra kaudze (PSD)
Skaista papīra kaudze komplektā ar citātu, iemiesojumu, stilīgu tapu un smalku teksturētu fonu. Tas ir apburošs interfeisa dizaina darbs, un mēs ceram, ka jums tas patiks!
Secinājums
Daudzi no šiem elementiem ir lieliski piemēroti sarežģītu izkārtojumu un lietojumprogrammu veidošanai. Mobilie dizaineri īpaši priecāsies par dažiem estētiskiem izstrādājumiem, piemēram, pogām un piezīmju blokiem. Bet, manuprāt, šis bezmaksas piedāvājums piedāvā spēcīgu jaunā gada sākumu. Pārliecinieties un regulāri atjauniniet jaunos izlaidumus 2013. gada laikā.
