Materiaalisuunnittelumallit tyylin, kulman, reagoinnin (materiaalin käyttöliittymä)

Materiaalisuunnittelumallit tyylin, kulman, reagoinnin (materiaalin käyttöliittymä)

Materiaalisuunnittelumallit tyylin, kulman, reagoinnin (materiaalin käyttöliittymä)
СОДЕРЖАНИЕ
02 июня 2020

Eikö kehitystyökalujen suunnittelijoille ole paljon helpompaa suunnitella käyttöliittymiä, jos he voivat toimia jonkinlaisen standardin tai yhteisen lähtökohdan kanssa? No, tässä kohtaa materiaalisuunnittelumallit tulevat peliin!


Ottaen "kortti-" konsepti, joka syntyi Google Now -palvelun myötä, materiaalisuunnittelu parantaa sitä ruudukkoon perustuvilla ulkoasuilla, reagoivilla animaatioilla, pehmusteilla, syvyystehosteilla ja muulla. Tällä tavoin on helpompaa yhdistää tekninen kehitys hyvään suunnittelukehitykseen.

UI-rakennuksen tekemiseksi entistä yksinkertaisemmaksi on saatavana helposti joukko kehyksiä ja malleja, jotka sisältävät Googlen materiaalisuunnitteluperiaatteet. Juuri tälle keskitymme tämänpäiväisessä viestissä. Tässä ovat parhaat materiaalisuunnittelumallit mallille Vue, Angular ja React.

Aloitetaan:

Materiaalisuunnittelumallit tyylin, kulman, reagoinnin (materiaalin käyttöliittymä)

  • �� Napsauta saadaksesi React-materiaalisuunnittelumallit
  • �� Napsauta saadaksesi Vue-materiaalisuunnittelumallit
  • �� Napsauta saadaksesi kulmalliset materiaalisuunnittelumallit

Materiaalisuunnittelumallit Reactille

1. Materiaalisarja reagoi

Materiaalisarja reagoi

Tuo se tänne esittely

Material Kit reagoi näkymäMaterial Kit React matkapuhelimella
  • Ilmainen materiaalien käyttöliittymä
  • 60 käsityönä tehtyä elementtiä
  • Neljä mukautettua laajennusta
  • Kolme esimerkkisivua
  • Laajamittainen typografia
  • Värivaihtoehdot
  • Rakentaa modernin verkkosivustosi Android-sovelluksellesi

2. Materiaalisuunnittelu reagoi järjestelmänvalvojaan

Materiaalisuunnittelu reagoi järjestelmänvalvojaan

Tuo se tänne esittely

Materiaalisuunnittelu reagoi järjestelmänvalvojan näkymäänMateriaalisuunnittelu React Admin matkapuhelimella
  • 18 värimaailmaa
  • Vaaleat ja tummat teemat
  • Reagoiva ja tukee korkearesoluutioisia näyttöjä
  • Useita asetteluja, modulaarinen koodi
  • Laiska lastaus
  • Järjestelmänvalvojamalli ja aloitussivu
  • Käytä CSS: tä ja SaaS: ää muuttujien muuttamiseen helposti

3. Jumbo reagoi

Jumbo reagoi

Tuo se tänne esittely

Jumbo reagoi näkymäJumbo React matkapuhelimella
  • Seitsemän kojetaulua, yli 150 widgettiä
  • Kuusi navigointityyliä ja kuusi sisäänrakennettua sovellusta
  • Asyncin lataus
  • 130+ suunniteltua sivua
  • Käyttövalmis vaaleat, puolitummat ja tummat sävyt
  • Täysin reagoiva
  • RTL ja monikielinen tuki

4. Portaali

Portaali

Tuo se tänne esittely

PortaalinäkymäPortaali matkapuhelimella
  • Kuusi asettelua, tyylikäs kojetaulu
  • Kaksi esimerkkisovellusta
  • 15+ Elements -sivut
  • Käyttää uusimpia Material UI -komponentteja
  • Laiska lataus ja RTL-tuki
  • SASS-tyylitaulukot
  • Yhdeksän sisäänrakennettua teemaa

5. Materiaalin hallintapaneeli reagoi

Materiaalin hallintapaneeli reagoi

Tuo se tänne esittely

Materiaalin hallintapaneeli reagoi näkymäMateriaalin hallintapaneeli reagoi matkapuhelimella
  • Rakennettu suositun Material-UI v3.1.0 -kehyksen yli
  • 200 komponenttia
  • 28 esimerkkisivua
  • Kymmenen räätälöityä laajennusta
  • Viisi värisuodatinvaihtoehtoa
  • Vaihtoehto taustakuvalle sivupalkissa
  • Navigointi vasemmalla sivupalkilla

6. Reagoi järjestelmänvalvoja

Reagoi järjestelmänvalvoja

Tuo se tänne esittely

Reagoi järjestelmänvalvojan näkymässäReagoi järjestelmänvalvojaan mobiililaitteessa
  • Erittäin nopea, erittäin muokattava käyttöliittymä
  • Täysin varustettu datagrid
  • Suodata kirjoittaessasi
  • WYSIWYG-toimittaja
  • Muokattava kojetaulu, valikko, asettelu
  • Yhdistetään useisiin taustaohjelmiin
  • Tukee mitä tahansa lomakeasettelua

Saatat olla kiinnostunut myös näistä artikkeleista:

  • 20+ parhaista kulmanvalvojan hallintapaneelin malleista vuonna 2020
  • Verkkokaupan aloittaminen tyhjästä (10 vaiheessa)
  • Kuinka ansaita rahaa Fiverrillä: tarkat vaiheet, jotka tein ansaitaksesi 2–3 000 dollaria kuukaudessa
  • 14 mielenkiintoisinta Vue UI -komponenttikirjastoa

7. pohjamaali

pohjamaali

Tuo se tänne esittely

PohjustusnäkymäPohjustus matkapuhelimella
  • Vaaleat ja tummat teemat
  • Täysin reagoiva RTL-tuki
  • AoT-kokoelma
  • JSS-muotoilu
  • Helppo muokata
  • Viisi sisäänrakennettua sovellusta
  • Viisi esimerkkisivua

Materiaalisuunnittelumallit Vuelle

8. Vue-materiaalisarja

Vue-materiaalisarja

Tuo se tänne esittely

Vue Material Kit -näkymäVue Material Kit matkapuhelimella
  • Vapaa
  • 60 käsityönä tehtyä elementtiä
  • Kaksi mukautettua laajennusta
  • Kolme esimerkkisivua
  • Rakennettu Vue Materialin ja Vuejsin yli
  • Peruselementit, navigointi, tulot, kuvat, typografia

9. Vuely

Vuely

Tuo se tänne esittely

Vuely-näkymäVuely matkapuhelimella
  • Useita kojetauluja
  • Täysin reagoiva
  • Vähintään 200 käyttöliittymäelementtiä
  • 78+ mukautettuja widgettejä
  • Useita teemavaihtoehtoja
  • Quill-toimittaja, WYSIWYG-editori
  • 1500+ fonttikuvakkeet, RTL-tuki

10. Vue Material Dashboard

Vue Material Dashboard

Tuo se tänne esittely

Vue Material Dashboard -näkymäVue Material Dashboard matkapuhelimella
  • 200 komponenttia
  • 15 laajennusta
  • 27 esimerkkisivua
  • Materiaalikuvakkeen fontit
  • Sisäänkirjautuminen, rekisteröinti, hinnoittelu ja lukitus
  • Datataulut ja kalenteri
  • Vektorikartta ja mini-sivupalkki

11. vuse

vuse

Tuo se tänne esittely

Vuse-näkymäVuse matkapuhelimella
  • Useita asetteluja, monia esimerkkejä
  • Tummat ja vaaleat väriteemat
  • Täysin reagoiva
  • Sisäänrakennetut sovellukset
  • Konfiguroitavat mallipohjat
  • Pika-aloituspakkaus
  • Mukautettu värienhallinta

12. Vue Material Admin

Vue Material Admin

Tuo se tänne esittely

Vue Material Admin -näkymäVue Material Admin matkapuhelimella
  • Yhdeksän asettelua
  • Sisältää chat-sovelluksen
  • Saatavana neljä widgettiä
  • Useita teemavaihtoehtoja
  • Virhe ja kirjautumissivut
  • Päivämäärän ja kellonajan valinta
  • Tummat ja vaaleat sivupalkin vaihtoehdot

13. Vuetify Material Dashboard

Vuetify Material Dashboard

Tuo se tänne esittely

Vuetify Material Dashboard -näkymäVuetify Material Dashboard matkapuhelimella
  • Modulaarinen rakenne
  • 16 käsintehtyä komponenttia
  • Kaksi mukautettua laajennusta
  • Seitsemän esimerkkisivua
  • Materiaalisuunnittelu kuvakkeet
  • Sivupalkin suodattimet
  • Värivaihtoehdot

14. Vue-materiaali

Vue-materiaali

Tuo se tänne esittely

Vue Material -näkymäVue-materiaali matkapuhelimella
  • Komponentit ja käyttöliittymäelementit
  • Tuki kaikille nykyaikaisille selaimille
  • herkkä
  • Dynaamiset teemat
  • Rakennettu Google Material Designilla
  • Helppo käyttää sovellusliittymää
  • Vaaleat ja tummat nahat

Materiaalisuunnittelumallit kulmalle

15. Sulake

Sulake

Tuo se tänne esittely

SulakekuvaSulake matkapuhelimella
  • Tummat ja vaaleat teemat
  • Monet sisäänrakennetut sovellukset
  • Yli kymmenen sivun esimerkkejä
  • Konfiguroitavat mallipohjat
  • Mukautettu värienhallinta
  • 20+ sivun asettelua
  • AoT-kääntäjän tuki

16. kolmion muotoinen

kolmion muotoinen

Tuo se tänne esittely

Kolmiomainen näkymäKolmion matkapuhelimella
  • Viisi kojetaulua
  • Kuusi mallipohjaa
  • Tonnia sivumalleja
  • herkkä
  • Monet esimerkki-sovellukset
  • PSD mukana
  • Monikieliset valmiit

17. Elastinen käyttöliittymä

Elastinen käyttöliittymä

Tuo se tänne esittely

Joustava käyttöliittymäkuvaJoustava käyttöliittymä matkapuhelimella
  • Täysin modulaarinen
  • 300 materiaalikuvaketta
  • Välipala-ilmoitukset
  • Moodit saatavilla
  • Kulma-taipuinen asettelu
  • Täysin muokattavat widgetit
  • Sisäinen reititys

18. gradus

gradus

Tuo se tänne esittely

Gradus-näkymäGradus matkapuhelimella
  • Mukana valmiita lomakkeita
  • Reagoiva monien esimerkkisivujen kanssa
  • Laiska lataus, sisäkkäinen reititys
  • AoT-kokoelma
  • Tiedot, taulukot, dynaaminen valikko
  • Aloitussivu
  • Vierityspalkki

19. raivo

raivo

Tuo se tänne esittely

RaivonäkymäFury matkapuhelimella
  • Modulaarinen rakenne
  • 300+ materiaalikuvakkeet
  • Snackbar-ilmoitukset
  • Sisäinen reititys
  • Edistynyt Google Maps -integraatio
  • Täysin muokattavat widgetit
  • Leivänmurut syntyvät automaattisesti

20. MaterialPro

MaterialPro

Tuo se tänne esittely

MaterialPro-näkymäMaterialPro matkapuhelimella
  • Vaaleat ja tummat versiot
  • Neljä värimaailmaa
  • Laaja valikoima widgettejä
  • 25+ kulmakomponentit
  • 2 000 fonttikuvaketta
  • Täysin reagoiva
  • Vähintään 250 sivumallia

* Tämä viesti sisältää tytäryhtiölinkejä, mikä tarkoittaa, että jos napsautat jotakin tuottilinkkiä ja ostaa sen jälkeen tuotteen, saamme pienen maksun. Ei hätää, mutta maksat silti normaalin summan, joten sinun ei tarvitse maksaa siitä mitään kustannuksia.

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