Topp 4 Design Rammer i 2018

kampen om designrammer har fortsatt å vokse mer konkurransedyktig med hvert år som går, og er i full gang nå i 2018. Det kan sies at hele open-source design rammeverk ethos startet Da Twitter opprettet Bootstrap i midten av 2010. Neste på scenen var Zurbs Grunnlag. Disse to fortsetter å være de mest populære designrammer på markedet. Imidlertid har de siden blitt sluttet av en tungvektsgigant I Form Av Google, og Deres Materialdesign.

det skal bemerkes at mens giganter Som Microsoft og Apple har gitt ut retningslinjer og ressurser for å hjelpe designere med å lage brukergrensesnittdesign (Microsofts Fluent Design & Apples Human Interaction), tilbyr De ikke offisielle rammer i FORM AV HTML, CSS & Javascript-komponenter. Så, for omfanget av denne bloggen, vil vi ikke inkludere dem.

det fjerde rammeverket som vi vil diskutere er en åpen kildekode-fellesskapsdrevet innsats som har fått en utrolig mengde fart i det siste, Er Bulma. Det er ganske utrolig historie om hvordan en scrappy prosjekt som dette har blitt elskling av mobile responsive & progressive web application development verden.

1. Bootstrap

 Bootstrap

Kanskje den mest kjente design rammeverk i verden i dag, og med god grunn. Ikke bare var de de første på scenen, de omdefinerte UI / UX designbransjen for godt. Twitters Bootstrap tok ut en enorm mengde re-arbeid som designere & utviklere gjorde i hver ny webapplikasjon. Måtte re-bygge containere og oppsett, skrive det samme CSS igjen ble et ork, og med mobile responsive design kommer til forkant, Bootstrap var en gudegave. Utviklere kunne raskt prototype med rene Og glatte utseende UIs og stillas som ville generere typiske sider & layouter for dem rett ut av esken.

Siden starten Har Bootstrap holdt tritt med tiden, og utviklet seg kontinuerlig (Bootstrap 4 er den nyeste blødende kanten) for ikke bare å holde designen frisk, men også vedta de nyeste utviklingstrendene som blir tilgjengelige, som Det gjorde Med SaaS, og nå med støtte For front-end-rammer som React & Vue. Det er ingen tvil om at Når Det kommer til en grundig, godt bygget, felt testet design rammeverk som har alt, Bootstrap er den ubestridte kongen.

2. Foundation

 Zurb Foundation

det som startet som et internt prosjekt på design & utviklingsbyrå Zurb, ble til slutt det nest største designrammeverket på nettet. Teamet over På Zurb fant at de måtte gjenbruke HTML ,CSS & Javascript-komponenter ofte og holdt behov for å trekke dem inn fra andre prosjekter. For å lette denne flaskehalsen i prosessen bestemte de seg for å bygge et internt rammeverk som de ville bruke i sine prosjekter. Til slutt, i 2011, bestemte de seg for å åpne det da de så nettet bevege seg mot mobile responsive design, i håp om å legge til fart i den bevegelsen.

Siden da har De kontinuerlig gitt ut oppdateringer (Foundation 6 er den siste bygningen), slik at rammen ikke blir foreldet — noe som kan skje i designverdenen i blikket i et øye. De har også åpen kildekode-prosjekter tilgjengelig som gir integrasjon med front-end rammer som Vue, og offisielt støtte React helhjertet.

trenger du å designe et produkt?

vårt team av brukeropplevelsesdesignere kan gjøre et prosjektkort til en visuell prototype, og samarbeide med deg hvert steg på veien.

3. Material Design

 Material Design

når designrammer begynte å dukke opp overalt og fikk så mye popularitet som de gjorde, var Det Bare et spørsmål om Tid Før Google hoppet i ringen. Med Materialdesign dekket Google alle basene, fra web til mobil til smartwatches og Tv. Deres nyeste front-end rammeverk (Flutter) omfatter Også Materialdesign, og Vi ser Ikke At Google endrer ting når som helst snart De har mottatt fantastisk tilbakemelding fra webapplikasjonsutviklingssamfunnet over hvor enkelt Og rent Materialdesign er. Vi personlig liker å bruke det her på Cygnis Media også.

Når det gjelder å støtte front-end rammer, Kan Material Design være det beste av partiet. De har støtte For Angular, Vue & React Og har en mengde tredjeparts komponenter og biblioteker tilgjengelig på nettet.

4. Bulma

 Bulma Design

Bulma Er Lett den minst kjente designrammen på denne listen, Og Er relativt ny i forhold til de andre. Bygget og omfavnet av åpen kildekode-samfunnet, det som gjør Bulma veldig attraktivt, er hvor lett det er. Personlig elsker jeg også sitt rene utseende og praktiske, men estetisk tiltalende design. Koden-basen er også svært godt skrevet, med en lav barriere for oppføring for nye front-end utviklere å komme inn uten å måtte lære skremmende syntaks.

Bulma har blitt helhjertet vedtatt Av vue samfunnet-begge er underdog rammer som har kommet inn med lignende mål og upstaged sine større, mer etablerte kolleger — og har en fantastisk åpen kildekode-prosjekt Kalt Buefy som gir vue integrasjon & komponenter.

Trenger du å bygge en web-applikasjon?

med kompatibilitet på tvers av plattformer forblir nettapper det ultimate mediet for et produkt. Fortell oss om prosjektet ditt for en gratis konsultasjon.

Konklusjon

På dette punktet har du sikkert prøvd big 3 designrammer. Hvis Du i 2018 ønsker å prøve et nytt designramme som er raskt, lett, men også praktisk og smart, gi Bulma et skudd — spesielt hvis du parrer Det med Vue.js. Det er flott for stillas, admin paneler og oversikter. Lykke til & glad design!

Dele:

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.