Top 4 design rammer i 2018

kampen om designrammerne er fortsat med at vokse mere konkurrencedygtig med hvert år, der går, og er i fuld gang nu i 2018. Det kan siges, at hele open source design rammer ethos startede, da kvidre skabt Bootstrap i midten af 2010. Næste på scenen var Jensens fundament. Disse to forbliver fortsat de mest populære designrammer på markedet. Imidlertid, de er siden blevet tilsluttet af en tungvægtsgigant i form af Google, og deres materielle Design.

det skal bemærkes, at mens giganter som Microsoft og Apple har frigivet retningslinjer og ressourcer til at hjælpe designere med at skabe brugergrænsefladedesign (Microsofts flydende Design & Apples menneskelige interaktion), tilbyder de ikke officielle rammer i form af HTML, CSS & Javascript-komponenter. Så, for omfanget af denne blog, vi vil ikke medtage dem.

den fjerde ramme, som vi vil diskutere, er en open source community-drevet indsats, der har fået en utrolig mængde momentum som for sent er Bulma. Det er en utrolig historie om, hvordan et scrappy projekt som dette er blevet darling af den mobile responsive & progressive applikationsudviklingsverden.

1. Bootstrap

Bootstrap

måske den mest kendte designramme i verden i dag og med god grund. Ikke kun var de de første på scenen, de omdefinerede UI/U-designindustrien for godt. Kvidre Bootstrap tog en enorm mængde af re-arbejde, som designere & udviklere gjorde i hver ny hjemmeside ansøgning. At skulle genopbygge containere og layout, skrive den samme CSS igen blev en opgave, og med mobile responsive designs, der kom i spidsen, var Bootstrap en gave. Udviklere kunne hurtigt prototype med rene og Glatte UI ‘ er og stilladser, der ville generere typiske sider & layouts til dem lige ud af kassen.

siden starten har Bootstrap holdt trit med tiden og udviklet sig kontinuerligt (Bootstrap 4 er den seneste bleeding edge-opbygning) for ikke kun at holde designet frisk, men også vedtage de nyeste udviklingstendenser, der bliver tilgængelige, som det gjorde med SaaS, og nu med sin støtte til front-end-rammer som React & Vue. Der er ingen tvivl om, at når det kommer til en grundig, velbygget, feltprøvet designramme, der har det hele, er Bootstrap den ubestridte konge.

2. Foundation

Surb Foundation

hvad der startede som et internt projekt på design & udviklingsbureau Surb, blev til sidst den næststørste designramme på nettet. Holdet fandt ud af, at de ofte skulle genbruge HTML, CSS & Javascript-komponenter og blev nødt til at trække dem ind fra andre projekter. For at afhjælpe denne flaskehals i deres proces besluttede de at opbygge en intern ramme, som de ville bruge i deres projekter. Til sidst besluttede de i 2011 at åbne det, da de så Internettet bevæge sig mod mobile responsive designs i håb om at tilføje momentum til denne bevægelse.

siden da har de løbende udgivet opdateringer (Foundation 6 er den seneste build), der sikrer, at deres rammer ikke bliver forældede — hvilket er noget, der kan ske i designverdenen med et øjeblik. De har også open source-projekter til rådighed, der giver integration med front-end-rammer som Vue, og støtter officielt React helhjertet.

har du brug for at designe et produkt?

vores team af brugeroplevelsesdesignere kan gøre et projektkort til en visuel prototype, der samarbejder med dig hvert skridt på vejen.

3. Material Design

Material Design

når designrammer begyndte at dukke op overalt og fik så meget popularitet som de gjorde, var det kun et spørgsmål om tid, før Google sprang i ringen. Med Material Design dækkede Google alle baserne, fra Internet til mobil til Smartur og tv. Deres seneste front-end-ramme (Flutter) omfatter også Material Design, og vi ser ikke Google ændre tingene når som helst, da de har modtaget fantastisk feedback fra applikationsudviklingssamfundet om, hvor let og rent materialedesign er. Vi personligt virkelig gerne bruge det her på Cygnis Media samt.

når det kommer til at understøtte front-end-rammer, kan materialedesign være det bedste af partiet. De har støtte til Angular, Vue & React og har et væld af tredjeparts komponenter og biblioteker til rådighed på nettet.

4. Bulma

Bulma Design

let den mindst kendte designramme på denne liste, Bulma er en relativt ny i sammenligning med de andre. Bygget og omfavnet af open source-samfundet, hvad der gør Bulma virkelig attraktiv er, hvor let det er. Personligt elsker jeg også dets rene udseende og praktiske, men alligevel æstetisk tiltalende design. Kodebasen er også ekstremt velskrevet, med en lav adgangsbarriere for nye front-end-udviklere at komme ind uden at skulle lære skræmmende syntaks.

Bulma er blevet helhjertet vedtaget af Vue — samfundet — begge er underdog-rammer, der er kommet ind med lignende mål og upstaged deres større, mere etablerede kolleger-og har et fantastisk open source-projekt kaldet Buefy, som giver Vue-integration & komponenter.

har du brug for at oprette en internetapplikation?

med kompatibilitet på tværs af platforme forbliver apps det ultimative medium for et produkt. Fortæl os om dit projekt for en gratis konsultation.

konklusion

på dette tidspunkt har du sandsynligvis prøvet de store 3 designrammer. Hvis du i 2018 ønsker at prøve en ny designramme, der er hurtig, let, men også praktisk og smart, skal du give Bulma et skud — især hvis du parrer det med vue.js. Det er fantastisk til stilladser, admin paneler og dashboards. Held og lykke & Glad Design!

del:

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.