Topp 4 Designramar i 2018

slaget om designramarna har fortsatt att växa mer konkurrenskraftigt för varje år som går och är i full gång nu 2018. Det kan sägas att hela open source design frameworks ethos startade när Twitter skapade Bootstrap i mitten av 2010. Nästa på scenen var Zurbs grund. Dessa två fortsätter att vara de mest populära designramarna på marknaden. Men de har sedan dess förenats av en tungviktig jätte i form av Google och deras materialdesign.

det bör noteras att medan jättar som Microsoft och Apple har släppt riktlinjer och resurser för att hjälpa designers att skapa användargränssnitt (Microsofts flytande Design & Apples mänskliga interaktion), erbjuder de inte officiella ramar i form av HTML, CSS & Javascript-komponenter. Så, för omfattningen av denna blogg, Vi kommer inte att inkludera dem.

det fjärde ramverket som vi kommer att diskutera är en öppen källkodsdriven ansträngning som har fått en otrolig mängd fart i slutet är Bulma. Det är en ganska otroligt historia om hur ett scrappy-projekt som detta har blivit älskling av den mobila responsiva & progressiva webbapplikationsutvecklingsvärlden.

1. Bootstrap

Bootstrap

kanske den mest kända designramen i världen idag, och med goda skäl. Inte bara var de de första på scenen, de omdefinierade UI/UX-designindustrin för gott. Twitters Bootstrap tog ut en enorm mängd omarbete som designers & utvecklare gjorde i varje ny webbapplikation. Att behöva bygga om containrar och layouter, skriva samma CSS igen blev en syssla, och med mobila responsiva mönster som kom i framkant var Bootstrap en gudstjänst. Utvecklare kan snabbt prototypa med rena och snygga UI och byggnadsställningar som skulle generera typiska sidor & layouter för dem direkt ur lådan.

sedan starten har Bootstrap hållit jämna steg med tiden och utvecklats kontinuerligt (Bootstrap 4 är den senaste bleeding edge-byggnaden) för att inte bara hålla designen fräsch utan också anta de senaste utvecklingstrenderna som blir tillgängliga, som det gjorde med SaaS, och nu med sitt stöd för front-end-ramar som React & Vue. Det råder ingen tvekan om att när det gäller en grundlig, välbyggd, fälttestad designram som har allt, är Bootstrap den obestridda kungen.

2. Foundation

Zurb Foundation

det som började som ett internt projekt på design & utvecklingsbyrån Zurb blev så småningom den näst största designramen på webben. Teamet på Zurb fann att de var tvungna att återanvända HTML, CSS & Javascript-komponenter ofta och fortsatte att behöva dra in dem från andra projekt. För att lindra denna flaskhals i sin process bestämde de sig för att bygga en intern ram som de skulle använda i sina projekt. Så småningom, i 2011, bestämde de sig för att öppna källkod när de såg webben flytta mot mobila responsiva mönster, i hopp om att lägga till fart på den rörelsen.

sedan dess har de kontinuerligt släppt uppdateringar (Foundation 6 är den senaste byggnaden), vilket säkerställer att deras ramverk inte blir gammalt — vilket är något som kan hända i designvärlden på ett ögonblick. De har också open source-projekt tillgängliga som ger integration med front-end-ramar som Vue, och officiellt stöd React helhjärtat.

behöver du designa en produkt?

vårt team av användarupplevelsedesigners kan göra ett projektkort till en visuell prototyp och samarbeta med dig varje steg på vägen.

3. Material Design

Material Design

när designramar började dyka upp överallt och fick lika mycket popularitet som de gjorde, var det bara en tidsfråga innan Google hoppade i ringen. Med materialdesign täckte Google Alla baser, från webb till mobil till smartklockor och TV-apparater. Deras senaste front-end-ramverk (Flutter) omfattar också materialdesign och vi ser inte att Google ändrar saker när som helst när de har fått fantastisk feedback från webbapplikationsutvecklingsgemenskapen om hur lätt och ren materialdesign är. Vi personligen gillar verkligen att använda det här på Cygnis Media också.

när det gäller att stödja front-end-ramar kan materialdesign vara det bästa av partiet. De har stöd för Angular, Vue & React och har en uppsjö av tredjepartskomponenter och bibliotek tillgängliga på webben.

4. Bulma

Bulma Design

lätt den minst kända designramen på denna lista, Bulma är en relativt ny i jämförelse med de andra. Byggt och omfamnat av Open source-communityn, det som gör Bulma riktigt attraktivt är hur lätt det är. Personligen älskar jag också dess rena utseende och praktiska men ändå estetiskt tilltalande design. Kodbasen är också extremt välskriven, med ett lågt hinder för inträde för nya front-end-utvecklare att komma in utan att behöva lära sig skrämmande syntax.

Bulma har helt hjärtligt antagits av Vue samhället-båda är underdog ramar som har kommit in med liknande mål och upstaged sina större, mer etablerade motsvarigheter — och har en fantastisk open source-projekt som heter Buefy som ger Vue integration & komponenter.

behöver du bygga en webbapplikation?

med plattformsoberoende kompatibilitet, webbappar förblir det ultimata mediet för en produkt. Berätta om ditt projekt för en gratis konsultation.

slutsats

vid denna tidpunkt har du förmodligen provat de stora 3 designramarna. Om du 2018 vill prova ett nytt designramverk som är snabbt, lätt men också praktiskt och smart, ge Bulma ett skott — speciellt om du parar ihop det med Vue.js. Det är bra för byggnadsställningar, adminpaneler och instrumentpaneler. Lycka till & lycklig design!

dela:

Lämna ett svar

Din e-postadress kommer inte publiceras.