Medžiagos projektavimo šablonai, skirti vertei, kampinei ir reagavimo medžiagai (medžiagos vartotojo sąsaja)

Medžiagos projektavimo šablonai, skirti vertei, kampinei ir reagavimo medžiagai (medžiagos vartotojo sąsaja)

Medžiagos projektavimo šablonai, skirti vertei, kampinei ir reagavimo medžiagai (medžiagos vartotojo sąsaja)
СОДЕРЖАНИЕ
02 июня 2020

Ar kūrėjams būtų patogiau kurti UI, jei jie galėtų dirbti su kažkokiu standartiniu ar bendru atspirties tašku? Na, čia yra svarbūs medžiagų dizaino šablonai!


Atsižvelgiant "kortelė" koncepcija, kuri atsirado su „Google“ dabar, medžiagos dizainas ją patobulina tinkleliais paremtais maketais, reaguojančiomis animacijomis, kamšalu, gylio efektais ir dar daugiau. Tokiu būdu lengviau derinti techninę pažangą su geru dizaino tobulinimu.

Kad vartotojo sąsajos kūrimas būtų dar paprastesnis, yra lengvai prieinama daugybė schemų ir šablonų, kuriuose pateikiami „Google“ medžiagų projektavimo principai. Būtent tai ir yra mūsų dėmesys šiandienos įraše. Čia yra geriausi „Vue“, „Angular“ ir „React“ medžiagų dizaino šablonai.

Pradėkime:

Medžiagos projektavimo šablonai, skirti vertei, kampinei ir reagavimo medžiagai (medžiagos vartotojo sąsaja)

  • �� Spustelėkite „React“ medžiagų dizaino šablonus
  • �� Spustelėkite „Vue“ medžiagų dizaino šablonus
  • �� Spustelėkite norėdami pamatyti kampinius medžiagų dizaino šablonus

Medžiagos „React“ projektavimo šablonai

1. Medžiagų rinkinys Reaguoti

Medžiagų rinkinys Reaguoti

Gaukite čia Demonstracija

Medžiagų rinkinio reagavimo vaizdasMedžiagų rinkinys Reaguokite mobiliajame telefone
  • Nemokamas medžiagos UI rinkinys
  • 60 rankų darbo elementų
  • Keturi pritaikyti papildiniai
  • Trys pavyzdžių puslapiai
  • Didelės apimties spausdinimas
  • Spalvų variacijos
  • Sukuria modernią „Android“ programos žiniatinklio funkciją

2. Medžiagos dizainas Reaguoti administratorius

Medžiagos dizainas Reaguoti administratorius

Gaukite čia Demonstracija

Medžiagos dizainas „React Admin“ vaizdasMedžiagos dizainas „React Admin“ mobiliajame telefone
  • 18 spalvų schemų
  • Šviesios ir tamsios temos
  • Reaguoja ir palaiko aukštos skiriamosios gebos ekranus
  • Keli išdėstymai, modulinis kodas
  • Tingus krovimas
  • Administratoriaus šablonas ir nukreipimo puslapis
  • Naudoja CSS ir SaaS, kad lengvai pakeistumėte kintamuosius

3. Jumbo reaguoti

Jumbo reaguoti

Gaukite čia Demonstracija

„Jumbo React“ vaizdas„Jumbo React“ mobiliajame telefone
  • Septyni prietaisų skydeliai, 150 ir daugiau valdiklių
  • Šeši naršymo stiliai ir šešios integruotos programos
  • Async pakrovimas
  • Daugiau nei 130 puslapių
  • Paruošta naudoti šviesius, pusiau tamsius ir tamsius atspalvius
  • Visiškai reaguoja
  • RTL ir daugiakalbė parama

4. Portalas

Portalas

Gaukite čia Demonstracija

Portalo vaizdasPortalas mobiliajame
  • Šeši išdėstymai, stilingas prietaisų skydelis
  • Du programų pavyzdžiai
  • 15+ elementų puslapiai
  • Naudojami naujausi „Material UI“ komponentai
  • Deja pakrovimas ir RTL palaikymas
  • SASS stilių lentelės
  • Devynios įmontuotos temos

5. Medžiagos informacijos suvestinė reaguokite

Medžiagos informacijos suvestinė reaguokite

Gaukite čia Demonstracija

Medžiagos informacijos suvestinė Reaguoti vaizdasMedžiagos informacijos suvestinė Reaguokite mobiliajame telefone
  • Pastatyta per populiariąją „Material-UI v3.1.0“ sistemą
  • 200 komponentų
  • 28 pavyzdžių puslapiai
  • Dešimt pritaikytų papildinių
  • Penki spalvų filtrų pasirinkimai
  • Fono paveikslėlio šoninėje juostoje parinktis
  • Naršymas kairėje šoninėje juostoje

6. Reaguoti administratorius

Reaguoti administratorius

Gaukite čia Demonstracija

Reaguoti administratoriaus vaizdąReaguokite „Administratorius“ mobiliajame telefone
  • Itin greita, lengvai pritaikoma vartotojo sąsaja
  • Pilnas duomenų tinklelis
  • Filtruokite pagal tipą
  • WYSIWYG redaktorius
  • Pritaikomas prietaisų skydas, meniu, išdėstymas
  • Prisijungiama prie kelių programų
  • Palaiko bet kokį formos išdėstymą

Galbūt jus taip pat domina šie straipsniai:

  • 20 ir daugiau geriausių kampinių administratorių prietaisų skydelio šablonų 2020 m
  • Kaip pradėti elektroninės prekybos verslą nuo nulio (10 žingsnių)
  • Kaip užsidirbti pinigų „Fiverr“: tikslūs veiksmai, kuriuos aš atlikdavau, kad uždirbčiau 2–3 tūkst. USD kiekvieną mėnesį
  • 14 įdomiausių Vue UI komponentų bibliotekų

7. Gruntas

Gruntas

Gaukite čia Demonstracija

Grunto vaizdasGruntas mobiliajame telefone
  • Šviesios ir tamsios temos
  • Visiškai atsakingas RTL palaikymas
  • AoT kompiliacija
  • JSS stilius
  • Lengva pritaikyti
  • Penkios įmontuotos programos
  • Penki puslapių pavyzdžiai

Medžiagos „Vue“ dizaino šablonai

8. „Vue“ medžiagų rinkinys

„Vue“ medžiagų rinkinys

Gaukite čia Demonstracija

„Vue Material Kit“ vaizdas„Vue“ medžiagų rinkinys mobiliajame telefone
  • Laisvas
  • 60 rankų darbo elementų
  • Du tinkinti papildiniai
  • Trys pavyzdžių puslapiai
  • Pastatyta per „Vue Material“ ir „Vuejs“
  • Pagrindiniai elementai, navigacija, įvestys, vaizdai, tipografija

9. Vuely

Vuely

Gaukite čia Demonstracija

„Vuely“ vaizdas„Vuely“ mobiliajame telefone
  • Keli prietaisų skydeliai
  • Visiškai reaguoja
  • 200 ir daugiau UI elementų
  • 78 ir daugiau pasirinktinių valdiklių
  • Keli temos variantai
  • „Quill“ redaktorius, „WYSIWYG“ redaktorius
  • 1500 ir daugiau šriftų piktogramų, RTL palaikymas

10. „Vue“ medžiagos informacijos suvestinė

„Vue“ medžiagos informacijos suvestinė

Gaukite čia Demonstracija

„Vue Material“ informacijos suvestinės vaizdas„Vue“ medžiagų informacijos suvestinė mobiliajame telefone
  • 200 komponentų
  • 15 papildinių
  • 27 pavyzdžių puslapiai
  • Medžiagos piktogramos šriftai
  • Prisijungimas, registracija, kainų nustatymas ir užraktas
  • Duomenų lentelės ir kalendorius
  • Vektorinis žemėlapis ir mini šoninė juosta

11. Vuse

Vuse

Gaukite čia Demonstracija

Vuse vaizdasVuse mobiliajame telefone
  • Keli išdėstymai, daug pavyzdžių puslapių
  • Tamsios ir šviesios spalvų temos
  • Visiškai reaguoja
  • Integruotos programos
  • Konfigūruojami šablonų išdėstymai
  • Greito darbo pradžios rinkinys
  • Individualus spalvų valdymas

12. Vue medžiagos administratorius

Vue medžiagos administratorius

Gaukite čia Demonstracija

„Vue Material Admin“ vaizdas„Vue“ medžiagos administratorius mobiliajame telefone
  • Devyni išdėstymai
  • Apima pokalbių programą
  • Galimi keturi raštai
  • Keli temos variantai
  • Klaida ir prisijungimo puslapiai
  • Datos ir laiko rinkiklis
  • Tamsios ir šviesios šoninės juostos parinktys

13. „Vuetify“ medžiagos informacijos suvestinė

„Vuetify“ medžiagos informacijos suvestinė

Gaukite čia Demonstracija

„Vuetify Material“ informacijos suvestinės vaizdas„Vuetify“ medžiagų informacijos suvestinė mobiliajame telefone
  • Modulinė struktūra
  • 16 rankinių komponentų
  • Du tinkinti papildiniai
  • Septyni puslapių pavyzdžiai
  • Medžiagos dizaino piktogramos
  • Šoninės juostos filtrai
  • Spalvų variantai

14. Vue medžiaga

Vue medžiaga

Gaukite čia Demonstracija

Vaizdo medžiagos vaizdas„Vue“ medžiaga mobiliajame telefone
  • Komponentai ir vartotojo sąsajos elementai
  • Visų šiuolaikinių interneto naršyklių palaikymas
  • Reaguoja
  • Dinamiškos temos
  • Sukurtas naudojant „Google Material Design“
  • Paprasta naudoti API
  • Šviesios ir tamsios odos

Medžiagos dizaino šablonai kampiniam

15. Lydusis saugiklis

Lydusis saugiklis

Gaukite čia Demonstracija

Saugiklio vaizdasSaugiklis mobiliajame telefone
  • Tamsios ir šviesios temos
  • Daugybė integruotų programų
  • Daugiau nei dešimt puslapių pavyzdžių
  • Konfigūruojami šablonų išdėstymai
  • Individualus spalvų valdymas
  • 20+ puslapių išdėstymas
  • AoT kompiliatoriaus palaikymas

16. Trikampio formos

Trikampio formos

Gaukite čia Demonstracija

Trikampio vaizdasTrikampis mobiliajame telefone
  • Penki prietaisų skydeliai
  • Šeši šablonų išdėstymai
  • Tonų puslapių dizainas
  • Reaguoja
  • Daugybė programų pavyzdžių
  • PSD įtraukti
  • Parengta keliomis kalbomis

17. Elastinė vartotojo sąsaja

Elastinė vartotojo sąsaja

Gaukite čia Demonstracija

Elastingas vartotojo sąsajos vaizdasElastinga vartotojo sąsaja mobiliajame telefone
  • Visiškai modulinis
  • 300 medžiagų piktogramų
  • Pranešimai apie užkandžių barą
  • Galimi moduliai
  • Kampinis „Flex“ išdėstymas
  • Visiškai pritaikomi valdikliai
  • Lizdų maršrutas

18. Gradus

Gradus

Gaukite čia Demonstracija

„Gradus“ vaizdas„Gradus“ mobiliajame telefone
  • Į kainą įskaičiuoti iš anksto paruošti paketai
  • Reaguoja su daugeliu pavyzdžių puslapių
  • Tinkamas pakrovimas, įdėtas maršrutinis įterpimas
  • AoT kompiliacija
  • Duomenų lentelės, diagramos, dinaminis meniu
  • Pirmasis puslapis
  • Slinkties juosta

19. Įniršis

Įniršis

Gaukite čia Demonstracija

Fury vaizdasFury mobiliajame telefone
  • Modulinė struktūra
  • 300 ir daugiau medžiagų piktogramų
  • Užkandžių juostos pranešimai
  • Lizdų maršrutas
  • Išplėstinė „Google Maps“ integracija
  • Visiškai pritaikomi valdikliai
  • Duonos riekės sukuriamos automatiškai

20. „MaterialPro“

„MaterialPro“

Gaukite čia Demonstracija

„MaterialPro“ vaizdas„MaterialPro“ mobiliajame telefone
  • Šviesios ir tamsios versijos
  • Keturios spalvų schemos
  • Platus valdiklių pasirinkimas
  • 25+ kampiniai komponentai
  • 2000 ir daugiau šriftų piktogramų
  • Visiškai reaguoja
  • Daugiau nei 250 puslapių šablonų

* Šiame įraše yra filialų nuorodos, tai reiškia, kad jei spustelėsite vieną iš produktų nuorodų ir nusipirksite produktą, gausime nedidelį mokestį. Vis dėlto nesijaudinkite, vis tiek mokėsite standartinę sumą, todėl iš jūsų nereikės mokėti.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector